/* ==========================================================================
   GRAN MANTRA · Ventana del lote (recorrido virtual, lotificacion.html) · rev. 2026-11-02 (b)
   Corrección de Tash: «parece algo sencillo, dale mejor al branding».
   - Lámina de arquitecto: papel crema con grano, curvas de nivel y hojas de palma en los márgenes,
     rosa de los vientos navy/bronce, escala gráfica y cartela con el emblema.
   - Títulos en Cormorant Garamond (var(--gm-display)), texto y cifras en Montserrat. Nada de Faktum.
   - Dorado solo en lo importante: el botón «Obtener ahora» y la cifra del valor. Lo demás navy, bronce liso o neutro.
   - Cabe en una pantalla (1440×900 y 1280×720) sin scroll; en teléfono se apila.
   01 Modal · 02 Barra · 03 Ficha · 04 Lámina · 05 Cifras · 06 Colindancias · 07 Acciones · 08 Figura SVG · 09 Pantallas chicas
   ========================================================================== */

/* 01 · MODAL */
.vl{--navy:#152486;--navy-2:#24389E;--noche:#0E1540;--bronce:#B78350;--bronce-dk:#8A5A2B;--oro-claro:#E2C29A;--crema:#EFE8DA;--papel:#FBF8F2;--arena:#F3EDE1;
  --tinta:#1B2540;--mute:#5E6275;--linea:#E7DECD;--oro:linear-gradient(115deg,#9A6A3B 0%,#C08E59 26%,#F0DAB2 50%,#C08E59 74%,#9A6A3B 100%);
  --display:var(--gm-display,"Cormorant Garamond","Cormorant",Georgia,serif);--texto:var(--gm-texto,"Montserrat",system-ui,sans-serif);
  --vl-pad:clamp(8px,2vw,28px);--vl-barra:92px;--vl-cpad:clamp(14px,1.8vw,26px);
  position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:var(--vl-pad);font-family:var(--texto);color:var(--tinta)}
.vl[hidden]{display:none}
.vl *,.vl *::before,.vl *::after{box-sizing:border-box}
.vl__fondo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(14,21,64,.62),rgba(6,9,30,.88));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.vl__caja{position:relative;width:min(1220px,100%);max-height:calc(100vh - 2 * var(--vl-pad));max-height:calc(100dvh - 2 * var(--vl-pad));overflow-y:auto;overscroll-behavior:contain;
  border-radius:28px;background:var(--papel);box-shadow:0 50px 110px -40px rgba(0,0,0,.8),0 0 0 1px rgba(226,194,154,.35);scrollbar-width:thin;animation:vl-entra .45s cubic-bezier(.2,.7,.2,1)}
@keyframes vl-entra{from{opacity:0;transform:translateY(16px) scale(.985)}}
.vl .gm-ico{width:18px;height:18px;stroke-width:1.6}

/* 02 · BARRA: emblema, «Gran Mantra · Etapa» en versalitas, «Lote 17» en Cormorant, estatus y navegación.
   El emblema dorado queda de marca de agua a la derecha y una línea fina de bronce cierra la barra. */
.vl__barra{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:clamp(12px,1.8vw,22px);min-height:var(--vl-barra);padding:12px clamp(16px,2.4vw,30px);overflow:hidden;
  background:linear-gradient(180deg,#fff,var(--papel));border-bottom:1px solid var(--bronce)}
.vl__barra::before{content:"";position:absolute;right:150px;top:50%;width:230px;height:220px;transform:translateY(-50%) rotate(-8deg);
  background:url(../img/emblema-dorado.png) center/contain no-repeat;opacity:.09;pointer-events:none}
.vl__barra::after{content:"";position:absolute;left:clamp(16px,2.4vw,30px);right:clamp(16px,2.4vw,30px);bottom:4px;height:1px;background:rgba(183,131,80,.28)}
.vl__emblema{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(183,131,80,.45),0 8px 18px -10px rgba(14,21,64,.5)}
.vl__emblema img{display:block;width:36px;height:auto}
.vl__titulo{position:relative;min-width:0}
.vl__titulo p{margin:0;font:700 10.5px/1 var(--texto);letter-spacing:.3em;text-transform:uppercase;color:var(--bronce-dk)}
.vl__titulo h2{margin:6px 0 0;font-family:var(--display);font-weight:500;font-size:clamp(32px,3vw,44px);line-height:.95;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);white-space:nowrap}
.vl__titulo h2 em{font-style:italic;font-weight:500;color:var(--bronce-dk);letter-spacing:.02em}
.vl__estado{position:relative;flex:none;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 11px;border-radius:999px;
  font:700 10.5px/1 var(--texto);letter-spacing:.18em;text-transform:uppercase;color:var(--st-tx,var(--mute));background:var(--st-bg,rgba(27,37,64,.05));box-shadow:inset 0 0 0 1px var(--st-ln,rgba(27,37,64,.12))}
.vl__estado i{width:8px;height:8px;border-radius:50%;background:var(--st,#A79F92);box-shadow:0 0 0 3px var(--st-halo,rgba(167,159,146,.2))}
.vl__estado[data-st="Disponible"]{--st:#2E9B6A;--st-halo:rgba(46,155,106,.2);--st-tx:#1D6A47;--st-bg:rgba(46,155,106,.09);--st-ln:rgba(46,155,106,.35)}
.vl__estado[data-st="Reservado"]{--st:#D3A21E;--st-halo:rgba(211,162,30,.22);--st-tx:#7A5A0B;--st-bg:rgba(211,162,30,.1);--st-ln:rgba(211,162,30,.42)}
.vl__estado[data-st="Vendido"]{--st:#B8463E;--st-halo:rgba(184,70,62,.18);--st-tx:#8A2F29;--st-bg:rgba(184,70,62,.08);--st-ln:rgba(184,70,62,.32)}
.vl__nav{position:relative;flex:none;display:flex;align-items:center;gap:8px;margin-left:auto}
.vl__nav button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(21,36,134,.18);background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer;
  transition:background .2s,border-color .2s,color .2s,transform .2s}
.vl__nav .vl__cerrar{margin-left:6px;background:var(--navy);border-color:var(--navy);color:#fff}
@media (hover:hover){
  .vl__nav button:hover{border-color:var(--bronce);color:var(--bronce-dk)}
  .vl__nav .vl__cerrar:hover{background:var(--noche);border-color:var(--noche);color:#fff;transform:rotate(90deg)}
}
.vl__nav button:focus-visible{outline:2px solid var(--bronce);outline-offset:2px}
.vl__cuerpo{padding:var(--vl-cpad)}

/* 03 · FICHA: lámina grande a la izquierda; cifras → colindancias → acciones a la derecha.
   La altura se fija con la pantalla para que todo quepa sin scroll en escritorio. */
.vlf{--alto:clamp(380px,calc(100vh - 2 * var(--vl-pad) - var(--vl-barra) - 2 * var(--vl-cpad)),660px);
  display:grid;grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);grid-template-rows:minmax(0,1fr);gap:clamp(16px,2.2vw,30px);height:var(--alto);line-height:1.45;text-align:left}
@supports (height:100dvh){.vlf{--alto:clamp(380px,calc(100dvh - 2 * var(--vl-pad) - var(--vl-barra) - 2 * var(--vl-cpad)),660px)}}
.vlf-plano{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0}
.vlf-plano figcaption{flex:none;font-size:10.5px;line-height:1.45;color:var(--mute);text-align:center;text-wrap:balance}
.vlf-info{display:flex;flex-direction:column;gap:clamp(12px,1.9vh,20px);min-width:0;min-height:0}

/* 04 · LÁMINA: papel con grano, curvas de nivel (esquinas) y hojas de palma a línea; doble filete de bronce */
.vlf-card{position:relative;flex:1;min-height:0;display:flex;overflow:hidden;border-radius:20px;
  background:url(papel.svg),url(hojas.svg) left -40px bottom -70px/300px auto no-repeat,url(hojas.svg) right -60px top -90px/250px auto no-repeat,
    url(topo.svg) left -110px top -120px/620px auto no-repeat,url(topo-b.svg) right -150px bottom -150px/720px auto no-repeat,
    radial-gradient(ellipse at 50% 45%,#FFFDF8 0%,var(--papel) 55%,#F1E8D6 100%);
  box-shadow:inset 0 0 0 1px rgba(183,131,80,.55),inset 0 0 0 7px var(--papel),inset 0 0 0 8px rgba(183,131,80,.28),0 22px 44px -28px rgba(14,21,64,.55)}
.vlf-card > svg:not(.vlf-rosa){position:relative;display:block;flex:1;min-width:0;width:100%;height:100%}
/* rosa de los vientos (esquina superior derecha) */
.vlf-rosa{position:absolute;z-index:1;top:16px;right:18px;width:86px;height:90px;pointer-events:none}
.vlf-rosa .r-anillo{fill:rgba(255,255,255,.75);stroke:var(--navy);stroke-width:1}
.vlf-rosa .r-anillo2{fill:none;stroke:var(--bronce);stroke-width:.6;stroke-dasharray:1.2 2.4}
.vlf-rosa .r-n{fill:var(--navy)}
.vlf-rosa .r-n2{fill:#3446AE}
.vlf-rosa .r-s{fill:var(--bronce)}
.vlf-rosa .r-s2{fill:#D2A878}
.vlf-rosa .r-menor{fill:rgba(21,36,134,.28)}
.vlf-rosa text{font-family:var(--display);font-weight:600;font-size:13px;fill:var(--navy)}
/* escala gráfica (abajo a la izquierda) */
.vlf-escala{position:absolute;left:22px;bottom:18px;display:flex;flex-direction:column;gap:4px;pointer-events:none;font:600 9.5px/1 var(--texto);color:var(--tinta)}
.vlf-escala[hidden]{display:none}
.vlf-escala small{white-space:nowrap;font:700 8.5px/1 var(--texto);letter-spacing:.24em;text-transform:uppercase;color:var(--bronce-dk)}
.vlf-escala .e-barra{display:flex;height:6px;box-shadow:0 0 0 1px var(--navy)}
.vlf-escala .e-barra i{flex:1;background:#fff}
.vlf-escala .e-barra i:nth-child(odd){background:var(--navy)}
.vlf-escala .e-num{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}
/* cartela (abajo a la derecha) */
.vlf-cartela{position:absolute;right:18px;bottom:16px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:14px;pointer-events:none;
  background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(183,131,80,.38);backdrop-filter:blur(2px)}
.vlf-cartela img{width:26px;height:auto}
.vlf-cartela span{display:flex;flex-direction:column;gap:3px}
.vlf-cartela small{font:700 8px/1 var(--texto);letter-spacing:.24em;text-transform:uppercase;color:var(--bronce-dk)}
.vlf-cartela b{font:500 15px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}

/* 05 · CIFRAS: tarjeta noche; el valor es la cifra clave (dorado), la superficie y las medidas en crema */
.vlf-cifras{position:relative;flex:none;overflow:hidden;border-radius:22px;color:var(--crema);container-type:inline-size;
  background:radial-gradient(120% 140% at 100% 0%,rgba(36,56,158,.55),rgba(36,56,158,0) 55%),linear-gradient(160deg,#16205A,var(--noche) 70%);
  box-shadow:0 22px 40px -26px rgba(14,21,64,.9),inset 0 0 0 1px rgba(226,194,154,.18)}
.vlf-cifras::before{content:"";position:absolute;right:-46px;top:-40px;width:190px;height:180px;background:url(../img/emblema-blanco.png) center/contain no-repeat;opacity:.07;pointer-events:none}
.vlf-valor{position:relative;padding:clamp(14px,2.2vh,22px) clamp(18px,1.8vw,26px) clamp(12px,1.8vh,18px)}
.vlf-k{display:block;font:700 10px/1 var(--texto);letter-spacing:.26em;text-transform:uppercase;color:var(--oro-claro)}
.vlf-valor b{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;margin-top:10px;font-family:var(--texto);font-weight:600;line-height:1;letter-spacing:-.01em;
  font-size:clamp(26px,min(11cqi,5.4vh),46px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.vlf-valor b .vlf-oro{background:var(--gm-oro-texto-oscuro,linear-gradient(100deg,#D4A86F,#F4E2C0 45%,#E2C29A 60%,#C99A64));-webkit-background-clip:text;background-clip:text;color:transparent}
.vlf-valor b small{font-size:max(11px,.3em);font-weight:700;letter-spacing:.2em;color:rgba(239,232,218,.7)}
.vlf-valor em{display:block;margin-top:8px;font-style:normal;font-size:12px;color:rgba(239,232,218,.78)}
.vlf-valor .vlf-txt{font-family:var(--display);font-weight:500;font-style:italic;font-size:clamp(24px,2.6vw,30px);letter-spacing:.02em;color:var(--crema)}
.vlf-mini{position:relative;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(226,194,154,.2)}
.vlf-mini > div{min-width:0;padding:clamp(10px,1.6vh,14px) clamp(18px,1.8vw,26px)}
.vlf-mini > div + div{border-left:1px solid rgba(226,194,154,.2)}
.vlf-mini .vlf-k{font-size:9.5px;letter-spacing:.22em;color:rgba(226,194,154,.85)}
.vlf-mini b{display:block;margin-top:6px;font-size:clamp(16px,2.4vh,20px);font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums;color:#fff;overflow-wrap:anywhere}
.vlf-mini b small{font-size:.62em;font-weight:600;color:rgba(239,232,218,.75)}
/* Doble medida: la caja es angosta, así que los pies van en su renglón debajo de la cifra, sin diagonal */
.vlf-mini .gm-ft.gm-ft{display:block;margin:.35em 0 0;font-size:12px}
.vlf-mini .gm-ft.gm-ft::before{content:none}

/* 06 · MEDIDAS Y COLINDANCIAS: insignias de orientación y medidas alineadas */
.vlf-col{flex:0 1 auto;min-height:0;display:flex;flex-direction:column}
.vlf-h{flex:none;display:flex;align-items:baseline;gap:12px;margin:0 0 4px;font-family:var(--display);font-weight:500;font-size:clamp(20px,2.7vh,25px);line-height:1.1;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
.vlf-h::after{content:"";flex:1;height:1px;align-self:center;background:linear-gradient(90deg,rgba(183,131,80,.6),rgba(183,131,80,0))}
.vlf-h small{order:2;font:700 9.5px/1 var(--texto);letter-spacing:.2em;color:var(--bronce-dk)}
.vlg-col-list{flex:0 1 auto;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0 2px 0 0;scrollbar-width:thin}
.vlg-col-list li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:clamp(5px,1.15vh,11px) 0;border-bottom:1px solid var(--linea);font-size:14px}
.vlg-col-list li:last-child{border-bottom:0}
.vlg-col-list i{position:relative;width:38px;height:28px;border-radius:9px;display:grid;place-items:center;font-style:normal;font:700 10.5px/1 var(--texto);letter-spacing:.06em;color:var(--navy);
  background:#fff;box-shadow:inset 0 0 0 1px rgba(21,36,134,.2)}
.vlg-col-list span{min-width:0;font-weight:500;color:var(--tinta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vlg-col-list b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--navy)}
.vlf-perim{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:6px;padding-top:8px;border-top:1px solid rgba(183,131,80,.45);
  font:700 9.5px/1.3 var(--texto);letter-spacing:.2em;text-transform:uppercase;color:var(--bronce-dk)}
.vlf-perim b{font-size:13px;letter-spacing:0;text-transform:none;color:var(--navy);font-variant-numeric:tabular-nums}

/* 07 · ACCIONES: «Obtener ahora» dorado solo si hay lote; si no, un estado sereno con filete; secundarios en contorno */
.vlf-acc{flex:none;display:grid;gap:10px;margin-top:auto}
.vlf-obtener{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;padding:0 24px;border:0;border-radius:999px;cursor:pointer;text-decoration:none;
  font:700 13px/1 var(--texto);letter-spacing:.18em;text-transform:uppercase;color:var(--noche);background:var(--oro);background-size:220% 100%;
  box-shadow:0 16px 32px -14px rgba(138,90,43,.8),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .25s,box-shadow .25s,background-position .6s}
.vlf-obtener .gm-ico{width:18px;height:18px;stroke-width:1.8}
.vlf-obtener[disabled]{cursor:not-allowed;flex-direction:column;gap:5px;color:var(--mute);background:repeating-linear-gradient(135deg,rgba(183,131,80,.06) 0 8px,transparent 8px 16px),var(--arena);
  box-shadow:inset 0 0 0 1px rgba(183,131,80,.4)}
.vlf-obtener[disabled] b{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:var(--tinta)}
.vlf-obtener[disabled] b i{width:8px;height:8px;border-radius:50%;background:var(--st,#A79F92)}
.vlf-obtener[disabled] small{font:500 11px/1 var(--texto);letter-spacing:.02em;text-transform:none}
.vlf-sec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vlf-sec > *{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 8px;border:0;border-radius:999px;cursor:pointer;text-decoration:none;white-space:nowrap;
  font:700 10.5px/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;color:var(--navy);background:transparent;box-shadow:inset 0 0 0 1.5px rgba(21,36,134,.28);
  transition:background .2s,box-shadow .2s,color .2s}
.vlf-sec > .vlf-off{cursor:not-allowed;color:#9C978D;box-shadow:inset 0 0 0 1px rgba(27,37,64,.14);background:repeating-linear-gradient(135deg,rgba(27,37,64,.035) 0 6px,transparent 6px 12px)}
.vlf-sec .gm-ico{width:16px;height:16px;color:var(--bronce)}
.vlf-sec > .vlf-off .gm-ico{color:inherit}
@media (hover:hover){
  .vlf-obtener:not([disabled]):hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 20px 36px -14px rgba(138,90,43,.9),inset 0 1px 0 rgba(255,255,255,.55)}
  .vlf-sec > :not(.vlf-off):hover{color:#fff;background:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
  .vlf-sec > :not(.vlf-off):hover .gm-ico{color:var(--oro-claro)}
}
.vlf-obtener:focus-visible,.vlf-sec > :focus-visible{outline:2px solid var(--bronce);outline-offset:3px}

/* 08 · FIGURA DEL LOTE (tamaños relativos al lote vía --fs) */
.vlg-halo{fill:none;stroke:#E2C29A;stroke-opacity:.38;stroke-linejoin:round}
.vlg-lot{stroke:var(--navy);stroke-linejoin:round}
.vlg-pt{fill:#fff;stroke:var(--navy);stroke-width:calc(var(--fs) * .09)}
.vlg-pt2{fill:var(--bronce)}
.vlg-num{font-family:var(--texto);font-size:calc(var(--fs) * .6);font-weight:700;fill:var(--bronce-dk)}
.vlg-dim{font-family:var(--texto);font-size:calc(var(--fs) * .92);font-weight:600;fill:var(--navy);paint-order:stroke;stroke:#FBF8F2;stroke-width:calc(var(--fs) * .28);stroke-linejoin:round;font-variant-numeric:tabular-nums}
.vlg-col{font-family:var(--texto);font-size:calc(var(--fs) * .56);font-weight:700;letter-spacing:.16em;fill:var(--bronce-dk);paint-order:stroke;stroke:#FBF8F2;stroke-width:calc(var(--fs) * .22);stroke-linejoin:round}
.vlg-sup-k{font-family:var(--texto);font-size:calc(var(--fs) * .5);font-weight:700;letter-spacing:.26em;fill:var(--bronce-dk)}
.vlg-sup{font-family:var(--display);font-size:calc(var(--fs) * 1.55);font-weight:600;fill:var(--navy);letter-spacing:.01em}
/* Doble medida en la figura: pies del lado de adentro de cada lado y bajo la superficie; más chicos y tenues que el metro */
.vlg-ft{font-family:var(--texto);font-size:calc(var(--fs) * .6);font-weight:500;fill:var(--navy);fill-opacity:.55;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.vlg-sup-ft{font-family:var(--texto);font-size:calc(var(--fs) * .62);font-weight:500;fill:var(--navy);fill-opacity:.55;letter-spacing:.04em;font-variant-numeric:tabular-nums}

/* 09 · PANTALLAS CHICAS (y escritorios bajos, p. ej. 1280×720: todo más compacto para que quepa sin scroll) */
@media (min-width:901px) and (max-height:800px){
  .vl{--vl-barra:80px}
  .vl__emblema{width:50px;height:50px}
  .vl__titulo h2{font-size:34px}
  .vlf-info{gap:10px}
  .vlf-valor{padding:12px 22px 10px}
  .vlf-valor b{margin-top:7px;font-size:clamp(26px,min(10cqi,5vh),38px)}
  .vlf-valor em{margin-top:5px;font-size:11.5px}
  .vlf-mini > div{padding:8px 22px}
  .vlf-mini b{margin-top:4px;font-size:17px}
  .vlf-h{font-size:20px}
  .vlg-col-list li{padding:4px 0;font-size:13.5px}
  .vlg-col-list i{height:26px}
  .vlf-perim{margin-top:2px;padding-top:6px}
  .vlf-obtener{min-height:50px}
  .vlf-sec > *{min-height:40px}
}
@media (max-width:1100px){.vl{--vl-barra:84px}.vl__barra::before{right:120px}}
@media (max-width:900px){
  .vlf{grid-template-columns:minmax(0,1fr);grid-template-rows:none;height:auto}
  .vlf-card{flex:none;height:clamp(300px,56vh,520px)}
  .vlf-col{flex:none}
  .vlg-col-list{overflow:visible}
}
@media (max-width:640px){
  .vl{padding:0;--vl-cpad:14px}
  .vl__caja{border-radius:0;height:100vh;height:100dvh;max-height:none}
  .vl__barra{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"e t n" "e s s";align-items:center;gap:8px 12px;padding:12px 14px 14px}
  .vl__barra::before{right:-40px;width:180px;opacity:.07}
  .vl__emblema{grid-area:e;align-self:start;width:44px;height:44px}
  .vl__emblema img{width:30px}
  .vl__titulo{grid-area:t}
  .vl__titulo p{font-size:9px;letter-spacing:.18em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .vl__titulo h2{font-size:32px}
  .vl__nav{grid-area:n;align-self:start;gap:5px}
  .vl__nav button{width:38px;height:38px}
  .vl__nav .vl__cerrar{margin-left:2px}
  .vl__estado{grid-area:s;justify-self:start;height:28px}
  .vlf-card{height:clamp(280px,58vh,440px);background-size:auto,190px auto,160px auto,460px auto,520px auto,auto}
  .vlf-rosa{width:50px;top:14px;right:14px}
  .vlf-cartela{display:none}
  .vlf-escala{left:16px;bottom:14px}
  .vlf-sec{grid-template-columns:1fr 1fr}
  .vlf-sec > :last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:400px){
  .vl__nav [data-vl="prev"],.vl__nav [data-vl="next"]{width:34px;height:34px}
  .vl__titulo h2{font-size:28px}
}
@media (prefers-reduced-motion:reduce){.vl__caja{animation:none}}
/* doble moneda: equivalencia USD bajo el valor en MXN (js/doble-moneda.js) */
.vlf-valor .vlf-usd{margin-top:8px;font-size:14px;font-weight:500;letter-spacing:.02em;color:rgba(239,232,218,.9);opacity:1}
.vlf-valor .vlf-usd-nota{margin:8px 0 0;font-size:10.5px;line-height:1.45;color:rgba(239,232,218,.6);opacity:1;white-space:normal}
@media (max-height:760px),(max-width:700px){ .vlf-valor .vlf-usd{margin-top:5px;font-size:12.5px} .vlf-valor .vlf-usd-nota{margin-top:5px;font-size:10px} }