/* 27/09/2026 ExtinWeb: estilos comunes de todas las paginas. Colores SIEMPRE de la empresa (--fondo, --navbar, --acento, --boton), nunca a mano. */
.ew-fondo{background:var(--fondo,#f4f5f7)!important}
/* Fiesta: globos y confeti (los del final de la compra) */
.gx-card{position:relative;overflow:hidden;max-width:720px;margin:10px auto 0;padding:44px 20px 36px;border-radius:24px;background:linear-gradient(135deg,#ff6b6b,#ffb703,#06d6a0,#4d96ff,#9b5de5);background-size:400% 400%;animation:gxfondo 10s ease infinite;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18)}
                @keyframes gxfondo{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
                .gx-check{font-size:70px;animation:gxpop .8s ease-out}
                @keyframes gxpop{0%{transform:scale(0)}70%{transform:scale(1.25)}100%{transform:scale(1)}}
                .gx-titulo{font-size:42px;font-weight:900;margin:10px 0 8px;text-shadow:0 3px 8px rgba(0,0,0,.28);animation:gxlatido 2.2s ease-in-out infinite}
                @keyframes gxlatido{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
                .gx-sub{font-size:19px;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.25)}
                .gx-globo{position:absolute;bottom:-130px;width:48px;height:60px;border-radius:50% 50% 48% 48%;opacity:.92;z-index:1;animation:gxsube 7s ease-in infinite}
                .gx-globo:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:42px;background:rgba(255,255,255,.85)}
                @keyframes gxsube{0%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-280px) rotate(5deg)}100%{transform:translateY(-600px) rotate(-5deg)}}
                .gx-conf{position:absolute;top:-14px;width:9px;height:15px;opacity:.95;z-index:1;animation:gxcae 4.5s linear infinite}
                @keyframes gxcae{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(560px) rotate(560deg)}}
                .gx-wsp{display:inline-flex;align-items:center;gap:10px;margin-top:22px;background:#25D366;color:#fff!important;font-weight:800;font-size:18px;padding:12px 30px;border-radius:40px;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.22)}
                .gx-wsp:hover{background:#1ebe5a}
                @media (max-width:576px){.gx-titulo{font-size:30px}.gx-sub{font-size:16px}}
.gx-card{background-image:linear-gradient(120deg,var(--navbar,#8b1a1a),var(--boton,#3483FA),var(--navbar,#8b1a1a))!important;background-size:300% 300%!important}
/* Final de la compra en una sola pantalla */
section.ew-resultado{padding-top:12px!important;padding-bottom:16px!important}
.ew-resultado .container{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;align-items:start}
.ew-resultado .container>.row{margin:0!important}
.ew-resultado .container>.row:nth-child(1){grid-column:1;grid-row:1 / span 2}
.ew-resultado .container>.row:nth-child(2){grid-column:2;grid-row:1;background:#fff;border-radius:18px;box-shadow:0 8px 28px rgba(0,0,0,.08);padding:14px 6px}
.ew-resultado .container>.row:nth-child(3){grid-column:2;grid-row:2}
.ew-resultado .col-md-6.offset-md-3,.ew-resultado .col-6.offset-3,.ew-resultado .col-md-8.offset-md-2{width:100%!important;margin-left:0!important;height:auto!important}
.ew-resultado .gx-card{margin-top:0!important;padding:30px 18px 26px!important}
.ew-resultado .gx-titulo{font-size:34px}
.ew-resultado .container>.row:nth-child(3) a{display:inline-block;margin:6px 4px}
@media(max-width:992px){.ew-resultado .container{grid-template-columns:1fr}.ew-resultado .container>.row:nth-child(n){grid-column:1;grid-row:auto}}
/* Bienvenida con fiesta */
.bv-card{position:relative;overflow:hidden}
.bv-card>*:not(.gx-globo):not(.gx-conf){position:relative;z-index:2}
/* 27/09/2026 ew-boton-borde: botones de navegacion con recuadro, en el color de botones de la empresa (igual que Seguir comprando / Volver a la tienda) */
.ew-resultado .aInicioL,.ew-resultado .aInicioR{background:#fff!important;color:var(--boton,#3483FA)!important;border:2px solid var(--boton,#3483FA)!important;border-radius:10px!important;padding:10px 18px!important;font-weight:700!important;text-decoration:none!important;transition:.2s}
.ew-resultado .aInicioL:hover,.ew-resultado .aInicioR:hover{background:var(--boton,#3483FA)!important;color:#fff!important}
.ew-resultado .aInicioL i,.ew-resultado .aInicioR i{color:inherit!important}

/* Banner principal: mismo ancho que logo y menu, imagen completa 1920x600 */
.ew-banner{max-width:1280px;margin:12px auto 0;padding:0 24px;}
.ew-banner .carousel-inner{border-radius:14px;overflow:hidden;}
.ew-banner-img{width:100%;height:auto;aspect-ratio:1920/600;object-fit:cover;}
@media(max-width:768px){.ew-banner{padding:0 10px;margin-top:8px;}.ew-banner .carousel-inner{border-radius:10px;}}

/* Encabezado celular: logo + botones compactos en una fila, buscador abajo (solo <=768px) */
@media(max-width:768px){
.navbar-top{gap:10px;padding:10px 12px;justify-content:space-between;}
.nav-logo img{height:40px;max-width:130px;}
.nav-actions{gap:8px;margin-left:auto;}
.nav-search-wrap{order:3;flex:0 0 100%;width:100%;min-width:0;}
.btn-wsp,.btn-carrito,.btn-usuario,.btn-ingresar{font-size:0;gap:0;height:40px;padding:0 12px;}
.btn-wsp i,.btn-carrito i{font-size:20px;}
.btn-usuario>i.fa-user{font-size:17px;}
.btn-usuario>i.fa-chevron-down{margin-left:6px;}
.btn-ingresar i{display:none;}
.btn-ingresar::after{content:"Ingresar";font-size:14px;}
.btn-carrito-flotante{display:none;}
}

/* Carrito celular: cada producto en 3 filas, cantidad y Quitar al margen derecho (solo <=768px) */
@media(max-width:768px){
.carrito-tabla .tabla-row{grid-template-columns:52px 1fr auto;grid-template-areas:"img nom nom" "pre pre qty" "sub sub del";gap:10px 12px;}
.carrito-tabla .tabla-row>div:nth-child(1){grid-area:img;}
.carrito-tabla .tabla-row>div:nth-child(2){grid-area:nom;}
.carrito-tabla .tabla-row>div:nth-child(3){grid-area:pre;}
.carrito-tabla .tabla-row>div:nth-child(4){grid-area:qty;justify-self:end;}
.carrito-tabla .tabla-row>div:nth-child(5){grid-area:sub;}
.carrito-tabla .tabla-row>div:nth-child(6){grid-area:del;justify-self:end;}
.carrito-tabla .tabla-row>div:nth-child(3)::before{content:"Precio unitario";display:block;font-size:11px;color:#888;font-weight:600;}
.carrito-tabla .tabla-row>div:nth-child(5)::before{content:"Subtotal";display:block;font-size:11px;color:#888;font-weight:600;}
}