/* LexPráctica · identidad visual
   Azul noche como base, petróleo y azul grisáceo para la profundidad, blanco cálido de fondo,
   champagne solo en acentos y el amarillo de resaltado de los propios escritos como firma. */
:root{
  --noche:#0D1B2E; --noche-2:#13263F; --petroleo:#0F4C5C; --petroleo-2:#16657A;
  --gris-azul:#5E6E84; --gris-azul-2:#8A97A8;
  --fondo:#FAF8F4; --niebla:#EDEFF2; --papel:#FFFFFF; --linea:#E2E4E8; --linea-calida:#E8E2D6;
  --tinta:#18212E; --tenue:#5C6676;
  --champagne:#C8A96B; --champagne-claro:#F2EAD8; --champagne-osc:#8C6F36;
  --resaltado:#FFE58A;
  --error:#A3342B; --ok:#2F6B47;
  --r-s:6px; --r-m:10px; --r-l:16px;
  --sombra-1:0 1px 2px rgba(13,27,46,.05),0 2px 6px rgba(13,27,46,.04);
  --sombra-2:0 2px 4px rgba(13,27,46,.04),0 12px 28px -8px rgba(13,27,46,.14);
  --sombra-3:0 4px 10px rgba(5,12,24,.18),0 30px 60px -20px rgba(5,12,24,.45);
  --display:"Libre Caslon Display","Libre Caslon Text",Georgia,serif;
  --serif:"Libre Caslon Text",Georgia,"Times New Roman",serif;
  --sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --suave:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;background:var(--fondo);color:var(--tinta);font:400 1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{color:var(--noche);margin:0 0 .5rem;font-weight:400}
h1{font:400 clamp(2.4rem,5.4vw,4.1rem)/1.04 var(--display);letter-spacing:-.015em}
h2{font:400 clamp(1.85rem,3.6vw,2.7rem)/1.1 var(--display);letter-spacing:-.01em}
h3{font:400 1.12rem/1.3 var(--serif)}
p{margin:0 0 1rem}
a{color:var(--petroleo)} a:hover{color:var(--petroleo-2)}
:focus-visible{outline:2px solid var(--champagne);outline-offset:3px;border-radius:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.contenedor{max-width:76rem;margin:0 auto;padding:0 1.5rem}
.angosto{max-width:46rem}
.tenue{color:var(--tenue)} .chico{font-size:.875rem}
.aviso-prueba{background:var(--champagne-claro);color:#6B5320;text-align:center;font-size:.82rem;padding:.4rem 1rem}

/* ---------- Cabecera ---------- */
.cabecera{position:sticky;top:0;z-index:20;background:rgba(250,248,244,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(13,27,46,.07)}
.fila{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.25rem}
.marca{display:inline-flex;align-items:center;gap:.7rem;font:400 1.45rem/1 var(--display);color:var(--noche);text-decoration:none;letter-spacing:-.01em}
.marca:hover{color:var(--noche)}
.sello{display:inline-grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--noche-2),var(--noche));color:var(--champagne);font:400 .82rem/1 var(--serif);letter-spacing:.06em;box-shadow:inset 0 0 0 1px rgba(200,169,107,.55),0 2px 6px rgba(13,27,46,.25)}
nav{display:flex;align-items:center;gap:1.6rem}
nav a{text-decoration:none;color:var(--tinta);font-weight:500;font-size:.95rem;position:relative}
nav a:not(.btn-carrito)::after{content:"";position:absolute;left:0;right:0;bottom:-.3rem;height:1px;background:var(--champagne);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--suave)}
nav a:not(.btn-carrito):hover{color:var(--noche)}
nav a:not(.btn-carrito):hover::after{transform:scaleX(1)}
.btn-carrito{display:inline-flex;align-items:center;gap:.5rem;background:var(--noche);color:#fff;padding:.5rem .6rem .5rem .9rem;border-radius:999px;box-shadow:var(--sombra-1);transition:transform .2s var(--suave),box-shadow .2s}
.btn-carrito:hover{color:#fff;transform:translateY(-1px);box-shadow:var(--sombra-2)}
.cuenta{background:var(--champagne);color:var(--noche);border-radius:999px;min-width:1.45rem;padding:0 .4rem;text-align:center;font-size:.78rem;font-weight:700;line-height:1.45rem}
@media (max-width:760px){nav a:not(.btn-carrito):not(.nav-cuenta){display:none}nav a.nav-cuenta{font-size:.88rem;white-space:nowrap}}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font:600 .95rem/1.2 var(--sans);background:var(--noche);color:#fff;border:1px solid var(--noche);border-radius:var(--r-s);padding:.7rem 1.15rem;cursor:pointer;text-decoration:none;transition:background .2s,color .2s,transform .2s var(--suave),box-shadow .2s,border-color .2s}
.btn:hover{background:var(--noche-2);color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(13,27,46,.5)}
.btn:active{transform:translateY(0)}
.btn-grande{padding:.95rem 1.5rem;font-size:1rem}
.btn-chico{padding:.5rem .9rem;font-size:.86rem}
.btn-ancho{width:100%}
.btn-sec{background:transparent;color:var(--noche);border-color:var(--linea)}
.btn-sec:hover{background:var(--papel);color:var(--noche);border-color:var(--gris-azul-2)}
.btn-claro{background:var(--fondo);color:var(--noche);border-color:var(--fondo)}
.btn-claro:hover{background:#fff;color:var(--noche);box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.btn-linea{background:transparent;color:#E9EDF3;border-color:rgba(233,237,243,.35)}
.btn-linea:hover{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(233,237,243,.7);box-shadow:none}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.btn[data-agregar]:disabled{opacity:1;background:var(--champagne-claro);border-color:var(--champagne-claro);color:var(--champagne-osc)}
.botones{display:flex;flex-wrap:wrap;gap:.8rem}

/* ---------- Portada ---------- */
.portada{position:relative;overflow:hidden;color:#DCE3EC;padding:5rem 0 7.5rem;
  background:
    radial-gradient(60rem 30rem at 85% 10%,rgba(22,101,122,.45),transparent 60%),
    radial-gradient(40rem 26rem at 10% 100%,rgba(15,76,92,.35),transparent 70%),
    linear-gradient(165deg,#0B1726 0%,var(--noche) 45%,#10243A 100%)}
.portada::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 40%,#000 10%,transparent 70%)}
.portada-luz{position:absolute;width:34rem;height:34rem;right:8%;top:12%;border-radius:50%;background:radial-gradient(circle,rgba(200,169,107,.16),transparent 65%);filter:blur(10px);pointer-events:none}
.portada-grid{position:relative;display:grid;gap:3.5rem;align-items:center}
@media (min-width:960px){.portada-grid{grid-template-columns:1.02fr 1fr}}
.portada-ambito{color:var(--champagne);font-size:.95rem;font-weight:500;margin-bottom:1.25rem}
.portada h1{color:#fff;max-width:13ch;margin-bottom:1.25rem}
.bajada{font-size:1.15rem;line-height:1.6;color:#B8C3D1;max-width:34rem;margin-bottom:2rem}
.portada-datos{list-style:none;padding:0;margin:2.75rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2.25rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;max-width:34rem}
.portada-datos b{display:block;color:#fff;font:400 1.05rem var(--serif)}
.portada-datos span{font-size:.9rem;color:#8F9CAE}

/* Escena: pliegos en capas */
.escena{position:relative;min-height:27rem;perspective:1600px}
.pliego{position:absolute;inset:1.5rem 2rem 2.5rem 1rem;border-radius:4px;background:var(--papel)}
.pliego-3{transform:translate(2.4rem,-1.6rem) rotate(4deg);background:#D9DEE5;box-shadow:var(--sombra-3);opacity:.55}
.pliego-2{transform:translate(1.2rem,-.8rem) rotate(2deg);background:#EEF0F3;box-shadow:var(--sombra-3);opacity:.85}
.pliego-1{position:relative;inset:auto;margin:1.5rem 2rem 2.5rem 1rem;padding:2.4rem 2.4rem 2.2rem;color:#1C2532;font:400 .98rem/1.85 var(--serif);box-shadow:var(--sombra-3);transform:rotate(-.6deg)}
.pliego-1::before{content:"";position:absolute;inset:0;border-radius:4px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(13,27,46,.03))}
.pliego-1 p{margin:0 0 .85rem}
.suma{text-align:right;font-weight:700;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;margin-left:35%!important;line-height:1.5!important}
.destino{font-weight:700}
.apartado{font-weight:700;margin-top:1.1rem!important;margin-bottom:.3rem!important}
.atenuado{color:#8A93A1;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent)}
.campo{background:var(--resaltado);color:#2A2410;padding:.05rem .25rem;border-radius:2px;transition:background .4s,box-shadow .6s}
.campo.vacio{font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:.01em}
.campo.recien{box-shadow:0 0 0 4px rgba(255,229,138,.45)}
.panel-edicion{position:absolute;right:-.5rem;bottom:.5rem;width:15.5rem;padding:1rem 1.1rem 1.1rem;border-radius:var(--r-m);background:rgba(19,38,63,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);box-shadow:var(--sombra-3);color:#DCE3EC;font-size:.85rem}
.panel-titulo{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;margin:0 0 .55rem!important}
.icono-doc{width:1.1rem;height:1.35rem;border-radius:2px;background:linear-gradient(135deg,#2B6CB0,#1F4E8C);position:relative;flex:none}
.icono-doc::after{content:"W";position:absolute;inset:0;display:grid;place-items:center;font:700 .62rem var(--sans);color:#fff}
.panel-estado{display:flex;justify-content:space-between;margin:0 0 .5rem!important;color:#A9B5C4}
.contador{color:#fff}
.barra{display:block;height:5px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.barra span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--champagne),#E9D5A4)}

/* El único movimiento automático: el escrito se completa una vez al cargar (lo maneja tienda.js) */
.barra span{transition:width .5s var(--suave)}
@media (prefers-reduced-motion:no-preference){
  .pliego-1,.pliego-2,.pliego-3,.panel-edicion{animation:entra .9s var(--suave) both}
  .pliego-3{animation-delay:.05s}.pliego-2{animation-delay:.15s}.pliego-1{animation-delay:.25s}.panel-edicion{animation-delay:.7s}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@keyframes entra{from{opacity:0;translate:0 18px}to{opacity:var(--o,1);translate:0 0}}
.pliego-3{--o:.55}.pliego-2{--o:.85}
@media (max-width:959px){.escena{max-width:34rem;margin:0 auto;width:100%}}
@media (max-width:520px){
  .portada{padding:3.5rem 0 6.5rem}
  .pliego-1{margin:1rem .75rem 4.5rem 0;padding:1.6rem 1.4rem;font-size:.86rem}
  .pliego{inset:1rem .75rem 4.5rem 0}
  .panel-edicion{right:0;bottom:0;width:13.5rem}
  .escena{min-height:0}
}

/* ---------- Garantías: barra superpuesta entre la portada y el catálogo ---------- */
.garantias{position:relative;z-index:2;margin-top:-4rem}
.garantias-lista{list-style:none;display:grid;gap:0;background:var(--papel);border-radius:var(--r-l);box-shadow:var(--sombra-2);border:1px solid rgba(13,27,46,.06);padding:0;overflow:hidden}
.garantias-lista li{padding:1.6rem 1.75rem}
.garantias-lista li + li{border-top:1px solid var(--linea)}
@media (min-width:820px){.garantias-lista{grid-template-columns:repeat(3,1fr)}.garantias-lista li + li{border-top:0;border-left:1px solid var(--linea)}}
.garantias b{display:block;font:400 1.2rem/1.3 var(--display);color:var(--noche);margin-bottom:.35rem}
.garantias span{color:var(--tenue);font-size:.95rem;line-height:1.55}

/* ---------- Catálogo ---------- */
.seccion{padding:4.5rem 0}
.catalogo{padding-top:5rem}
.encabezado-seccion{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.25rem;margin-bottom:1.5rem}
.encabezado-seccion p{margin:0}
.buscador{position:relative;display:block;width:min(24rem,100%)}
.buscador svg{position:absolute;left:.9rem;top:50%;translate:0 -50%;color:var(--gris-azul)}
.buscador input{width:100%;padding:.8rem 1rem .8rem 2.6rem;border:1px solid var(--linea);border-radius:999px;background:var(--papel);font:inherit;font-size:.95rem;box-shadow:var(--sombra-1);transition:border-color .2s,box-shadow .2s}
.buscador input:focus{outline:none;border-color:var(--petroleo);box-shadow:0 0 0 4px rgba(15,76,92,.12)}
.filtros{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}
.filtro{display:inline-flex;align-items:center;gap:.45rem;font:500 .88rem var(--sans);color:var(--tinta);background:var(--papel);border:1px solid var(--linea);border-radius:999px;padding:.45rem .9rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.filtro:hover{border-color:var(--gris-azul-2)}
.filtro[aria-pressed="true"]{background:var(--noche);border-color:var(--noche);color:#fff}
.punto{width:.55rem;height:.55rem;border-radius:50%;flex:none;display:inline-block}
.t0{background:#0F4C5C}.t1{background:#8C6F36}.t2{background:#3F5E8C}.t3{background:#5E6E84}.t4{background:#7A4E5C}.t5{background:#2F6B5A}.t6{background:#6B7A3A}

.grilla{list-style:none;padding:0;margin:0;display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr))}
.tarjeta{position:relative;display:flex;flex-direction:column;background:var(--papel);border:1px solid rgba(13,27,46,.07);border-radius:var(--r-m);box-shadow:var(--sombra-1);transition:transform .35s var(--suave),box-shadow .35s var(--suave),border-color .35s}
.tarjeta:hover{transform:translateY(-4px);box-shadow:var(--sombra-2);border-color:rgba(13,27,46,.12)}
.tarjeta[hidden]{display:none}
.tarjeta-vista{display:block;height:9.5rem;overflow:hidden;border-radius:var(--r-m) var(--r-m) 0 0;background:linear-gradient(160deg,var(--niebla),#E3E7EC);padding:1.2rem 1.4rem 0;text-decoration:none}
.tarjeta-cuerpo{display:flex;flex-direction:column;flex:1;padding:1.1rem 1.25rem 1.2rem}
.categoria{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:500;color:var(--tenue);margin:0 0 .4rem}
.tarjeta h3{margin:0 0 1.1rem}
.tarjeta h3 a{color:var(--noche);text-decoration:none}
.tarjeta h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.tarjeta h3 a:hover{color:var(--petroleo)}
.tarjeta-pie{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.9rem;border-top:1px solid var(--linea)}
.tarjeta-pie .btn{position:relative;z-index:1}
.precio{font:400 1.3rem/1 var(--display);color:var(--noche);font-variant-numeric:lining-nums}
.precio-grande{font-size:2.6rem;margin:0 0 1.1rem}
.vacio{padding:2rem 0}

/* Hoja en miniatura */
.hojita{position:relative;background:var(--papel);border-radius:3px 3px 0 0;padding:1.05rem 1.1rem 0;height:100%;box-shadow:0 1px 2px rgba(13,27,46,.06),0 10px 24px -14px rgba(13,27,46,.35);transition:transform .45s var(--suave)}
.tarjeta:hover .hojita{transform:translateY(-6px) rotate(-.6deg)}
.solapa{position:absolute;top:-.5rem;left:1rem;width:2.6rem;height:.5rem;border-radius:3px 3px 0 0}
.hojita-suma{margin:0 0 .65rem 34%;font:700 .5rem/1.45 var(--serif);text-transform:uppercase;letter-spacing:.03em;color:#2C3542;text-align:right;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hojita .r{display:block;height:.32rem;border-radius:2px;background:#E4E7EB;margin-bottom:.48rem;position:relative}
.hojita .r.corta{width:62%}.hojita .r.media{width:80%}
.hojita .r i{position:absolute;left:18%;width:26%;top:0;bottom:0;border-radius:2px;background:var(--resaltado)}
.hojita .r i.ancho{left:44%;width:38%}
.hojita-grande{border-radius:4px;padding:2rem 2.2rem 2.2rem;height:auto;box-shadow:var(--sombra-2)}
.hojita-grande .hojita-suma{font-size:.78rem;margin-bottom:1.2rem}
.hojita-grande .r{height:.5rem;margin-bottom:.8rem}
.hojita-grande .solapa{top:-.6rem;left:1.6rem;width:3.4rem;height:.6rem}

/* ---------- Pack ---------- */
.seccion-pack{position:relative;overflow:hidden;color:#D3DCE6;padding:5rem 0;
  background:radial-gradient(40rem 24rem at 90% 20%,rgba(200,169,107,.12),transparent 65%),linear-gradient(135deg,var(--petroleo) 0%,#0C3A48 45%,var(--noche) 100%)}
.pack-grid{display:grid;gap:3rem;align-items:center}
@media (min-width:900px){.pack-grid{grid-template-columns:1.1fr .9fr}}
.seccion-pack h2{color:#fff;max-width:16ch}
.pack-bajada{color:#B9C8D3;font-size:1.1rem;max-width:32rem;margin-bottom:2rem}
.pack-visual{position:relative;display:grid;justify-items:center;gap:1.5rem}
.abanico{position:relative;width:15rem;height:11rem}
.mini{position:absolute;bottom:0;left:50%;width:7rem;height:9.5rem;margin-left:-3.5rem;border-radius:3px;background:var(--papel);box-shadow:var(--sombra-3);transform-origin:50% 120%;
  background-image:linear-gradient(#E4E7EB,#E4E7EB),linear-gradient(#E4E7EB,#E4E7EB),linear-gradient(var(--resaltado),var(--resaltado)),linear-gradient(#E4E7EB,#E4E7EB);
  background-size:70% 4px,80% 4px,30% 4px,60% 4px;background-position:15% 30%,15% 42%,40% 54%,15% 66%;background-repeat:no-repeat;transition:transform .5s var(--suave)}
.m1{transform:rotate(-15deg)}.m2{transform:rotate(-5deg)}.m3{transform:rotate(5deg)}.m4{transform:rotate(15deg)}
.pack-visual:hover .m1{transform:rotate(-21deg)}.pack-visual:hover .m2{transform:rotate(-7deg)}.pack-visual:hover .m3{transform:rotate(7deg)}.pack-visual:hover .m4{transform:rotate(21deg)}
.cuenta-pack{width:min(20rem,100%);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-m);padding:1rem 1.25rem;backdrop-filter:blur(8px)}
.cuenta-pack p{display:flex;justify-content:space-between;align-items:baseline;margin:0;font-size:.95rem}
.cuenta-pack s{color:#8FA3B3}
.cuenta-total{border-top:1px solid rgba(255,255,255,.14);margin-top:.6rem!important;padding-top:.6rem}
.cuenta-total b{font:400 1.7rem var(--display);color:#fff}

/* ---------- Cómo funciona ---------- */
.como{background:var(--fondo)}
.pasos{list-style:none;padding:0;margin:2.25rem 0 0;display:grid;gap:1.25rem;counter-reset:none}
@media (min-width:820px){.pasos{grid-template-columns:repeat(3,1fr);gap:2.5rem}}
.pasos li{position:relative;padding-top:1.25rem;border-top:1px solid var(--linea-calida)}
.paso-n{display:block;font:400 2.6rem/1 var(--display);color:var(--champagne);margin-bottom:.75rem}
.pasos b{display:block;font:400 1.25rem/1.3 var(--serif);color:var(--noche);margin-bottom:.35rem}
.pasos li > span:last-child{color:var(--tenue);font-size:.98rem}

/* ---------- Ficha ---------- */
.ficha-seccion{background:linear-gradient(180deg,var(--niebla) 0,var(--fondo) 22rem)}
.miga{font-size:.88rem;color:var(--tenue);margin-bottom:2rem}
.miga a{color:var(--tenue)}
.ficha-grid,.carrito-grid{display:grid;gap:2.5rem;align-items:start}
@media (min-width:900px){.ficha-grid,.carrito-grid{grid-template-columns:1.55fr 1fr;gap:3.5rem}}
.ficha h1{font-size:clamp(2rem,4vw,3rem);max-width:20ch;margin-bottom:1.5rem}
.ficha-vista{max-width:30rem;margin:2rem 0 2.25rem;padding:1.5rem 0 0 .5rem}
.detalles{list-style:none;padding:0;margin:0;display:grid;gap:0;border-top:1px solid var(--linea)}
.detalles li{display:grid;gap:.15rem;padding:.9rem 0;border-bottom:1px solid var(--linea)}
@media (min-width:600px){.detalles li{grid-template-columns:11rem 1fr;gap:1rem}}
.detalles b{font-weight:600;color:var(--noche)}
.detalles span{color:var(--tenue)}
.caja-compra{background:var(--papel);border:1px solid rgba(13,27,46,.07);border-radius:var(--r-l);padding:1.75rem;box-shadow:var(--sombra-2);display:grid;gap:.85rem}
@media (min-width:900px){.caja-compra{position:sticky;top:6rem}}
.caja-etiqueta{margin:0;color:var(--tenue);font-size:.9rem}
.nota-pack{margin:0;font-size:.9rem;background:var(--champagne-claro);border-radius:var(--r-s);padding:.75rem .9rem;color:#5F4B22}
.caja-seguro{margin:0;font-size:.82rem;color:var(--tenue);text-align:center}

/* ---------- Carrito ---------- */
.carrito-lista{display:grid;gap:.85rem;margin-top:1.5rem}
.renglon{background:var(--papel);border:1px solid rgba(13,27,46,.07);border-radius:var(--r-m);box-shadow:var(--sombra-1);padding:1.1rem 1.25rem;display:flex;justify-content:space-between;gap:1rem;align-items:start}
.renglon b{font:400 1.05rem/1.35 var(--serif);color:var(--noche)}
.renglon ul{margin:.5rem 0 0;padding-left:1.1rem;color:var(--tenue);font-size:.93rem}
.renglon li{padding:.1rem 0}
.renglon-der{text-align:right;white-space:nowrap;display:grid;justify-items:end;gap:.2rem}
.renglon .precio{font-size:1.15rem}
.renglon .tachado{text-decoration:line-through;color:var(--gris-azul-2);font:400 .95rem var(--sans);margin-right:.4rem}
.quitar{background:none;border:0;color:var(--gris-azul);cursor:pointer;font:500 .82rem var(--sans);text-decoration:underline;text-underline-offset:2px;padding:0}
.quitar:hover{color:var(--error)}
.aviso-pack{background:var(--champagne-claro);border:1px solid #E7D9B8;border-radius:var(--r-m);padding:.85rem 1.1rem;margin:.25rem 0;font-size:.93rem;color:#5F4B22}
.caja-compra h2{font-size:1.6rem}
label{display:grid;gap:.35rem;font-weight:500;font-size:.93rem}
input[type=text],input[type=email],input[type=password],input:not([type]),textarea{padding:.8rem .9rem;border:1px solid var(--linea);border-radius:var(--r-s);font:inherit;background:#fff;transition:border-color .2s,box-shadow .2s}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input:not([type]):focus,textarea:focus{outline:none;border-color:var(--petroleo);box-shadow:0 0 0 4px rgba(15,76,92,.12)}
.check{display:flex;gap:.6rem;align-items:start;font-weight:400}
.check input{margin-top:.35rem;accent-color:var(--noche)}
.ayuda{font-weight:400;font-size:.82rem;color:var(--tenue)}
.total-fila{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--linea);padding-top:.9rem;font-size:1.05rem}
.total-fila b{font:400 2rem var(--display);color:var(--noche)}
.error{color:var(--error);margin:0;font-size:.92rem}

/* ---------- Pedido, simulador y páginas simples ---------- */
.etiqueta{font-size:.9rem;font-weight:500;color:var(--champagne-osc);margin:0 0 .75rem}
.descargas{list-style:none;padding:0;display:grid;gap:.7rem;margin:1.5rem 0}
.descargas li{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--papel);border:1px solid rgba(13,27,46,.07);border-radius:var(--r-m);box-shadow:var(--sombra-1);padding:.9rem 1.1rem}
.simulador{border:1px dashed var(--champagne);border-radius:var(--r-l);padding:2rem;background:var(--papel)}
.pendiente{background:var(--champagne-claro);border-left:3px solid var(--champagne);padding:1rem 1.2rem;border-radius:0 var(--r-s) var(--r-s) 0}

/* ---------- Pie ---------- */
.pie{background:linear-gradient(180deg,var(--noche),#08121F);color:#AEB9C8;padding:3.5rem 0 1.5rem}
.pie-grid{display:grid;gap:2rem}
@media (min-width:760px){.pie-grid{grid-template-columns:2fr 1fr 1fr}}
.marca-pie{color:#fff;margin:0 0 .9rem}
.pie-texto{max-width:26rem;font-size:.93rem;color:#8E9AAC}
.pie-titulo{color:#fff;font-weight:600;font-size:.9rem;margin:0 0 .75rem}
.enlaces-pie{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;font-size:.93rem}
.enlaces-pie a{color:#C9D2DE;text-decoration:none}
.enlaces-pie a:hover{color:var(--champagne)}
.arrepentimiento{display:inline-block;border:1px solid rgba(200,169,107,.6);border-radius:var(--r-s);padding:.3rem .7rem}
.pie-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08);font-size:.82rem;color:#6F7C8F}

/* Botón de arrepentimiento */
textarea{resize:vertical}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.codigo-tramite{font-size:1.6rem;letter-spacing:.06em;background:var(--champagne-claro);border-left:3px solid var(--champagne);padding:.8rem 1.1rem;border-radius:0 var(--r-s) var(--r-s) 0;display:inline-block}

/* Mis compras */
.fila-cuenta{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.compra{margin:1.6rem 0}
.cambiar-clave{margin-top:2.4rem}
.cambiar-clave summary{cursor:pointer;font-weight:600;margin-bottom:1rem}
.legal p{margin:0 0 1rem;line-height:1.65}