/* ══ casos: lo genera casos.py, no editar ══ */
@view-transition{navigation:auto}
::view-transition-group(*){animation-duration:.55s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
@font-face{font-family:'PP Woodland';font-weight:200;font-display:swap;
  src:url(../fuentes/ppwoodland-ultralight.woff2) format('woff2')}
@font-face{font-family:'PP Woodland';font-weight:700;font-display:swap;
  src:url(../fuentes/ppwoodland-bold.woff2) format('woff2')}

/* paleta work */
:root{
  --ground:#F2E4D6;--ink:#132B33;--accent:#C4491F;--acc-txt:#8E3311;
  --texto:color-mix(in oklab,var(--ink) 90%,var(--ground));
  --dim:color-mix(in oklab,var(--ink) 76%,var(--ground));
  --hair:color-mix(in oklab,var(--ink) 16%,var(--ground));
  --display:'PP Woodland','Times New Roman',serif;
  --body:'Rubik',system-ui,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --rem:max(1.1111vw,12px);
  --izq:110px;--der:56px;
  --col-texto:680px;
}
@media (max-width:900px){:root{--izq:22px;--der:22px}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--ground);color:var(--texto);font:400 18px/1.7 var(--body);
  -webkit-font-smoothing:antialiased;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABC0lEQVR4nGNggAIpEan/IMxAZ8DEMMCABebrIj95sEDfJgYw/9mbZ4wjIwQYoEBGip8BW0jAAK1ChIlhgAEjjAFLC30ZemD+k2cfwfT9F5/A9PpT72kSEkwMAwwY0QXoHRJMDAMMGHFJ0CskmBgGGDASUkDrkGBiGGDASKxCckMCvYZFl2diGGDASKoGYkMCBpx0eFD4+658QQkJJoYBBozkaiQUEh+//cbrcxhgYhhgwEipAeghseXIPaJ8PvhaRJQCdJ8TC5gYhnoucMKRz3GJw8DQLQekCPgc5jNc6jIirMB0WM0uhkERAiTnApgP913BX8uhq1vV4obVPCaGAQaM9LIIV7tgwEMAADhxqZYVt3fEAAAAAElFTkSuQmCC) 3 3,auto}
a,button{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA/klEQVR4nGNggAIpEan/IMxAZ8DEMMCAEebrp6GzwALSq9PA9LM3zxhHRAiwwFnGUmDqKQM8JFDSA61ChIlhgAEjjAFPCx1bIAJnn4Gp61dvgGmXa300CQkmhgEGjOgC9A4JJoYBBoy4JOgVEkwMAwwYCSmgdUgwMQwwYCRWIbkhgV7DosszMQwwYCRVA7EhAQNxDhIo/EUHXqCEBBPDAANGcjUSColFYsvw+hwGmBgGGDBSagB6SFTuSCHK54OwRUQhQPc5sYCJYajngjgc+RyXOAwM3XJAioDPYT7Dpa7dYw6Ylq7wYRiaIUBsLYezxISCoR8CpAJcITbgIQAAz+Cal9mIjDMAAAAASUVORK5CYII=) 3 3,pointer}
::selection{color:red;background:yellow}
img,video{max-width:100%;height:auto;display:block}
.c-saltar{position:absolute;left:12px;top:-80px;z-index:100;background:var(--ink);color:var(--ground);padding:10px 14px}
.c-saltar:focus{top:12px}

/* ══ espada ══ */
/* con raton, la espada reemplaza al cursor */
@media (hover:hover) and (pointer:fine){
  html.sin-cursor,html.sin-cursor body,html.sin-cursor body *{cursor:none !important}
}
.espada{position:fixed;top:0;left:0;width:32px;height:32px;pointer-events:none;
  z-index:200;transform:translate3d(-200px,-200px,0);will-change:transform;transition:opacity .15s}
.espada i{display:block;width:32px;height:32px;transform-origin:4px 4px;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABC0lEQVR4nGNggAIpEan/IMxAZ8DEMMCABebrIj95sEDfJgYw/9mbZ4wjIwQYoEBGip8BW0jAAK1ChIlhgAEjjAFLC30ZemD+k2cfwfT9F5/A9PpT72kSEkwMAwwY0QXoHRJMDAMMGHFJ0CskmBgGGDASUkDrkGBiGGDASKxCckMCvYZFl2diGGDASKoGYkMCBpx0eFD4+658QQkJJoYBBozkaiQUEh+//cbrcxhgYhhgwEipAeghseXIPaJ8PvhaRJQCdJ8TC5gYhnoucMKRz3GJw8DQLQekCPgc5jNc6jIirMB0WM0uhkERAiTnApgP913BX8uhq1vV4obVPCaGAQaM9LIIV7tgwEMAADhxqZYVt3fEAAAAAElFTkSuQmCC") no-repeat center/32px 32px}
.espada.link i{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA/klEQVR4nGNggAIpEan/IMxAZ8DEMMCAEebrp6GzwALSq9PA9LM3zxhHRAiwwFnGUmDqKQM8JFDSA61ChIlhgAEjjAFPCx1bIAJnn4Gp61dvgGmXa300CQkmhgEGjOgC9A4JJoYBBoy4JOgVEkwMAwwYCSmgdUgwMQwwYCRWIbkhgV7DosszMQwwYCRVA7EhAQNxDhIo/EUHXqCEBBPDAANGcjUSColFYsvw+hwGmBgGGDBSagB6SFTuSCHK54OwRUQhQPc5sYCJYajngjgc+RyXOAwM3XJAioDPYT7Dpa7dYw6Ylq7wYRiaIUBsLYezxISCoR8CpAJcITbgIQAAz+Cal9mIjDMAAAAASUVORK5CYII=")}
.espada.golpe i{animation:golpe .26s ease-out}
@keyframes golpe{0%{transform:rotate(0)}35%{transform:rotate(-34deg)}100%{transform:rotate(0)}}
@media (hover:none),(pointer:coarse){.espada{display:none}}
@media (prefers-reduced-motion:reduce){.espada.golpe i{animation:none}}

/* ══ progreso y barra ══ */
.c-progreso{position:fixed;inset:0 0 auto;height:2px;z-index:60;background:var(--accent);
  transform-origin:0 50%;transform:scaleX(var(--p,0))}
@supports (animation-timeline:scroll()){
  .c-progreso{animation:c-crece linear both;animation-timeline:scroll(root block)}
}
@keyframes c-crece{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* barra de scroll: el naranja del progreso sobre un crema apenas mas oscuro */
html{--barra-pulgar:var(--accent);--barra-carril:color-mix(in oklab,var(--ink) 8%,var(--ground));
  scrollbar-color:var(--barra-pulgar) var(--barra-carril);scrollbar-width:thin;scrollbar-gutter:stable}
@media (prefers-contrast:more){html{--barra-pulgar:var(--ink);--barra-carril:var(--ground)}}
/* Safari sin scrollbar-color */
@supports not (scrollbar-color:auto){
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-thumb{background:var(--barra-pulgar);border-radius:10px}
  ::-webkit-scrollbar-track{background:var(--barra-carril)}
}
.c-barra{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;
  justify-content:space-between;padding:20px var(--der) 26px var(--izq);pointer-events:none;
  background:linear-gradient(var(--ground) 45%,color-mix(in oklab,var(--ground) 0%,transparent))}
.c-barra > *{pointer-events:auto}
.c-marca{display:block;width:42px;aspect-ratio:1;position:relative}
.c-marca i{position:absolute;inset:0;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.c-marca .a{--m:url(../marca/caras.png);background:var(--accent)}
.c-marca .b{--m:url(../marca/pliegues.png);background:color-mix(in oklab,var(--accent) 58%,var(--ground))}
.c-barra-nav{display:flex;align-items:center;gap:26px;font:500 11px/1 var(--body);letter-spacing:.2em;text-transform:uppercase}
.c-cuenta{color:var(--dim)}
.c-barra-nav a{color:var(--acc-txt);text-decoration:none;padding:10px 0;border-bottom:1px solid transparent;transition:border-color .25s}
.c-barra-nav a:hover{border-color:currentColor}

/* ══ portada ══ */
.c-portada{padding:calc(20vh + 30px) var(--der) calc(4.5*var(--rem)) var(--izq);max-width:1440px;container-type:inline-size}
.c-eyebrow{display:block;margin:0 0 26px;font:500 11px/1 var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--acc-txt)}
/* titulo al ancho disponible */
.c-titulo{margin:0 0 .2em;font:200 min(clamp(64px,11.5vw,188px),20cqi)/.9 var(--display);letter-spacing:-.03em;
  text-transform:uppercase;color:var(--ink)}
.c-bajada{margin:0 0 calc(3.2*var(--rem));max-width:24em;font:200 clamp(24px,2.6vw,40px)/1.18 var(--display);color:var(--ink)}
/* ══ caso cerrado ══ */
/* con la llave guardada, el formulario no se ve mientras se abre */
.c-con-llave .c-cerrado{visibility:hidden}
.c-cerrado{max-width:640px}
.c-cerrado-texto{margin:0 0 calc(2*var(--rem));max-width:24em;font:200 clamp(24px,2.6vw,40px)/1.18 var(--display);color:var(--ink)}
.c-cerrado-rotulo{display:block;margin:0 0 12px;font:500 11px/1 var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--acc-txt)}
.c-cerrado-fila{display:flex;flex-wrap:wrap;gap:12px}
.c-cerrado-campo{position:relative;display:flex;flex:1 1 260px;min-width:0}
.c-cerrado input{width:100%;min-width:0;margin:0;padding:15px 52px 15px 16px;border:1px solid var(--dim);border-radius:0;
  background:transparent;color:var(--ink);font:400 18px/1.2 var(--body)}
/* el ojo es propio: fuera el de Edge */
.c-cerrado input::-ms-reveal{display:none}
.c-ver{position:absolute;top:1px;right:1px;bottom:1px;display:flex;align-items:center;justify-content:center;
  width:48px;margin:0;padding:0;border:0;background:none;color:var(--dim);transition:color .2s}
.c-ver:hover,.c-ver:focus-visible{color:var(--ink)}
.c-ver:focus-visible{outline-offset:-5px}
.c-ver svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.c-ver[aria-pressed="false"] .c-ver-tachado{display:none}
.c-cerrado button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 24px;
  border:0;border-radius:0;background:var(--ink);color:var(--ground);font:500 11px/1 var(--body);letter-spacing:.26em;
  text-transform:uppercase;transition:background-color .25s}
.c-cerrado button[type="submit"]:hover,.c-cerrado button[type="submit"]:focus-visible{background:var(--acc-txt)}
.c-cerrado button[type="submit"]:hover .c-flecha,.c-cerrado button[type="submit"]:focus-visible .c-flecha{translate:5px 0}
.c-cerrado button[type="submit"][disabled]{opacity:.7}
.c-cerrado-error{min-height:1.6em;margin:14px 0 0;font:400 15px/1.6 var(--body);color:var(--acc-txt)}
.c-cerrado-pedir{margin:4px 0 0;font:400 15px/1.6 var(--body);color:var(--dim)}
.c-cerrado-pedir a{color:var(--acc-txt)}
/* en el campo, el cursor de texto */
@media (hover:hover) and (pointer:fine){html.sin-cursor body .c-cerrado input{cursor:text !important}}
.c-ficha{display:flex;flex-wrap:wrap;gap:18px 64px;margin:0 0 calc(2.4*var(--rem));padding-top:22px;border-top:1px solid var(--hair);max-width:1100px}
.c-ficha dt{margin-bottom:10px;font:500 10px/1 var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--dim)}
.c-ficha dd{margin:0;font:400 16px/1.3 var(--body);color:var(--ink)}
.c-cifras{list-style:none;margin:0;padding:0;max-width:1100px;display:grid;container-type:inline-size;
  grid-template-columns:repeat(var(--n,3),minmax(0,1fr));border-top:1px solid var(--hair)}
.c-cifras li{padding:26px 28px 4px 0}
.c-cifras li + li{padding-left:28px;border-left:1px solid var(--hair)}
/* cifras en una linea */
.c-cifras b{display:block;margin-bottom:10px;white-space:nowrap;letter-spacing:-.02em;color:var(--ink);
  font:200 min(clamp(34px,3.9vw,60px),calc((100cqi / var(--n,3) - 56px) / var(--largo,1)))/1.02 var(--display)}
.c-cifras span{display:block;font:400 14px/1.45 var(--body);color:var(--dim);text-wrap:balance}

/* ══ cuerpo ══ */
/* indice de 200: en negrita cada seccion cabe en una linea */
.c-cuerpo{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 clamp(40px,5vw,96px);max-width:1440px;
  padding:calc(4.5*var(--rem)) var(--der) calc(8*var(--rem)) var(--izq)}
.c-indice{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 140px);overflow:auto;scrollbar-width:none}
.c-indice ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--hair)}
.c-indice a{display:flex;gap:10px;margin-left:-1px;padding:7px 0 7px 16px;border-left:1px solid transparent;
  font:400 13px/1.35 var(--body);color:var(--dim);text-decoration:none;transition:color .25s,border-color .25s,font-weight .25s}
.c-indice a span{padding-top:2px;font-size:10px;letter-spacing:.12em;color:var(--acc-txt)}
.c-indice a:hover,.c-indice a[aria-current="true"]{color:var(--ink);border-left-color:var(--accent)}
/* la seccion actual, en negrita */
.c-indice a[aria-current="true"]{font-weight:600}
.c-texto{min-width:0;max-width:1040px}
.c-texto > p,.c-texto > ul,.c-texto > ol,.c-texto > h3,.c-texto > h4,.c-texto > aside,
.c-texto > blockquote,.c-seccion{max-width:var(--col-texto)}
.c-texto p{margin:0 0 1.1em}
.c-texto strong{font-weight:500;color:var(--ink)}
.c-texto a{color:var(--acc-txt);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.c-texto ul,.c-texto ol{margin:0 0 1.4em;padding-left:1.1em}
.c-texto li{margin:0 0 .6em;padding-left:.3em}
.c-texto li::marker{color:var(--accent)}
.c-seccion{margin:calc(5*var(--rem)) 0 calc(1.4*var(--rem))}
.c-texto > .c-seccion:first-child{margin-top:0}
.c-etiqueta{display:flex;align-items:baseline;gap:14px;margin:0 0 20px;padding-top:18px;border-top:1px solid var(--hair);
  font:500 11px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--acc-txt)}
.c-etiqueta span{letter-spacing:.1em;color:var(--dim)}
.c-titular{margin:0;max-width:18em;font:200 clamp(32px,3.5vw,54px)/1.08 var(--display);letter-spacing:-.015em;color:var(--ink)}
.c-subtitular{margin:2.2em 0 .7em;font:200 clamp(26px,2.4vw,36px)/1.15 var(--display);color:var(--ink)}
.c-sub{margin:2em 0 .9em;font:500 11px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}
.c-corte{margin:calc(7*var(--rem)) 0 0;max-width:none;font:200 clamp(56px,9vw,150px)/.9 var(--display);
  letter-spacing:-.03em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--ink)}
.c-nota{font-size:14px;line-height:1.55;color:var(--dim)}
.c-destacado{margin:2em 0;padding:0 0 0 26px;border-left:1px solid var(--accent)}
.c-destacado p{margin:0;font:200 clamp(24px,2.2vw,32px)/1.28 var(--display);color:var(--ink)}
.c-destacado strong{font-weight:700}
.c-aviso{display:block;margin:1.6em 0;padding:18px 22px;font-size:16px;line-height:1.55;
  background:color-mix(in oklab,var(--accent) 7%,var(--ground));border:1px solid color-mix(in oklab,var(--accent) 22%,var(--ground))}

/* ══ medios ══ */
.c-medio{margin:calc(2.6*var(--rem)) 0}
.c-medio img,.c-medio video{width:100%;border-radius:4px;background:color-mix(in oklab,var(--ink) 7%,var(--ground))}
.c-medio .es-vertical{width:auto;height:min(600px,72svh);max-width:100%}
.c-medio img:not(.es-vertical){cursor:zoom-in}
/* pie al ancho del medio */
.c-medio figcaption{margin-top:14px;font-size:14px;line-height:1.55;color:var(--dim);text-wrap:pretty}
.c-medio:has(.es-vertical){width:fit-content;max-width:100%}
.c-medio:has(.es-vertical) figcaption,.c-par figcaption{contain:inline-size}
.c-medio figcaption em{font-style:normal}
.c-par{display:flex;flex-wrap:wrap;align-items:flex-start;gap:28px;margin:calc(2.6*var(--rem)) 0}
.c-par .c-medio{flex:none;margin:0}
.c-par .es-vertical{height:min(520px,64svh)}
.c-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;
  gap:18px 32px;max-width:1040px;margin:2em 0}
/* trio alineado por filas */
.c-trio-col{display:grid;grid-row:span 3;grid-template-rows:subgrid;min-width:0}
.c-trio-texto{font-size:16px;line-height:1.6}
.c-trio-medio video,.c-trio-medio img{width:auto;height:min(560px,62svh);max-width:100%;border-radius:4px;
  background:color-mix(in oklab,var(--ink) 7%,var(--ground))}
.c-trio-pie{margin:0;font-size:14px;line-height:1.55;color:var(--dim)}
.c-trio-pie em{font-style:normal}
.c-tiendas{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:1.6em 0}
.c-tiendas img,.c-tiendas svg{display:block;height:48px;width:auto;border-radius:0;background:none}

/* ══ pausa de los videos ══ */
.c-caja-video{position:relative;display:block}
.c-caja-video:has(> .es-vertical){width:fit-content;max-width:100%}
.c-caja-video video{display:block}
.c-pausa{position:absolute;right:10px;bottom:10px;padding:8px 10px;border:0;border-radius:2px;
  background:color-mix(in oklab,#0A1A20 70%,transparent);color:#F3DCC8;
  font:500 10px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity .25s}
.c-caja-video:hover .c-pausa,.c-pausa:focus-visible,.c-pausa[aria-pressed="true"]{opacity:1}
@media (hover:none){.c-pausa{opacity:.9}}
.c-lectura{margin-left:12px;letter-spacing:.2em;color:var(--dim)}
.c-texto p,.c-texto li{text-wrap:pretty}
.c-titulo,.c-bajada,.c-titular,.c-subtitular{text-wrap:balance}

/* ══ siguiente caso y pie ══ */
.c-siguiente{display:block;padding:calc(9*var(--rem)) var(--der) calc(9*var(--rem)) var(--izq);background:#013341;color:#E8B297;text-decoration:none;container-type:inline-size}
.c-siguiente .c-eyebrow{color:#E8836A}
.c-siguiente-titulo{display:block;font:200 min(clamp(64px,11vw,180px),20cqi)/.9 var(--display);letter-spacing:-.03em;text-transform:uppercase;
  color:transparent;-webkit-text-stroke:1px #E8B297;transition:color .5s var(--ease)}
.c-siguiente:hover .c-siguiente-titulo,.c-siguiente:focus-visible .c-siguiente-titulo{color:#E8B297}
.c-siguiente-bajada{display:block;max-width:26em;margin-top:24px;font:200 clamp(22px,2vw,32px)/1.2 var(--display)}
/* flechas: adelante es todo el bloque; atras, solo su enlace */
.c-otros{position:relative}
.c-flecha{width:18px;height:10px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;
  stroke-linejoin:round;vertical-align:middle;transition:translate .35s var(--ease)}
.c-siguiente .c-flecha{margin-left:12px}
.c-siguiente:hover .c-flecha,.c-siguiente:focus-visible .c-flecha{translate:5px 0}
/* en el relleno de abajo del bloque, sin tapar la bajada */
.c-anterior{position:absolute;left:var(--izq);bottom:calc(3.5*var(--rem) - 12px);display:inline-flex;
  align-items:center;gap:12px;padding:12px 0;font:500 11px/1 var(--body);letter-spacing:.26em;
  text-transform:uppercase;color:#E8836A;text-decoration:none;transition:color .3s}
.c-anterior:hover,.c-anterior:focus-visible{color:#E8B297}
.c-anterior:hover .c-flecha,.c-anterior:focus-visible .c-flecha{translate:-5px 0}
@media (prefers-reduced-motion:reduce){.c-flecha{transition:none}}
.c-pie{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px;
  padding:calc(7*var(--rem)) var(--der) 64px var(--izq);background:#0A1A20;color:#F3DCC8}
.c-mailto{font:200 clamp(56px,10vw,160px)/.9 var(--display);text-transform:uppercase;text-decoration:none;
  color:transparent;-webkit-text-stroke:1.2px #F3DCC8;transition:color .45s var(--ease)}
.c-mailto:hover,.c-mailto:focus-visible{color:#F3DCC8}
.c-pie-enlaces{display:flex;flex-wrap:wrap;gap:28px;margin:0;font:500 11px/1 var(--body);letter-spacing:.2em;text-transform:uppercase}
.c-pie-enlaces a{color:#E8836A;text-decoration:none}

/* ══ zoom ══ */
.c-zoom{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent}
.c-zoom[open]{display:flex;align-items:center;justify-content:center}
.c-zoom::backdrop{background:color-mix(in oklab,#0A1A20 94%,transparent)}
.c-zoom img{width:auto;max-width:94vw;max-height:90vh;border-radius:2px}
.c-zoom-cerrar{position:fixed;top:22px;right:var(--der);padding:10px;border:0;background:none;color:#F3DCC8;
  font:500 11px/1 var(--body);letter-spacing:.2em;text-transform:uppercase}

:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

@media (max-width:900px){
  body{font-size:17px}
  /* tiempo de lectura en su linea */
  .c-lectura{display:block;margin:10px 0 0}
  .c-cuerpo{grid-template-columns:minmax(0,1fr)}
  .c-indice{display:none}
  .c-cifras{grid-template-columns:minmax(0,1fr)}
  .c-cifras li,.c-cifras li + li{padding:22px 0 18px;border-left:0;border-bottom:1px solid var(--hair)}
  .c-cifras b{font-size:min(clamp(34px,3.9vw,60px),calc(100cqi / var(--largo,1)))}
  /* parejas y trios deslizables */
  .c-par,.c-trio{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    margin-left:calc(-1*var(--der));margin-right:calc(-1*var(--der));padding:0 var(--der)}
  .c-par .c-medio{width:72vw;scroll-snap-align:start}
  .c-par .c-caja-video{width:100%}
  .c-par .es-vertical{width:100%;height:auto}
  .c-trio{display:grid;grid-template-columns:none;grid-template-rows:none;grid-auto-flow:column;
    grid-auto-columns:72vw;gap:22px}
  .c-trio-col{display:flex;flex-direction:column;gap:14px;grid-row:auto;scroll-snap-align:start}
  .c-trio-medio .c-caja-video{width:100%}
  .c-trio-medio video,.c-trio-medio img{width:100%;height:auto}
  .c-barra-nav .c-cuenta{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}
}