.elementor-kit-4{--e-global-color-primary:#634E42;--e-global-color-secondary:#CBBBA0;--e-global-color-text:#F5F1EA;--e-global-color-accent:#BA602C;--e-global-color-phfondo:#221A16;--e-global-color-phsuper:#2C221D;--e-global-color-phnegro:#1D1D1B;--e-global-color-phlinea:#3E312A;--e-global-color-phtenue:#8C8073;--e-global-typography-primary-font-family:"Merriweather";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-line-height:1.04em;--e-global-typography-primary-letter-spacing:-1.1px;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-secondary-letter-spacing:2px;--e-global-typography-text-font-family:"Merriweather";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.75em;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.6em;--e-global-typography-accent-letter-spacing:2.6px;--e-global-typography-phenorme-font-family:"Merriweather";--e-global-typography-phenorme-font-size:104px;--e-global-typography-phenorme-font-weight:900;--e-global-typography-phenorme-line-height:0.95em;--e-global-typography-phenorme-letter-spacing:-3px;background-color:var( --e-global-color-phfondo );color:var( --e-global-color-text );font-family:"Merriweather", Sans-serif;font-size:17px;font-weight:300;line-height:1.75em;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Archivo", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2.2px;color:var( --e-global-color-phfondo );border-radius:999px 999px 999px 999px;padding:16px 30px 16px 30px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-secondary );text-decoration:none;}.elementor-kit-4 a:hover{color:var( --e-global-color-accent );}.elementor-kit-4 h1{color:var( --e-global-color-text );font-family:"Merriweather", Sans-serif;font-size:56px;font-weight:900;line-height:1.04em;letter-spacing:-1.1px;}.elementor-kit-4 h2{color:var( --e-global-color-text );font-family:"Merriweather", Sans-serif;font-size:40px;font-weight:900;line-height:1.08em;letter-spacing:-0.8px;}.elementor-kit-4 h3{color:var( --e-global-color-secondary );font-family:"Archivo", Sans-serif;font-size:22px;font-weight:600;text-transform:uppercase;line-height:1.3em;letter-spacing:2px;}.elementor-kit-4 h4{color:var( --e-global-color-secondary );font-family:"Archivo", Sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:1.8px;}.elementor-kit-4 h5{color:var( --e-global-color-secondary );font-family:"Archivo", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:2px;}.elementor-kit-4 h6{color:var( --e-global-color-secondary );font-family:"Archivo", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;line-height:1.6em;letter-spacing:2.8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-4{--e-global-typography-phenorme-font-size:68px;--e-global-typography-phenorme-letter-spacing:-2px;}.elementor-kit-4 h1{font-size:44px;}.elementor-kit-4 h2{font-size:34px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-phenorme-font-size:44px;--e-global-typography-phenorme-letter-spacing:-1px;font-size:16px;}.elementor-kit-4 h1{font-size:34px;letter-spacing:-0.5px;}.elementor-kit-4 h2{font-size:27px;}.elementor-kit-4 h3{font-size:19px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ── Páginas que no monta Elementor ────────────────────────────── Carrito, finalizar compra, pedido recibido y mi cuenta (y sus gemelas en inglés) las pinta WooCommerce dentro de main#content, que arranca arriba del todo. Como la cabecera es fija y mide 96 px, el contenido se le metía debajo. */ body:not(.elementor-page) main#content { padding-top: 136px; padding-bottom: 80px; } @media (max-width: 767px) { body:not(.elementor-page) main#content { padding-top: 104px; padding-bottom: 56px; } } /* ── Contraste dentro de los campos del carrito y del checkout ─── Los bloques de WooCommerce pintan el campo en blanco, pero la etiqueta flotante vive dentro de esa caja y heredaba el crema del sitio: 1,13 a 1, ilegible. Las reglas llevan delante el envoltorio del bloque a propósito: WooCommerce manda «color: inherit» con dos clases y hay que ganarle sin usar !important. */ .wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-text-input label, .wp-block-woocommerce-checkout .wc-block-components-form .wc-blocks-components-select__label, .wp-block-woocommerce-checkout .wc-block-components-form .wc-blocks-components-select__select, .wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-combobox label, .wp-block-woocommerce-cart .wc-block-components-form .wc-block-components-text-input label, .wp-block-woocommerce-cart .wc-block-components-form .wc-blocks-components-select__label, .wp-block-woocommerce-cart .wc-block-components-form .wc-blocks-components-select__select { color: var(--e-global-color-phfondo); } /* El cupón va suelto en el resumen, fuera del formulario */ .wc-block-components-totals-coupon input, .wc-block-components-panel input[type="text"] { background-color: #fff; color: var(--e-global-color-phfondo); } .wc-block-components-text-input input::placeholder, .wc-block-components-textarea::placeholder { color: var(--e-global-color-phtenue); } /* ── Botones de los bloques de WooCommerce ─────────────────────── El Estilo del tema solo alcanza a button, input y .elementor-button, así que los botones que son enlaces —«Finalizar compra» del carrito, los de la tienda vacía— se quedaban con el gris de serie de WordPress. Se igualan al de «Realizar el pedido», que sí lo hereda. */ .wc-block-components-button.wp-element-button, a.wc-block-components-button, .wp-block-woocommerce-cart .wp-block-button__link, .wp-block-woocommerce-checkout .wp-block-button__link { background-color: var(--e-global-color-secondary); color: var(--e-global-color-phfondo); border-radius: 999px; padding: 16px 30px; font-family: "Archivo", Sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 2.2px; text-transform: uppercase; } .wc-block-components-button.wp-element-button:hover, a.wc-block-components-button:hover, .wp-block-woocommerce-cart .wp-block-button__link:hover, .wp-block-woocommerce-checkout .wp-block-button__link:hover { background-color: var(--e-global-color-text); color: var(--e-global-color-phfondo); } /* ── La chapa con la cantidad del resumen del pedido ───────────── WooCommerce le pone «background-color: currentcolor», que aquí es el crema del texto, y el número en blanco: no se leía. */ .wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity { background-color: var(--e-global-color-secondary); color: var(--e-global-color-phfondo); } .wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity span { color: var(--e-global-color-phfondo); }/* End custom CSS */