.elementor-kit-9{--e-global-color-primary:#E85D22;--e-global-color-secondary:#E85D22;--e-global-color-text:#2C3539;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:700;background-color:#F4F7F6;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Margen superior para los enlaces ancla (evita que el menú los tape) */
#aplicaciones, 
#como-funciona, 
#comprar {
    scroll-margin-top: 120px;
}
/* Ocultar el texto por defecto de "Ver carrito" de WooCommerce tras comprar */
a.added_to_cart.wc-forward {
    display: none !important;
}
/* Estilo universal y elegante para el sufijo de IVA en toda la web */
.woocommerce-price-suffix {
    display: block !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: #A0ABAF !important; /* Gris claro que queda perfecto en fondos oscuros y blancos */
    margin-top: 5px !important;
    line-height: 1.2 !important;
    letter-spacing: 0px !important;
}

/* =========================================
   DISEÑO PREMIUM PARA EL CHECKOUT DE BLOQUES
   ========================================= */

/* 1. Tipografía general del Checkout */
.wc-block-checkout {
    font-family: 'Inter', sans-serif !important;
    color: #1A2023 !important;
}

/* 2. El Botón de Pagar (Gigante, Naranja y con Glow) */
.wc-block-components-button:not(.is-link) {
    background-color: #E85D22 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 16px 24px !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    font-family: 'Montserrat', sans-serif !important;
    box-shadow: 0 8px 20px rgba(232, 93, 34, 0.4) !important;
    transition: all 0.3s ease !important;
    border: none !important;
    width: 100% !important;
}

.wc-block-components-button:not(.is-link):hover {
    background-color: #FF6A2B !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 25px rgba(232, 93, 34, 0.5) !important;
}

/* 3. Los campos del formulario (Redondeados y limpios) */
.wc-block-components-text-input input, 
.wc-block-components-combobox .components-input-control__input {
    border-radius: 10px !important;
    border: 2px solid #EAEFEF !important;
    background-color: #FAFCFC !important;
    padding: 14px !important;
    transition: all 0.3s ease !important;
}

/* Efecto al hacer clic en un campo para escribir */
.wc-block-components-text-input input:focus,
.wc-block-components-combobox .components-input-control__input:focus {
    border-color: #E85D22 !important;
    box-shadow: 0 0 0 1px rgba(232, 93, 34, 0.2) !important;
    background-color: #FFFFFF !important;
    outline: none !important;
}

/* 4. La caja de Resumen del Pedido (Destacada a la derecha) */
.wc-block-checkout__sidebar {
    background-color: #ffffff !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.06) !important;
    border: 2px solid #E85D22 !important;
    padding: 30px !important;
}

/* 5. Títulos internos del Checkout */
.wc-block-checkout__title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    color: #1A2023 !important;
    font-size: 1.5rem !important;
}/* End custom CSS */