:root {
    --navy: #06111f;
    --navy-2: #0b1c33;
    --navy-3: #122844;
    --blue: #1d4ed8;
    --blue-bright: #2563eb;
    --cyan: #22d3ee;
    --cyan-2: #67e8f9;
    --silver: #e2e8f0;
    --white: #f8fafc;
    --muted: #94a3b8;
    --card: #0f2744;
    --danger: #ef4444;
    --ok: #10b981;
    --shadow: 0 18px 40px rgba(2, 8, 23, 0.45);
    --radius: 18px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body { min-height: 100%; }

body {
    font-family: "Segoe UI", Inter, Rubik, system-ui, sans-serif;
    background:
        radial-gradient(1200px 600px at 10% -10%, rgba(34, 211, 238, 0.18), transparent 50%),
        radial-gradient(900px 500px at 110% 10%, rgba(37, 99, 235, 0.22), transparent 45%),
        linear-gradient(180deg, #050b16 0%, #0a1830 55%, #07101c 100%);
    color: var(--white);
}

.wrapper {
    display: grid;
    grid-template-columns: 280px 1fr;
    min-height: 100vh;
}

/* ASIDE */
aside {
    background: linear-gradient(180deg, #071427 0%, #0b1f3a 100%);
    border-right: 1px solid rgba(103, 232, 249, 0.12);
    padding: 28px 20px;
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

aside header { text-align: center; }

.logo {
    font-size: 1.15rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--cyan-2);
    font-weight: 800;
}

.imglogo, .logo-img-mobile {
    width: 92px;
    height: 92px;
    object-fit: contain;
    margin: 12px auto 0;
    filter: drop-shadow(0 0 16px rgba(34, 211, 238, 0.35));
}

.menu, aside nav ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }

.boton-menu {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--silver);
    border-radius: 12px;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.95rem;
    transition: 0.2s ease;
}

.boton-menu:hover, .boton-menu.active {
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.35), rgba(34, 211, 238, 0.15));
    border-color: rgba(34, 211, 238, 0.35);
    color: white;
    box-shadow: 0 0 18px rgba(34, 211, 238, 0.18);
}

.numerito, .numerito-flotante {
    margin-left: auto;
    background: var(--cyan);
    color: #04202a;
    min-width: 22px;
    height: 22px;
    border-radius: 99px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
}

aside footer { margin-top: auto; text-align: center; color: var(--muted); font-size: 0.8rem; }
.lugar { color: var(--cyan-2); margin-top: 6px; letter-spacing: 0.08em; }

/* MAIN */
main { padding: 36px 40px 90px; }
.titulo-principal {
    font-size: 2rem;
    margin-bottom: 22px;
    background: linear-gradient(90deg, #fff, #67e8f9);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero {
    background: linear-gradient(135deg, rgba(29, 78, 216, 0.35), rgba(8, 27, 52, 0.85));
    border: 1px solid rgba(103, 232, 249, 0.2);
    border-radius: 24px;
    padding: 28px 30px;
    margin-bottom: 28px;
    box-shadow: var(--shadow);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.hero h2 { font-size: 1.8rem; }
.hero p { color: var(--muted); margin-top: 8px; max-width: 520px; }
.badge {
    background: rgba(34, 211, 238, 0.15);
    border: 1px solid rgba(34, 211, 238, 0.4);
    color: var(--cyan-2);
    padding: 8px 14px;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.contenedor-productos, .carrito-productos {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 18px;
}

.producto, .carrito-producto {
    background: linear-gradient(180deg, #102844, #0b1c33);
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: transform 0.25s ease, border-color 0.25s ease;
}
.producto:hover {
    transform: translateY(-6px);
    border-color: rgba(34, 211, 238, 0.45);
}
.producto-imagen {
    width: 100%;
    height: 240px;
    object-fit: cover;
    background: #fff;
}
.producto-detalles, .carrito-producto-info { padding: 16px; }
.producto-titulo { font-size: 1rem; margin-bottom: 6px; }
.producto-precio { color: var(--cyan-2); font-weight: 800; font-size: 1.1rem; }
.producto-agregar, .carrito-acciones-vaciar, .carrito-acciones-comprar, .pago, .volver-inicio-btn, .whatsapp-btn, .google-maps-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: 12px;
    padding: 11px 14px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(90deg, #1d4ed8, #0891b2);
    color: white;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: 0.2s ease;
}
.producto-agregar:hover, .carrito-acciones-comprar:hover, .pago:hover, .volver-inicio-btn:hover {
    filter: brightness(1.12);
    box-shadow: 0 0 20px rgba(34, 211, 238, 0.35);
}

/* CART */
.contenedor-carrito { max-width: 920px; }
.carrito-vacio, .carrito-comprado { color: var(--muted); font-size: 1.1rem; }
.disabled { display: none !important; }
.carrito-producto {
    display: grid;
    grid-template-columns: 110px 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 12px;
}
.carrito-producto img { width: 110px; height: 110px; object-fit: cover; border-radius: 12px; background: #fff; }
.carrito-producto-cantidad { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.carrito-producto-cantidad button {
    width: 28px; height: 28px; border-radius: 8px; border: 1px solid rgba(34,211,238,.35);
    background: transparent; color: white; cursor: pointer;
}
.carrito-acciones {
    margin-top: 22px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    background: #102844;
    padding: 18px;
    border-radius: 16px;
    border: 1px solid rgba(34,211,238,.18);
}
.carrito-acciones-total { font-size: 1.3rem; font-weight: 800; color: var(--cyan-2); }
.carrito-acciones-comprar, .carrito-acciones-vaciar { width: auto; min-width: 180px; margin-top: 0; }
.carrito-acciones-vaciar { background: transparent; border: 1px solid rgba(239,68,68,.5); color: #fecaca; }

/* HEADER MOBILE */
.header-mobile { display: none; }
.open-menu, .close-menu {
    background: transparent; border: none; color: white; font-size: 1.6rem; cursor: pointer;
}

/* FLOATING */
.flotante-pago-btn, .flotante-redes-btn, .flotante-ubicacion-btn, .flotante-carrito-btn, .flotante-comprar-btn {
    position: fixed;
    right: 18px;
    width: 52px; height: 52px;
    border-radius: 50%;
    border: 1px solid rgba(34,211,238,.4);
    background: linear-gradient(180deg, #1d4ed8, #0e7490);
    color: white;
    cursor: pointer;
    z-index: 40;
    box-shadow: 0 10px 24px rgba(0,0,0,.35);
}
.flotante-pago-btn { bottom: 196px; }
.flotante-redes-btn { bottom: 134px; }
.flotante-ubicacion-btn { bottom: 72px; }
.flotante-carrito-btn, .flotante-comprar-btn { display: none; }

/* MODALS */
.modal-pago, .modal-redes, .modal-ubicacion {
    position: fixed; inset: 0;
    background: rgba(2, 8, 23, 0.72);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 80;
    padding: 20px;
}
.modal-pago.mostrar, .modal-redes.mostrar, .modal-ubicacion.mostrar { display: flex; }
.modal-contenido {
    width: min(460px, 100%);
    background: linear-gradient(180deg, #102844, #0a1a30);
    border: 1px solid rgba(34,211,238,.3);
    border-radius: 20px;
    padding: 22px;
    position: relative;
    box-shadow: var(--shadow);
}
.cerrar-modal {
    position: absolute; top: 10px; right: 12px;
    background: transparent; border: none; color: white; font-size: 1.6rem; cursor: pointer;
}
.metodo-pago-item, .redes-item, .info-ubicacion p { display: flex; gap: 12px; align-items: center; margin: 12px 0; color: var(--silver); }
.link-redes, .btn-mapa { color: var(--cyan-2); }
.mapa-mini iframe { width: 100%; height: 220px; border: 0; border-radius: 12px; }

/* FORM */
.formulario-header, .formulario-footer {
    text-align: center;
    padding: 24px;
}
.slide-form {
    width: min(640px, 92vw);
    margin: 0 auto 40px;
    background: linear-gradient(180deg, #102844, #0b1c33);
    border: 1px solid rgba(34,211,238,.2);
    border-radius: 24px;
    padding: 28px;
    box-shadow: var(--shadow);
}
.slide-form h2 { margin-bottom: 16px; }
.slide-form input, .slide-form textarea {
    width: 100%;
    margin: 8px 0 4px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(148,163,184,.25);
    background: #071427;
    color: white;
}
.aviso-input, .aviso-privacidad, .info-contacto, .frase-motivadora, .consecuencias {
    color: var(--muted);
    font-size: 0.9rem;
    margin: 10px 0;
}
.info-contacto ul, .consecuencias ul { margin-left: 18px; }

/* PAGO PAGE */
.pago-page { padding: 28px 16px 50px; }
.container-pago {
    width: min(820px, 94vw);
    margin: 0 auto;
    background: linear-gradient(180deg, #102844, #0b1c33);
    border: 1px solid rgba(34,211,238,.2);
    border-radius: 24px;
    padding: 28px;
    box-shadow: var(--shadow);
}
.logo-flotante {
    position: fixed; top: 16px; left: 16px;
    width: 72px; height: 72px; object-fit: contain;
    background: #06111f; border-radius: 16px; padding: 6px;
    border: 1px solid rgba(34,211,238,.35);
    cursor: pointer; z-index: 20;
}
.section {
    background: rgba(7, 20, 39, 0.65);
    border-left: 4px solid var(--cyan);
    border-radius: 16px;
    padding: 18px;
    margin: 16px 0;
}
.step { background: #0b1c33; padding: 14px; border-radius: 12px; margin: 10px 0; }
.step-number {
    display: inline-flex; width: 28px; height: 28px; border-radius: 50%;
    align-items: center; justify-content: center;
    background: var(--blue); margin-right: 8px; font-weight: 800;
}
.qr-box {
    width: 220px; height: 220px; margin: 16px auto;
    background: white; color: #0b1c33;
    display: grid; place-items: center;
    border-radius: 16px; font-weight: 800; text-align: center;
}
.aviso {
    background: rgba(37,99,235,.2);
    border: 1px solid rgba(34,211,238,.35);
    padding: 14px; border-radius: 12px; text-align: center;
}
.info-list { list-style: none; }
.info-list li { padding: 8px 0; border-bottom: 1px solid rgba(148,163,184,.12); }

@media (max-width: 900px) {
    .wrapper { display: block; }
    aside {
        position: fixed; left: -100%; top: 0; z-index: 60;
        transition: left .25s ease; width: 80%; max-width: 320px;
    }
    aside.aside-visible { left: 0; }
    .header-mobile {
        display: flex; justify-content: space-between; align-items: center;
        padding: 12px 14px; background: #071427; position: sticky; top: 0; z-index: 50;
    }
    .header-contenedor-mobile { display: flex; align-items: center; gap: 10px; }
    .logo-img-mobile { width: 46px; height: 46px; margin: 0; }
    .logo { font-size: .95rem; }
    .ciudad-mobile { color: var(--muted); font-size: .75rem; }
    main { padding: 18px 14px 110px; }
    .hero { flex-direction: column; align-items: flex-start; }
    .flotante-carrito-btn, .flotante-comprar-btn {
        display: flex; align-items: center; justify-content: center;
        bottom: 18px; right: 18px; width: auto; padding: 0 16px; border-radius: 999px; gap: 8px;
    }
}

/* CONTACTO */
.ficha-contacto {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 18px;
}
.ficha-card {
    background: linear-gradient(180deg, #102844, #0b1c33);
    border: 1px solid rgba(34,211,238,.2);
    border-radius: 20px;
    padding: 22px;
    box-shadow: var(--shadow);
}
.ficha-card h3 { margin-bottom: 12px; color: var(--cyan-2); }
.ficha-card p { color: var(--silver); margin: 8px 0; }

/* CHATBOT */
#nj-chatbot { position: fixed; left: 16px; bottom: 16px; z-index: 90; }
.nj-chat-toggle {
    width: 56px; height: 56px; border-radius: 50%;
    border: 1px solid rgba(34,211,238,.45);
    background: linear-gradient(180deg, #2563eb, #0891b2);
    color: white; font-size: 1.35rem; cursor: pointer;
    box-shadow: 0 10px 24px rgba(0,0,0,.4);
}
.nj-chat-panel {
    position: absolute; left: 0; bottom: 68px;
    width: min(340px, calc(100vw - 28px));
    background: #071427;
    border: 1px solid rgba(34,211,238,.3);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--shadow);
}
.nj-chat-head {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 14px;
    background: linear-gradient(90deg, #1d4ed8, #0e7490);
}
.nj-chat-head small { display: block; opacity: .85; font-size: .75rem; }
.nj-chat-head button {
    background: transparent; border: none; color: white; font-size: 1.4rem; cursor: pointer;
}
.nj-chat-body {
    height: 250px; overflow-y: auto; padding: 12px;
    display: flex; flex-direction: column; gap: 8px;
}
.nj-msg {
    max-width: 88%; padding: 8px 10px; border-radius: 12px; font-size: .9rem; line-height: 1.35;
}
.nj-msg-bot { background: #123056; align-self: flex-start; }
.nj-msg-user { background: #1d4ed8; align-self: flex-end; }
.nj-chat-chips {
    display: flex; flex-wrap: wrap; gap: 6px; padding: 0 10px 8px;
}
.nj-chat-chips button {
    border: 1px solid rgba(34,211,238,.35);
    background: #0b1c33; color: #67e8f9;
    border-radius: 999px; padding: 5px 10px; cursor: pointer; font-size: .75rem;
}
.nj-chat-form { display: flex; gap: 6px; padding: 10px; border-top: 1px solid rgba(148,163,184,.15); }
.nj-chat-form input {
    flex: 1; border-radius: 10px; border: 1px solid rgba(148,163,184,.25);
    background: #0b1c33; color: white; padding: 8px 10px;
}
.nj-chat-form button {
    width: 40px; border: none; border-radius: 10px;
    background: #2563eb; color: white; cursor: pointer;
}

@media (max-width: 900px) {
    #nj-chatbot { left: 12px; bottom: 80px; }
}

/* N.J PERFORMANCE — catálogo premium y selectores interactivos */
:root { --nj-glow: rgba(34,211,238,.22); }
html { scroll-behavior: smooth; }
body { background-image: radial-gradient(ellipse at 80% 0%, rgba(29,78,216,.12), transparent 38%); }
.hero { position: relative; overflow: hidden; isolation: isolate; }
.hero::before { content:""; position:absolute; width:280px;height:280px;border-radius:50%;right:-65px;top:-130px;background:radial-gradient(circle,rgba(34,211,238,.24),transparent 68%);z-index:-1; }
.hero h2 { letter-spacing:-.045em; }
.catalogo-toolbar { margin: 28px 0 22px; padding: clamp(18px,3vw,30px); border:1px solid rgba(148,163,184,.17); border-radius:24px; background:linear-gradient(135deg,rgba(15,32,56,.92),rgba(7,17,31,.88)); box-shadow:0 18px 50px rgba(0,0,0,.18); animation: njFadeUp .55s ease both; }
.catalogo-intro .eyebrow { display:inline-block; color:#67e8f9; font-size:.72rem; font-weight:800; letter-spacing:.18em; margin-bottom:8px; }
.catalogo-intro .titulo-principal { margin:0 0 5px; }
.catalogo-intro p { color:#9fb1c8; margin:0 0 20px; }
.catalogo-filtros { display:grid; grid-template-columns: minmax(180px,2fr) minmax(145px,1fr) minmax(180px,1.2fr); gap:12px; }
.campo-filtro { display:flex; flex-direction:column; gap:8px; color:#b9c9dc; font-size:.82rem; font-weight:650; }
.campo-filtro span { display:flex; align-items:center; gap:7px; }
.campo-filtro input,.campo-filtro select { width:100%; min-width:0; color:#eaf4ff; background:#09182b; border:1px solid rgba(148,163,184,.23); border-radius:12px; padding:12px 13px; outline:none; transition:border-color .2s,box-shadow .2s; }
.campo-filtro select option,.selector-talla select option { background:#09182b; color:#fff; }
.campo-filtro input:focus,.campo-filtro select:focus,.selector-talla select:focus { border-color:#22d3ee; box-shadow:0 0 0 3px rgba(34,211,238,.1); }
.catalogo-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:15px; color:#8fa6c1; font-size:.82rem; }
.catalogo-meta button { background:transparent; border:0; color:#67e8f9; cursor:pointer; font:inherit; padding:6px 0; }
.producto-pro { overflow:hidden; position:relative; border:1px solid rgba(148,163,184,.15); border-radius:20px; background:linear-gradient(155deg,rgba(15,32,56,.98),rgba(6,17,31,.98)); box-shadow:0 8px 25px rgba(0,0,0,.13); transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; animation:njFadeUp .45s ease both; }
.producto-pro:hover { transform:translateY(-7px); border-color:rgba(34,211,238,.48); box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 25px rgba(34,211,238,.07); }
.producto-foto-wrap { position:relative; overflow:hidden; background:radial-gradient(ellipse at center,rgba(30,64,175,.22),rgba(4,12,25,.2)); }
.producto-pro .producto-imagen { display:block; width:100%; height:220px; object-fit:contain; padding:16px; transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s; }
.producto-pro:hover .producto-imagen { transform:scale(1.07); filter:drop-shadow(0 12px 12px rgba(0,0,0,.22)); }
.producto-etiqueta { position:absolute; z-index:1; left:12px; top:12px; padding:5px 9px; border:1px solid rgba(103,232,249,.28); border-radius:999px; background:rgba(6,20,37,.84); color:#a5f3fc; font-size:.62rem; font-weight:800; letter-spacing:.1em; }
.producto-numero { position:absolute; bottom:10px; right:12px; color:rgba(203,213,225,.55); font-size:.56rem; letter-spacing:.14em; }
.producto-pro .producto-detalles { padding:16px; }
.producto-categoria { color:#67e8f9; font-size:.68rem; text-transform:uppercase; letter-spacing:.13em; font-weight:750; margin-bottom:5px; }
.producto-pro .producto-titulo { min-height:2.7em; margin:0 0 6px; font-size:1rem; line-height:1.35; }
.producto-pro .producto-precio { color:#f8fafc; font-size:1.22rem; font-weight:850; margin:0 0 16px; }
.opcion-label { display:flex; justify-content:space-between; align-items:center; color:#b9c9dc; font-size:.76rem; margin-bottom:8px; }
.color-actual { color:#67e8f9; font-size:.68rem; letter-spacing:.05em; }
.selector-colores { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:15px; }
.muestra-color { display:inline-flex; align-items:center; gap:7px; min-height:34px; border-radius:999px; border:1px solid rgba(148,163,184,.28); background:rgba(15,23,42,.68); color:#dbeafe; cursor:pointer; padding:6px 10px; font-size:.72rem; font-weight:650; transition:transform .2s,border-color .2s,background .2s,box-shadow .2s; }
.muestra-color:hover { transform:translateY(-1px); border-color:#67e8f9; }
.muestra-color.seleccionado { border-color:#67e8f9; background:rgba(8,145,178,.19); box-shadow:0 0 0 2px rgba(103,232,249,.1); color:#ecfeff; }
.muestra-color-circulo { width:16px; height:16px; flex:0 0 16px; display:inline-block; border-radius:50%; border:1px solid rgba(255,255,255,.32); background:var(--muestra); }
.marca-color { color:#67e8f9; display:none; }
.muestra-color.seleccionado .marca-color { display:inline-block; }
.muestra-color[style*="#f8fafc"] .muestra-color-circulo { border-color:#94a3b8; }
.selector-talla { display:flex; justify-content:space-between; align-items:center; gap:12px; color:#b9c9dc; font-size:.78rem; margin-bottom:14px; }
.selector-talla select { max-width:110px; padding:7px 10px; border:1px solid rgba(148,163,184,.25); border-radius:9px; background:#09182b; color:#f8fafc; }
.producto-pro .producto-agregar { width:100%; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(103,232,249,.28); border-radius:12px; padding:12px 10px; color:#ecfeff; background:linear-gradient(100deg,#1d4ed8,#0e7490); font-weight:750; cursor:pointer; transition:filter .2s,transform .2s,box-shadow .2s; }
.producto-pro .producto-agregar:hover { filter:brightness(1.15); transform:translateY(-2px); box-shadow:0 8px 22px rgba(8,145,178,.2); }
.producto-pro .producto-agregar i:last-child { margin-left:auto; }
.sin-resultados { grid-column:1/-1; text-align:center; padding:50px 18px; border:1px dashed rgba(148,163,184,.25); border-radius:20px; color:#a8bad0; }
.sin-resultados>i { color:#67e8f9; font-size:2rem; }
.sin-resultados h3 { color:#f8fafc; margin:12px 0 5px; }
@keyframes njFadeUp { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:720px) { .catalogo-filtros { grid-template-columns:1fr; } .producto-pro .producto-imagen { height:190px; } .catalogo-toolbar { border-radius:18px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }


/* N.J — selector multicolor */
.close-menu { display: none; }
.selector-colores { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin: 8px 0 7px; }
.muestra-color { position:relative; flex:0 0 25px; width:25px; height:25px; border-radius:50%; border:2px solid rgba(255,255,255,.32); background:var(--muestra); cursor:pointer; padding:0; outline:2px solid transparent; outline-offset:3px; transition:transform .18s,outline-color .18s,box-shadow .18s; }
.muestra-color:hover { transform:scale(1.12); }
.muestra-color.seleccionado { outline-color:#67e8f9; box-shadow:0 0 0 3px rgba(103,232,249,.16),0 0 13px rgba(103,232,249,.3); }

.color-todos { display:inline-flex; align-items:center; gap:5px; border:1px solid rgba(103,232,249,.35); border-radius:999px; padding:6px 10px; background:rgba(34,211,238,.07); color:#dffaff; font-size:.72rem; font-weight:750; cursor:pointer; transition:.2s ease; }
.color-todos:hover,.color-todos.seleccionado { background:linear-gradient(100deg,#1d4ed8,#0e7490); border-color:#67e8f9; }
.colores-elegidos { min-height:17px; color:#91a9c2; font-size:.7rem; margin:0 0 12px; }
.visualmente-oculto { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:900px) { .close-menu { display:block; align-self:flex-end; margin:-8px -5px -12px 0; } }

/* Selector de opciones por producto */
.producto-personaliza{display:flex;align-items:center;gap:8px;color:#9fb6ce;font-size:.78rem;margin:0 0 14px}
.producto-personaliza i{color:#67e8f9;font-size:1rem}
.modal-opciones{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,8,20,.78);backdrop-filter:blur(10px);overflow-y:auto}
.modal-opciones.mostrar{display:flex;animation:njFadeUp .2s ease both}
.opciones-panel{position:relative;width:min(100%,620px);max-height:92vh;overflow-y:auto;border:1px solid rgba(103,232,249,.24);border-radius:24px;padding:clamp(18px,4vw,30px);background:linear-gradient(145deg,#10233c,#071321 75%);color:#eef7ff;box-shadow:0 25px 90px rgba(0,0,0,.55)}
.opciones-cerrar{position:absolute;right:15px;top:13px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(148,163,184,.25);background:#142940;color:#fff;font-size:1.7rem;cursor:pointer;z-index:2}
.opciones-cabecera{display:flex;align-items:center;gap:17px;padding-right:35px;margin-bottom:22px}
.opciones-cabecera img{width:100px;height:100px;object-fit:contain;border-radius:16px;background:rgba(255,255,255,.04);padding:8px}
.opciones-eyebrow{font-size:.65rem;font-weight:800;letter-spacing:.16em;color:#67e8f9}
.opciones-cabecera h2{font-size:1.25rem;margin:5px 0}.opciones-cabecera strong{font-size:1.15rem;color:#fff}
.opciones-seccion{border-top:1px solid rgba(148,163,184,.16);padding:17px 0}
.opciones-seccion h3{margin:0 0 5px;font-size:.98rem}.opciones-seccion p{margin:0 0 12px;color:#9fb1c8;font-size:.8rem}
.opciones-publico{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.opciones-publico button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:76px;border:1px solid rgba(148,163,184,.25);border-radius:13px;background:#0a1a2d;color:#dbeafe;font:inherit;font-size:.8rem;cursor:pointer;transition:.2s}
.opciones-publico button i{font-size:1.25rem}.opciones-publico button:hover,.opciones-publico button.activo{border-color:#67e8f9;background:linear-gradient(145deg,rgba(29,78,216,.5),rgba(8,145,178,.22));box-shadow:0 0 0 2px rgba(103,232,249,.1);color:#fff}
.opciones-colores{display:flex;flex-wrap:wrap;gap:9px}
.opcion-color,.opcion-color-todos{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.27);border-radius:999px;background:#0a1a2d;color:#e3efff;padding:8px 11px;font-size:.76rem;cursor:pointer;transition:.2s}
.opcion-color.activo,.opcion-color-todos.activo,.opcion-color:hover,.opcion-color-todos:hover{border-color:#67e8f9;background:rgba(8,145,178,.2)}
.opcion-color-muestra{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:inline-block;flex:0 0 18px}
.opcion-check{color:#67e8f9;font-weight:900;min-width:10px}
.opciones-talla-fila label{display:flex;align-items:center;justify-content:space-between;gap:12px}.opciones-talla-fila label span{display:flex;flex-direction:column;gap:4px}.opciones-talla-fila small{font-size:.75rem;color:#9fb1c8}
.opciones-talla-fila select{min-width:100px;border:1px solid rgba(103,232,249,.35);border-radius:10px;background:#09182b;color:#fff;padding:10px}
.opciones-pie{position:sticky;bottom:-1px;background:linear-gradient(180deg,rgba(7,19,33,.9),#071321 35%);padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.opciones-pie p{margin:0;color:#9fb1c8;font-size:.75rem}
.opciones-pie button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 16px;background:linear-gradient(100deg,#1d4ed8,#0e7490);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(8,145,178,.2)}
body.modal-abierto{overflow:hidden}
@media(max-width:480px){.modal-opciones{padding:8px;align-items:flex-end}.opciones-panel{max-height:94vh;border-radius:20px;padding:18px 14px}.opciones-cabecera img{width:76px;height:76px}.opciones-publico{grid-template-columns:repeat(2,minmax(0,1fr))}.opciones-publico button{min-height:60px;flex-direction:row}.opciones-pie{align-items:stretch;flex-direction:column}.opciones-pie button{width:100%}}


/* ===== N.J NEON EDITION — rediseño inspirado en la referencia ===== */
:root {
 --navy:#030811; --navy-2:#07111f; --navy-3:#0b1a2d;
 --blue:#1677ff; --blue-bright:#08b8ff; --cyan:#05d9ff;
 --cyan-2:#80eaff; --silver:#eaf4ff; --white:#f7fbff; --muted:#9fb4cc;
 --card:#081626; --radius:15px;
 --purple:#9b4dff; --neon:linear-gradient(105deg,#00d5ff 0%,#237bff 52%,#bd45ff 100%);
}
html { scroll-behavior:smooth; }
body {
 background: radial-gradient(ellipse at 50% -20%,rgba(16,91,190,.18),transparent 55%),
             radial-gradient(ellipse at 100% 30%,rgba(112,34,255,.09),transparent 40%),#030811;
 color:#f7fbff;
}
.wrapper { grid-template-columns:250px minmax(0,1fr); gap:0; max-width:1800px; margin:auto; }
aside {
 background:linear-gradient(180deg,#050d18,#071321 75%,#050b14);
 border-right:1px solid rgba(45,175,255,.25); padding:25px 17px;
 box-shadow:10px 0 40px rgba(0,0,0,.18);
}
aside header { border-bottom:1px solid rgba(34,177,255,.24); padding-bottom:20px; }
aside .logo { color:#fff; letter-spacing:.14em; text-shadow:0 0 18px rgba(0,183,255,.45); }
.imglogo { filter:drop-shadow(0 0 14px rgba(0,177,255,.25)); }
.menu { gap:8px; }
.boton-menu { border:1px solid transparent; border-radius:10px; transition:background .22s,border-color .22s,transform .22s; }
.boton-menu:hover,.boton-menu.active { background:linear-gradient(100deg,rgba(0,153,255,.24),rgba(115,55,255,.13)); border-color:rgba(0,201,255,.4); color:#fff; transform:translateX(2px); }
main { min-width:0; padding:24px 28px 40px; }
.hero {
 min-height:270px; overflow:hidden; position:relative; border:1px solid rgba(20,174,255,.42);
 border-radius:18px; padding:36px clamp(22px,4vw,58px);
 background:radial-gradient(ellipse at 72% 50%,rgba(0,126,255,.28),transparent 35%),
 linear-gradient(110deg,#030914 0%,#071a30 55%,#080e20 100%);
 box-shadow:0 16px 42px rgba(0,0,0,.32),inset 0 0 38px rgba(0,134,255,.08);
}
.hero:before,.hero:after { content:"";position:absolute;pointer-events:none; }
.hero:before { inset:0;background:repeating-linear-gradient(125deg,transparent 0 100px,rgba(0,160,255,.075) 101px 103px,transparent 104px 180px); }
.hero:after { width:360px;height:360px;right:8%;top:-145px;border:1px solid rgba(0,188,255,.24);transform:rotate(35deg);box-shadow:0 0 0 20px rgba(0,150,255,.025),0 0 0 45px rgba(0,150,255,.025); }
.hero > div,.hero img { position:relative;z-index:1; }
.hero .badge,.badge { background:rgba(0,170,255,.12);border:1px solid rgba(0,196,255,.45);color:#8feaff;letter-spacing:.12em;text-transform:uppercase; }
.hero h2 { font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;max-width:650px;font-weight:850;letter-spacing:-.04em;text-shadow:0 5px 28px #000; }
.hero h2 span,.hero strong { background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent; }
.hero p { color:#c0d2e7;max-width:520px;line-height:1.7; }
.hero img { filter:drop-shadow(0 0 22px rgba(0,154,255,.35)); }
.catalogo-toolbar { margin:25px 0 18px; padding:0; background:transparent;border:0;box-shadow:none; }
.catalogo-intro h2,.titulo-principal { font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.025em; }
.eyebrow { color:#32caff;letter-spacing:.2em;font-size:.72rem;font-weight:800; }
.catalogo-filtros { gap:10px; }
.campo-filtro { background:#071321;border:1px solid #203a56;border-radius:11px; }
input,select,textarea { color:#edf7ff; }
.contenedor-productos { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.producto,.producto-pro { background:linear-gradient(155deg,rgba(11,27,45,.98),rgba(4,12,22,.98));border:1px solid #1b3853;border-radius:15px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.18);transition:transform .25s,border-color .25s,box-shadow .25s; }
.producto:hover,.producto-pro:hover { transform:translateY(-5px);border-color:rgba(0,193,255,.7);box-shadow:0 16px 32px rgba(0,0,0,.3),0 0 24px rgba(0,130,255,.1); }
.producto-foto-wrap { background:radial-gradient(ellipse at center,rgba(17,61,99,.4),transparent 70%),#06111e; }
.producto-imagen { transition:transform .35s,filter .35s; }
.producto:hover .producto-imagen { transform:scale(1.045);filter:drop-shadow(0 0 14px rgba(0,158,255,.16)); }
.producto-etiqueta { background:rgba(0,143,255,.18);border:1px solid rgba(0,196,255,.32);border-radius:99px; }
.producto-detalles { padding:15px; }
.producto-titulo { color:#f4f9ff;font-size:1.03rem; }
.producto-precio { color:#7fd6ff;font-size:1.18rem;font-weight:800; }
.producto-personaliza { color:#9bb3cc; }
.producto-agregar,.boton-principal,.btn-principal { border:0!important;background:var(--neon)!important;color:white!important;border-radius:10px!important;font-weight:750;box-shadow:0 5px 20px rgba(0,119,255,.17);transition:filter .2s,transform .2s,box-shadow .2s; }
.producto-agregar:hover,.boton-principal:hover,.btn-principal:hover { filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,143,255,.28); }
.modal-contenido,.modal-opciones-contenido { background:linear-gradient(145deg,#0a1b2e,#040b14)!important;border:1px solid rgba(0,185,255,.4)!important;border-radius:18px!important;box-shadow:0 20px 70px #000!important; }
.opcion-color { border:1px solid #2a4560!important;background:#091626!important;color:#eaf6ff!important;border-radius:10px!important; }
.opcion-color:hover,.opcion-color.activo { border-color:#08d3ff!important;box-shadow:0 0 0 2px rgba(0,198,255,.14),0 0 14px rgba(0,174,255,.13); }
.opcion-color-muestra { box-shadow:0 0 0 1px rgba(255,255,255,.35); }
.opcion-color-todos { background:rgba(0,165,255,.12)!important;border:1px solid rgba(0,200,255,.35)!important;color:#bfefff!important;border-radius:9px!important; }
button,a { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid #13d7ff;outline-offset:3px; }
@media (min-width:1450px) { .contenedor-productos { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:1200px) { .wrapper{grid-template-columns:220px minmax(0,1fr)} main{padding:20px 18px}.contenedor-productos{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:800px) { .wrapper{display:block} main{padding:15px 12px 30px}.hero{min-height:220px;padding:25px 20px}.hero img{width:64px!important;height:64px!important}.contenedor-productos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.producto-detalles{padding:11px}.producto-titulo{font-size:.93rem}.catalogo-filtros{grid-template-columns:1fr}.catalogo-toolbar{gap:12px} }
@media (max-width:420px) { .contenedor-productos{grid-template-columns:1fr 1fr}.producto-agregar{font-size:.78rem;padding:10px 6px}.hero h2{font-size:1.9rem} }

.paleta-herramientas{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.paleta-herramientas input{flex:1;min-width:150px;background:#061321;border:1px solid #29445f;border-radius:9px;padding:10px 12px}
.paleta-colores{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:280px;overflow:auto;padding:2px 4px 8px 2px}
.paleta-colores .opcion-color{position:relative;display:flex;align-items:center;gap:7px;text-align:left;padding:7px 6px;min-width:0}
.paleta-colores .opcion-color-muestra{display:block;flex:0 0 17px;width:17px;height:17px;border-radius:50%;border:1px solid rgba(255,255,255,.42)}
.opcion-color-nombre{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paleta-colores .opcion-check{margin-left:auto;font-size:.75rem}
.paleta-colores [hidden]{display:none!important}
@media(max-width:600px){.paleta-colores{grid-template-columns:repeat(3,minmax(0,1fr));max-height:240px}.paleta-colores .opcion-color{padding:7px 5px}}


/* MEJORA DEL CARRITO: imágenes completas y especificaciones/precios legibles */
.contenedor-carrito { width: 100%; max-width: 1100px; }
.carrito-productos { display: flex; flex-direction: column; gap: 14px; width: 100%; }
.carrito-producto {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) minmax(125px, 165px);
    align-items: center;
    gap: 20px;
    width: 100%; min-width: 0; padding: 18px;
    overflow: visible;
}
.carrito-producto-imagen { display: grid; place-items: center; width: 150px; height: 150px; padding: 8px; background: #fff; border-radius: 14px; }
.carrito-producto img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 8px; background: #fff; }
.carrito-producto-info { min-width: 0; padding: 0; overflow-wrap: anywhere; }
.carrito-producto-info h3 { margin: 0 0 10px; font-size: 1.08rem; line-height: 1.35; color: #f8fafc; }
.carrito-precio-unitario { margin: 0 0 12px; color: #cbd5e1; font-size: .95rem; }
.carrito-precio-unitario strong { color: var(--cyan-2); white-space: nowrap; }
.carrito-especificaciones { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.carrito-variante { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin: 0; color: #dbeafe; font-size: .9rem; line-height: 1.5; }
.carrito-variante > span:first-child { color: #94a3b8; }
.carrito-color-muestra { display: inline-block; flex: 0 0 12px; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #94a3b8; }
.carrito-producto-cantidad { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.cantidad-etiqueta { color: #94a3b8; font-size: .85rem; margin-right: 2px; }
.carrito-producto-cantidad button { flex: 0 0 32px; width: 32px; height: 32px; font-size: 1.1rem; }
.cantidad-valor { min-width: 22px; text-align: center; font-weight: 800; font-variant-numeric: tabular-nums; }
.carrito-producto-resumen { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 8px; min-width: 0; text-align: right; }
.carrito-subtotal-etiqueta { color: #94a3b8; font-size: .82rem; text-transform: uppercase; letter-spacing: .06em; }
.carrito-producto-subtotal { color: var(--cyan-2); font-size: 1.18rem; line-height: 1.4; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.carrito-quitar-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 10px; margin-top: 4px; border: 1px solid rgba(239,68,68,.45); border-radius: 10px; background: rgba(127,29,29,.15); color: #fecaca; cursor: pointer; font: inherit; font-size: .85rem; }
.carrito-quitar-btn:hover { background: rgba(127,29,29,.35); }
.carrito-acciones { align-items: center; flex-wrap: wrap; }
.carrito-acciones-derecha { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 14px; }
.carrito-acciones-total { white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 700px) {
    .carrito-producto { grid-template-columns: 100px minmax(0, 1fr); gap: 12px; padding: 12px; align-items: start; }
    .carrito-producto-imagen { width: 100px; height: 120px; padding: 5px; }
    .carrito-producto-info h3 { font-size: 1rem; }
    .carrito-especificaciones { display: grid; grid-template-columns: minmax(0,1fr); gap: 6px; }
    .carrito-producto-resumen { grid-column: 2; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; text-align: left; border-top: 1px solid rgba(148,163,184,.18); padding-top: 10px; }
    .carrito-subtotal-etiqueta { margin-right: auto; }
    .carrito-producto-subtotal { font-size: 1.05rem; }
    .carrito-quitar-btn { margin: 0 0 0 auto; }
    .carrito-acciones { align-items: stretch; flex-direction: column; }
    .carrito-acciones-derecha { justify-content: space-between; }
    .carrito-acciones-comprar, .carrito-acciones-vaciar { min-width: 0; }
}
@media (max-width: 390px) {
    .carrito-producto { grid-template-columns: 78px minmax(0, 1fr); gap: 10px; padding: 10px; }
    .carrito-producto-imagen { width: 78px; height: 100px; }
    .carrito-producto-resumen { grid-column: 1 / -1; }
    .carrito-producto-cantidad { gap: 6px; }
}

/* AJUSTE FINO DEL CARRITO: centrar las fotos y evitar desbordamientos */
.carrito-producto,
.carrito-producto * { box-sizing: border-box; }
.carrito-producto {
    grid-template-columns: minmax(0, 150px) minmax(0, 1fr) minmax(110px, 165px);
    overflow: hidden;
}
.carrito-producto-imagen {
    width: 100%;
    max-width: 150px;
    min-width: 0;
    height: 150px;
    margin-inline: auto;
    padding: 8px;
    overflow: hidden;
    place-items: center;
}
.carrito-producto img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center center;
    margin: auto;
}
.carrito-producto-info,
.carrito-producto-resumen { min-width: 0; }
@media (max-width: 700px) {
    .carrito-producto {
        grid-template-columns: minmax(0, 100px) minmax(0, 1fr);
        overflow: hidden;
    }
    .carrito-producto-imagen {
        width: 100%;
        max-width: 100px;
        height: 120px;
        margin: 0 auto;
        padding: 5px;
    }
}
@media (max-width: 390px) {
    .carrito-producto {
        grid-template-columns: minmax(0, 78px) minmax(0, 1fr);
    }
    .carrito-producto-imagen {
        max-width: 78px;
        height: 100px;
    }
}

/* PAGO QR: diseño destacado y adaptable */
.pago-page{min-height:100vh;padding:0 16px 48px;background:radial-gradient(ellipse at 50% 0%,rgba(34,211,238,.09),transparent 42%),#050d19;color:#f8fafc}
.pago-topbar{min-height:104px;margin:0 -16px 30px;padding:18px clamp(18px,4vw,54px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;border-bottom:1px solid rgba(148,163,184,.18);background:rgba(5,13,25,.9)}
.pago-volver,.pago-seguro{display:inline-flex;align-items:center;gap:10px;color:#dbeafe;text-decoration:none;font-weight:650}
.pago-volver{justify-self:start}.pago-volver i{font-size:1.3rem}.pago-seguro{justify-self:end;color:#cbd5e1}.pago-seguro i{font-size:1.4rem;color:#67e8f9}
.pago-marca{display:flex;align-items:center;gap:10px;color:#f8fafc;text-decoration:none;font-size:.9rem;letter-spacing:.09em;font-weight:750}.pago-marca img{width:58px;height:58px;object-fit:contain}.pago-marca b{color:#67e8f9}
.container-pago{width:min(850px,96vw);padding:clamp(18px,4vw,36px);margin:0 auto;background:linear-gradient(145deg,rgba(15,29,49,.98),rgba(7,17,31,.98));border:1px solid rgba(96,165,250,.17);border-radius:26px;box-shadow:0 24px 70px rgba(0,0,0,.34)}
.pago-intro{display:flex;align-items:center;gap:20px}.pago-icono{flex:0 0 76px;width:76px;height:76px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#14243a,#0a1728);border:1px solid rgba(148,163,184,.23);color:#67e8f9;font-size:2.2rem}.pago-etiqueta{font-size:.72rem;font-weight:800;letter-spacing:.17em;color:#67e8f9}.pago-intro h1{margin:5px 0;font-size:clamp(1.65rem,4vw,2.35rem);letter-spacing:-.035em}.pago-intro p{margin:0;color:#a9bad0;font-size:1.04rem}.pago-separador{height:1px;background:rgba(148,163,184,.17);margin:26px 0}
.pago-qr-contenedor{text-align:center}.pago-qr-marco{width:min(390px,78vw);margin:0 auto;padding:12px;background:#fff;border-radius:19px;box-shadow:0 14px 35px rgba(0,0,0,.3)}.pago-qr-imagen{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.pago-qr-pista{display:flex;justify-content:center;align-items:center;gap:8px;color:#a9bad0;margin:15px 0 24px;font-size:.92rem}.pago-qr-pista i{color:#67e8f9;font-size:1.1rem}
.pago-datos{max-width:650px;margin:0 auto;padding:18px 22px;border:1px solid rgba(96,165,250,.28);border-radius:16px;background:rgba(5,13,25,.38)}.pago-dato{display:grid;grid-template-columns:28px minmax(100px,.8fr) minmax(0,1.4fr);align-items:center;gap:12px;padding:9px 0}.pago-dato+.pago-dato{border-top:1px solid rgba(148,163,184,.1)}.pago-dato i{font-size:1.25rem;color:#a5b4fc}.pago-dato span{color:#a9bad0}.pago-dato strong{font-size:clamp(.9rem,2vw,1.06rem);overflow-wrap:anywhere}.pago-instruccion{max-width:620px;margin:22px auto;display:flex;align-items:flex-start;justify-content:center;gap:12px;color:#b7c6da;line-height:1.65;text-align:center}.pago-instruccion>i{font-size:1.5rem;color:#a5b4fc;flex-shrink:0}.pago-instruccion p{margin:0}.pago-instruccion strong{color:#f8fafc}.pago-whatsapp{display:flex;width:fit-content;max-width:100%;margin:0 auto;align-items:center;justify-content:center;gap:10px;padding:14px 22px;text-decoration:none;border-radius:13px;font-weight:800;background:linear-gradient(135deg,#16a34a,#15803d);color:white;box-shadow:0 9px 24px rgba(22,163,74,.2);transition:transform .2s,filter .2s}.pago-whatsapp:hover{transform:translateY(-2px);filter:brightness(1.08)}.pago-nota,.pago-pie{text-align:center;color:#8192a9;font-size:.83rem;line-height:1.6}.pago-nota{margin:12px 0 28px}.pago-retiro{margin-top:24px}.pago-retiro h2{margin-top:0}.pago-retiro h2 i{color:#67e8f9;margin-right:8px}.pago-pie{margin:22px 0 0}.pago-page .logo-flotante{display:none}
@media(max-width:600px){.pago-topbar{min-height:78px;grid-template-columns:1fr auto;gap:10px;margin-bottom:18px;padding:12px 16px}.pago-marca{grid-column:1;grid-row:1}.pago-marca img{width:42px;height:42px}.pago-marca span{font-size:.72rem}.pago-volver{grid-column:1;grid-row:2;font-size:.85rem}.pago-seguro{grid-column:2;grid-row:1/3;font-size:.82rem}.container-pago{width:100%;padding:20px 15px;border-radius:20px}.pago-intro{gap:13px}.pago-icono{width:58px;height:58px;flex-basis:58px;font-size:1.7rem;border-radius:15px}.pago-intro p{font-size:.91rem}.pago-separador{margin:20px 0}.pago-qr-marco{width:min(340px,78vw);padding:9px}.pago-datos{padding:13px}.pago-dato{grid-template-columns:24px 1fr;gap:7px 10px}.pago-dato i{grid-row:span 2}.pago-dato strong{grid-column:2}.pago-instruccion{font-size:.91rem}.pago-whatsapp{width:100%;font-size:.9rem;padding:14px 12px}}