.elementor-1482 .elementor-element.elementor-element-579a05a4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1482 .elementor-element.elementor-element-6b771899{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1482 .elementor-element.elementor-element-6b771899:not(.elementor-motion-effects-element-type-background), .elementor-1482 .elementor-element.elementor-element-6b771899 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B8975A;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1482 .elementor-element.elementor-element-3d2f44d9 .elementor-icon-box-wrapper{align-items:center;gap:20px;}.elementor-1482 .elementor-element.elementor-element-3d2f44d9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1482 .elementor-element.elementor-element-3d2f44d9.elementor-view-framed .elementor-icon, .elementor-1482 .elementor-element.elementor-element-3d2f44d9.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-1482 .elementor-element.elementor-element-3d2f44d9 .elementor-icon{font-size:25px;}.elementor-1482 .elementor-element.elementor-element-3d2f44d9 .elementor-icon-box-title, .elementor-1482 .elementor-element.elementor-element-3d2f44d9 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;letter-spacing:0.5px;}.elementor-1482 .elementor-element.elementor-element-3d2f44d9 .elementor-icon-box-title{color:#FFFFFF;}.elementor-1482 .elementor-element.elementor-element-3d2f44d9:has(:hover) .elementor-icon-box-title, .elementor-1482 .elementor-element.elementor-element-3d2f44d9:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-1482 .elementor-element.elementor-element-7348da77{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-1482 .elementor-element.elementor-element-7348da77:not(.elementor-motion-effects-element-type-background), .elementor-1482 .elementor-element.elementor-element-7348da77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#14141400;}.elementor-1482 .elementor-element.elementor-element-4eb91b91{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1482 .elementor-element.elementor-element-17f68cae{text-align:start;}.elementor-1482 .elementor-element.elementor-element-17f68cae img{width:50%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1482 .elementor-element.elementor-element-5e4f9a79{text-align:start;}.elementor-1482 .elementor-element.elementor-element-5e4f9a79 img{width:50%;}.elementor-1482 .elementor-element.elementor-element-1c16926d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1482 .elementor-element.elementor-element-15da5a3d .elementor-menu-toggle{margin:0 auto;}.elementor-1482 .elementor-element.elementor-element-15da5a3d .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-1482 .elementor-element.elementor-element-15da5a3d .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-1482 .elementor-element.elementor-element-15da5a3d .elementor-nav-menu--main .elementor-item:hover, .elementor-1482 .elementor-element.elementor-element-15da5a3d .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1482 .elementor-element.elementor-element-15da5a3d .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1482 .elementor-element.elementor-element-15da5a3d .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1482 .elementor-element.elementor-element-1aeabcbe{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1482 .elementor-element.elementor-element-4b5982e4 .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1482 .elementor-element.elementor-element-3509f0e1{--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#FFFFFF;--toggle-button-border-color:#FFFFFF;--toggle-button-border-width:1px;--toggle-icon-size:21px;--toggle-icon-padding:10px 10px 10px 10px;--items-indicator-text-color:#FFFFFF;--items-indicator-background-color:#B8975A;--cart-background-color:#F4EFE6;--cart-border-style:solid;--cart-border-color:#1A2A1F1A;--cart-close-icon-size:20px;--cart-close-button-color:#1A2A1F;--remove-item-button-size:20px;--menu-cart-subtotal-color:#1A2A1F;--product-variations-color:#1A2A1F;--product-price-color:#B8975A;--divider-color:#1A2A1F1A;--subtotal-divider-color:#1A2A1F1A;--divider-width:1px;--subtotal-divider-top-width:1px;--subtotal-divider-right-width:1px;--subtotal-divider-bottom-width:1px;--subtotal-divider-left-width:1px;--product-divider-gap:15px;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--space-between-buttons:20px;--view-cart-button-text-color:#FFFFFF;--view-cart-button-background-color:#345C3E;--view-cart-button-hover-text-color:#FFFFFF;--view-cart-button-hover-background-color:#B8975A;--checkout-button-text-color:#FFFFFF;--checkout-button-background-color:#345C3E;--checkout-button-hover-text-color:#FFFFFF;--checkout-button-hover-background-color:#B8975A;}.elementor-1482 .elementor-element.elementor-element-3509f0e1 .elementor-menu-cart__main{border-width:1px 1px 1px 1px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}.elementor-1482 .elementor-element.elementor-element-3509f0e1 .elementor-menu-cart__subtotal{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;}.elementor-1482 .elementor-element.elementor-element-3509f0e1 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-1482 .elementor-element.elementor-element-3509f0e1 .elementor-menu-cart__product-name a{font-family:"Fraunces", Sans-serif;font-size:16px;font-weight:400;line-height:1px;color:#1A2A1F;}.elementor-1482 .elementor-element.elementor-element-3509f0e1 .elementor-menu-cart__product .variation{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;}.elementor-1482 .elementor-element.elementor-element-3509f0e1 .elementor-menu-cart__product-price{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;}.elementor-1482 .elementor-element.elementor-element-3509f0e1 .elementor-menu-cart__product-price .product-quantity{color:#B8975A;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1px;}.elementor-1482 .elementor-element.elementor-element-3509f0e1 .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.elementor-1482 .elementor-element.elementor-element-3509f0e1 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;}.elementor-1482 .elementor-element.elementor-element-3509f0e1 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;}.elementor-1482 .elementor-element.elementor-element-3509f0e1 .woocommerce-mini-cart__empty-message{font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;letter-spacing:1px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1482 .elementor-element.elementor-element-7348da77{--content-width:1240px;}.elementor-1482 .elementor-element.elementor-element-4eb91b91{--width:20%;}.elementor-1482 .elementor-element.elementor-element-1c16926d{--width:60%;}.elementor-1482 .elementor-element.elementor-element-1aeabcbe{--width:20%;}}/* Start custom CSS *//* ========================================================================== FRENAR DE RAÍZ LA LÍNEA BLANCA EN EL CONTENEDOR PADRE GLOBAL ========================================================================== */ .header-wrapper-global { width: 100% !important; z-index: 9999 !important; display: flex !important; flex-direction: column !important; /* MATAMOS CUALQUIER ESPACIO, MARGEN O FILTRACIÓN DE FONDO */ gap: 0px !important; row-gap: 0px !important; padding: 0px !important; margin: 0px !important; border: none !important; box-shadow: none !important; background: transparent !important; } /* ========================================================================== HEADER MULTI-TRANSIÓN (SÓLO DESKTOP Y TABLET) ========================================================================== */ @media (min-width: 768px) { /* 1. ESTADO INICIAL (Transparente y fusionado sobre el Hero) */ .header-sticky-custom { background-color: transparent !important; width: 100% !important; display: block !important; /* Forzamos a que no tenga márgenes que dejen pasar aire */ margin: 0px !important; padding-top: 15px !important; /* Aire interno inicial de tu diseño */ padding-bottom: 15px !important; /* Volvemos el menú relativo para moverlo hacia abajo sin romper el contenedor */ position: relative !important; /* HACEMOS QUE EL HERO DE ABAJO SE SUBAdetrás de este menú */ margin-bottom: -85px !important; /* Ajusta este número exacto al alto de tu menú para que el Hero suba por completo */ transition: background-color 0.4s ease, box-shadow 0.4s ease, padding 0.4s ease, height 0.4s ease !important; } /* Evitar cualquier borde fantasma */ .header-sticky-custom, .header-sticky-custom .elementor-container { border: none !important; outline: none !important; } /* Intercambio de logos inicial */ .header-sticky-custom .logo-oscuro { display: none !important; } .header-sticky-custom .logo-claro { display: block !important; } /* Transiciones para suavizar elementos internos */ .header-sticky-custom .elementor-nav-menu a, .header-sticky-custom .btn-header, .header-sticky-custom .logo-claro img, .header-sticky-custom .logo-oscuro img, .header-sticky-custom .elementor-menu-cart__toggle_button, .header-sticky-custom .elementor-menu-cart__toggle_button svg, .header-sticky-custom .elementor-menu-cart__toggle_button svg path { transition: all 0.4s ease !important; } /* ========================================================================== 2. ESTADO SCROLL (Cuando el contenedor padre activa el sticky) ========================================================================== */ .elementor-sticky--effects .header-sticky-custom { background-color: #F4EFE6 !important; /* Fondo crema */ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important; /* Reseteamos el margen que empujaba al Hero en el inicio */ margin-bottom: 0px !important; /* Reducción estricta de espacios para el shrink */ padding-top: 4px !important; padding-bottom: 4px !important; min-height: 0px !important; height: 55px !important; } /* Centrado vertical perfecto de tus columnas en scroll */ .elementor-sticky--effects .header-sticky-custom .elementor-container, .elementor-sticky--effects .header-sticky-custom .elementor-row, .elementor-sticky--effects .header-sticky-custom .elementor-widget-wrap { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; align-items: center !important; } /* Reducción del logo oscuro */ .elementor-sticky--effects .header-sticky-custom .logo-oscuro img, .elementor-sticky--effects .header-sticky-custom .logo-oscuro { max-height: 42px !important; width: auto !important; } /* Intercambio de logos en scroll */ .elementor-sticky--effects .header-sticky-custom .logo-claro { display: none !important; } .elementor-sticky--effects .header-sticky-custom .logo-oscuro { display: block !important; } /* Color oscuro de las letras del menú */ .elementor-sticky--effects .header-sticky-custom .elementor-nav-menu a { color: #1A2A1F !important; padding-top: 5px !important; padding-bottom: 5px !important; line-height: 1 !important; } .elementor-sticky--effects .header-sticky-custom .elementor-nav-menu a:hover { opacity: 0.8; } /* Compactar tu botón en scroll */ .elementor-sticky--effects .header-sticky-custom .btn-header a, .elementor-sticky--effects .header-sticky-custom .btn-header button { color: #1A2A1F !important; border: 1.5px solid #1A2A1F !important; background-color: transparent !important; padding-top: 6px !important; padding-bottom: 6px !important; line-height: 1 !important; } /* Color oscuro y tamaño compacto del widget del carrito */ .elementor-sticky--effects .header-sticky-custom .elementor-menu-cart__toggle_button { color: #1A2A1F !important; padding-top: 5px !important; padding-bottom: 5px !important; line-height: 1 !important; } .elementor-sticky--effects .header-sticky-custom .elementor-menu-cart__toggle_button svg, .elementor-sticky--effects .header-sticky-custom .elementor-menu-cart__toggle_button svg path { fill: #1A2A1F !important; stroke: #1A2A1F !important; max-height: 18px !important; } .elementor-sticky--effects .header-sticky-custom .elementor-menu-cart__toggle_button .elementor-button-icon-qty { background-color: #1A2A1F !important; color: #F4EFE6 !important; stroke: #1A2A1F !important; } /* ========================================================================== EFECTO DE LÍNEA DORADA ANIMADA EN HOVER ========================================================================== */ body .header-sticky-custom .elementor-nav-menu a, body .header-sticky-custom .elementor-nav-menu .elementor-item { position: relative !important; transition: color 0.3s ease !important; } body .header-sticky-custom .elementor-nav-menu a::after, body .header-sticky-custom .elementor-nav-menu .elementor-item::after { content: "" !important; position: absolute !important; bottom: -8px !important; left: 0 !important; width: 0 !important; height: 1.5px !important; background-color: #B8975A !important; transition: width 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important; } body .header-sticky-custom .elementor-nav-menu a:hover::after, body .header-sticky-custom .elementor-nav-menu .elementor-item:hover::after { width: 100% !important; } } /* ========================================================================== 1. FLECHAS DE PAGINACIÓN (CÍRCULO LLENO DORADO E ICONO BLANCO) ========================================================================== */ /* Botón contenedor base */ .elementor-swiper-button-next, .elementor-swiper-button-prev { background-color: #D4AF37 !important; /* Círculo completamente relleno de dorado */ border: 2px solid #D4AF37 !important; border-radius: 50% !important; width: 48px !important; height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; transform: none !important; /* Forzamos a que se queden estáticas */ transition: background-color 0.3s ease, border-color 0.3s ease !important; } /* El vector SVG interno (La flecha blanca) */ .elementor-swiper-button-next svg.e-font-icon-svg, .elementor-swiper-button-prev svg.e-font-icon-svg { fill: #FFFFFF !important; stroke: #FFFFFF !important; width: 16px !important; height: 16px !important; transition: fill 0.3s ease, stroke 0.3s ease !important; } /* El path interno del SVG por si las dudas */ .elementor-swiper-button-next svg.e-font-icon-svg path, .elementor-swiper-button-prev svg.e-font-icon-svg path { fill: #FFFFFF !important; } /* --- Hover Estático con Inversión de Color --- */ .elementor-swiper-button-next:hover, .elementor-swiper-button-prev:hover { background-color: rgba(255, 255, 255, 0.95) !important; /* Fondo blanco */ border-color: #D4AF37 !important; /* Mantiene borde dorado */ transform: none !important; /* Cero movimiento de descenso */ } /* Iconos cambian a dorado en Hover */ .elementor-swiper-button-next:hover svg.e-font-icon-svg, .elementor-swiper-button-prev:hover svg.e-font-icon-svg { fill: #D4AF37 !important; stroke: #D4AF37 !important; } .elementor-swiper-button-next:hover svg.e-font-icon-svg path, .elementor-swiper-button-prev:hover svg.e-font-icon-svg path { fill: #D4AF37 !important; } /* Quitar el molesto texto o flecha vieja de Elementor */ .elementor-swiper-button-next::after, .elementor-swiper-button-prev::after { display: none !important; content: "" !important; } /* ========================================================================== 2. PUNTOS DE ABAJO (BULLETS DORADOS Y ACTIVE NEGRO) ========================================================================== */ /* Contenedor general de la barra de puntos */ .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -30px !important; position: relative !important; margin-top: 20px !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* Puntos normales: Dorados con opacidad comercial */ .swiper-pagination-bullets .swiper-pagination-bullet { background-color: #B8975A !important; background: #B8975A !important; opacity: 0.5 !important; width: 8px !important; height: 8px !important; margin: 0 6px !important; border: none !important; border-radius: 50% !important; transition: all 0.3s ease !important; } /* Punto Activo: Nuestro Negro Puro */ .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #111111 !important; background: #111111 !important; border: none !important; opacity: 1 !important; transform: scale(1.25) !important; box-shadow: none !important; } /* ========================================================================== CONTENEDOR STICKY FLOTANTE INFERIOR (ESCRITORIO) ========================================================================== */ .barra-sticky-inferior { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; z-index: 99999 !important; animation: tfy-slide-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; } @keyframes tfy-slide-up { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } /* ========================================================================== OPTIMIZACIÓN PARA MÓVIL (OCULTAR COMPLETAMENTE) ========================================================================== */ @media (max-width: 767px) { .barra-sticky-inferior { display: none !important; } } /* Hacer que el botón cubra toda la tarjeta de forma invisible */ .boton-expandido-popup { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 10 !important; /* Lo pone por encima de todo el diseño */ } /* Opcional: Volver el fondo del botón transparente y quitarle el texto SOLO si quieres que el botón original "desaparezca" visualmente y toda la tarjeta actúe como el botón */ .boton-expandido-popup a, .boton-expandido-popup button { background-color: transparent !important; border: none !important; color: transparent !important; width: 100% !important; height: 100% !important; } /* Añade un efecto visual al pasar el cursor por la tarjeta para que el usuario sepa que es cliqueable */ .elementor-carousel-image-container:hover, .elementor-template-flip-box:hover, /* Depende de cómo esté tu contenedor principal */ .boton-expandido-popup:hover { cursor: pointer !important; }/* End custom CSS */