/* Ajustes de encuadre y de tono de las radiografias.
   Antes los inyectaba el runtime del editor de Claude Design.
   Quedaron fijos aca para que la pagina no dependa de JavaScript. */
:root{
  --f-ancho: 75;
  --f-t: 0;
  --f-r: 0;
  --f-b: 0;
  --f-l: 0;
  --f-y: -4;
  --h-y: 0;
  --rx-c-hero: 1;
  --rx-b-hero: 1;
  --rx-c-retrato: 1;
  --rx-b-retrato: 1;
  --rx-c-cadera: 1.32;
  --rx-b-cadera: 0.92;
  --rx-c-plo: 1.18;
  --rx-b-plo: 1.5;
  --rx-c-sol: 1.22;
  --rx-b-sol: 1.24;
}

/* El navegador le pone 8px de margen al body por defecto. Sin resetearlo
   quedaba un marco blanco alrededor de las secciones oscuras. */
html, body { margin: 0; padding: 0; }

/* Fondo del documento en el oscuro de la marca, para que el rebote del
   scroll y cualquier zona sin seccion no se vean blancos. */
html { background: #101113; }

/* x-dc es el elemento raiz del sitio y venia sin display definido,
   o sea inline. Como bloque se comporta como corresponde. */
x-dc { display: block; }


/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/fd1395284.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/feae941b0.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/fd1395284.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/feae941b0.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/fd70bd14c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/fd2612157.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/ffc644691.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/f562fc5de.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/fe8082921.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/fcbd36c66.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/fd70bd14c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/fd2612157.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/ffc644691.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/f562fc5de.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/fe8082921.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/fcbd36c66.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/f0abcfcb0.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/f10f049d3.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/f0bb611e5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/f0abcfcb0.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/f10f049d3.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/f0bb611e5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

[data-v5] {
    container-type: inline-size;
    --serif: "Newsreader", Georgia, serif;
    --sans: "Figtree", system-ui, sans-serif;
    --mono: "JetBrains Mono", ui-monospace, monospace;
    --carbon: #17181a;
    --carbon2: #101113;
    --acento: #c99a4e;
    --acento-dk: #7a5a1e;
    --ivory: #f3f1ec;
    --piedra: #e7e4dd;
    --ink: #1a1b1d;
    --ink2: #5d6064;
    --stone: #9a9c9f;
    --rule-d: #2c2e31;
    --rule-l: #d6d3cb;
    background: var(--ivory); color: var(--ink); font-family: var(--sans);
  }
  [data-v5] *, [data-v5] *::before, [data-v5] *::after { box-sizing: border-box; }
  [data-v5] a { color: var(--acento); text-decoration: none; }
  [data-v5] :focus-visible { outline: 2px solid var(--acento); outline-offset: 3px; }
  [data-v5] [data-fill] {
    display: inline-flex; align-items: center; padding: 15px 26px; border: 0; background: var(--acento);
    font-family: var(--mono); font-size: 11.5px; letter-spacing: 0.13em; text-transform: uppercase; cursor: pointer;
    transition: transform 150ms cubic-bezier(.2,.7,.3,1), box-shadow 150ms cubic-bezier(.2,.7,.3,1);
  }
  [data-v5] [data-fill], [data-v5] a[data-fill]:hover, [data-v5] a[data-fill]:visited { color: #121212; }
  [data-v5] [data-fill]:hover { transform: translate(-3px,-3px); box-shadow: 5px 5px 0 0 rgba(243,241,236,0.32); }
  [data-v5] [data-fill]:active { transform: none; box-shadow: none; }
  [data-v5] [data-line] {
    display: inline-flex; align-items: center; padding: 15px 26px; background: none;
    border: 1px solid rgba(243,241,236,0.38); font-family: var(--mono); font-size: 11.5px;
    letter-spacing: 0.13em; text-transform: uppercase; cursor: pointer;
    transition: border-color 180ms linear, transform 150ms cubic-bezier(.2,.7,.3,1);
  }
  [data-v5] a[data-line], [data-v5] a[data-line]:visited { color: var(--ivory); }
  [data-v5] [data-line]:hover { border-color: var(--acento); transform: translateY(-2px); }
  [data-v5] [data-nl] { font-family: var(--mono); font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; white-space: nowrap; position: relative; padding-bottom: 4px; }
  [data-v5] a[data-nl], [data-v5] a[data-nl]:visited { color: var(--stone); }
  [data-v5] [data-nl]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--acento); transform: scaleX(0); transform-origin: left; transition: transform 220ms cubic-bezier(.2,.7,.3,1); }
  [data-v5] [data-nl]:hover::after { transform: scaleX(1); }
  [data-v5] a[data-nl]:hover { color: var(--ivory); }
  [data-v5] [data-bajada] span { display: block; }
  [data-v5] [data-bajada] [data-sp] { flex: 0 0 1.3em; }
  [data-v5] [data-locklogo] > [data-bajada] { flex: none; }
  [data-v5] [data-ticks] {
    height: 13px;
    background-image: repeating-linear-gradient(90deg, var(--acento) 0 1px, transparent 1px 12px);
    background-size: 100% 5px; background-position: left bottom; background-repeat: repeat-x; opacity: 0.55;
  }
  [data-v5] [data-rx="hero"] { filter: contrast(var(--rx-c-hero, 1)) brightness(var(--rx-b-hero, 1)); }
  [data-v5] [data-rx="cadera"] { filter: contrast(var(--rx-c-cadera, 1)) brightness(var(--rx-b-cadera, 1)); }
  [data-v5] [data-rx="plo"] { filter: contrast(var(--rx-c-plo, 1)) brightness(var(--rx-b-plo, 1)); }
  [data-v5] [data-rx="sol"] { filter: contrast(var(--rx-c-sol, 1)) brightness(var(--rx-b-sol, 1)); }
  [data-v5] [data-rx="retrato"] { filter: contrast(var(--rx-c-retrato, 1)) brightness(var(--rx-b-retrato, 1)); }
  [data-v5] [data-radio] { margin-top: calc(var(--h-y, 0) * 1px); }
  [data-v5] [data-foto] {
    width: calc(var(--f-ancho, 100) * 1%);
    margin-left: auto;
    margin-right: calc(var(--f-mr, 0) * 1px);
    position: relative;
    top: calc(var(--f-y, 0) * 1px);
    -webkit-mask-image:
      linear-gradient(to bottom, transparent calc(var(--f-t, 0) * 1%), #000 calc(var(--f-t, 0) * 1% + 44px)),
      linear-gradient(to top, transparent calc(var(--f-b, 0) * 1%), #000 calc(var(--f-b, 0) * 1% + 44px)),
      linear-gradient(to right, transparent calc(var(--f-l, 0) * 1%), #000 calc(var(--f-l, 0) * 1% + 44px)),
      linear-gradient(to left, transparent calc(var(--f-r, 0) * 1%), #000 calc(var(--f-r, 0) * 1% + 44px));
    mask-image:
      linear-gradient(to bottom, transparent calc(var(--f-t, 0) * 1%), #000 calc(var(--f-t, 0) * 1% + 44px)),
      linear-gradient(to top, transparent calc(var(--f-b, 0) * 1%), #000 calc(var(--f-b, 0) * 1% + 44px)),
      linear-gradient(to right, transparent calc(var(--f-l, 0) * 1%), #000 calc(var(--f-l, 0) * 1% + 44px)),
      linear-gradient(to left, transparent calc(var(--f-r, 0) * 1%), #000 calc(var(--f-r, 0) * 1% + 44px));
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }
  [data-v5] [data-foto] img { display: block; width: 100%; height: auto; }
  @keyframes v5-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
  [data-v5] [data-rev][data-in] { animation: v5-rise 700ms cubic-bezier(.2,.7,.3,1) forwards; }
  [data-v5] [data-hero] > * { animation: v5-rise 820ms cubic-bezier(.2,.7,.3,1) both; }
  [data-v5] [data-hero] > *:nth-child(2) { animation-delay: 110ms; }
  [data-v5] [data-hero] > *:nth-child(3) { animation-delay: 220ms; }
  [data-v5] [data-hero] > *:nth-child(4) { animation-delay: 330ms; }
  [data-v5] [data-hero] > *:nth-child(5) { animation-delay: 440ms; }
  [data-v5] [data-barra] {
    backdrop-filter: blur(10px);
    transform: translateY(-101%);
    visibility: hidden; opacity: 0; pointer-events: none;
    transition: transform 260ms cubic-bezier(.2,.7,.3,1), opacity 200ms linear, visibility 200ms linear;
  }
  [data-v5] [data-perch][data-pegada] [data-barra] { transform: none; visibility: visible; opacity: 1; pointer-events: auto; }
  [data-v5] [data-menu] {
    display: none; background: none; border: 0; cursor: pointer; padding: 6px 0;
    font-family: var(--mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--acento);
  }
  [data-v5] [data-panel] { display: none; }
  [data-v5] [data-panel][data-abierto] { display: block; }
  [data-v5] [data-panel] a {
    display: flex; align-items: baseline; gap: 16px; padding: 17px 0;
    border-bottom: 1px solid var(--rule-d); font-family: var(--serif); font-size: 23px; color: var(--ivory);
  }
  [data-v5] [data-panel] a > span { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; color: var(--acento); min-width: 24px; }
  [data-v5] [data-wa-fija] { display: none; transition: transform 240ms cubic-bezier(.2,.7,.3,1), opacity 240ms linear; }
  [data-v5] [data-wa-fija][data-oculta] { transform: translateY(140%); opacity: 0; pointer-events: none; }

  @container (max-width: 700px) {
    [data-v5] [data-ficha] { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
    [data-v5] [data-ficha] > div { display: flex; align-items: baseline; gap: 14px; border-bottom: 1px solid var(--rule-d); padding-bottom: 12px; }
    [data-v5] [data-ficha] > div > p:first-child { font-size: 13px !important; margin: 0 !important; }
    [data-v5] [data-ficha] > div > p:last-child { font-size: 10px !important; margin: 0 0 0 auto !important; text-align: right; }
    [data-v5] [data-deriv] { flex-direction: column !important; align-items: flex-start !important; }
    [data-v5] [data-claim] { font-size: 26px !important; }
    [data-v5] [data-wa-fija] {
      display: flex; position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 60;
      justify-content: center; box-shadow: 0 6px 24px rgba(16,17,19,0.5);
    }
    [data-v5] footer { padding-bottom: 96px !important; }
    [data-v5] [data-navlinks] { display: none !important; }
    [data-v5] [data-perch] { display: none !important; }
    [data-v5] [data-menu] { display: block; flex: 0 0 auto; }
    [data-v5] [data-head] { flex-wrap: nowrap; align-items: center; column-gap: 14px; }
    [data-v5] [data-head] > [data-fill] { display: none !important; }
    [data-v5] [data-brand] { flex: 0 1 auto; margin-right: auto; }
    [data-v5] [data-2rio] { display: none !important; }
    [data-v5] [data-radio] { display: none !important; }
    [data-v5] [data-heroblock] { padding-top: 74px !important; padding-bottom: 40px !important; }
    [data-v5] [data-foto] { margin-right: auto !important; }
    [data-v5] [data-foto] { --f-mr: 0 !important; }
    [data-v5] [data-marca] { font-size: 78px !important; letter-spacing: -0.045em !important; }
    [data-v5] [data-herocta] { margin-top: 38px !important; }
    [data-v5] [data-brand] [data-bmarca] { font-size: 19px !important; }
    [data-v5] [data-brand] [data-bbajada] { font-size: 7.5px !important; letter-spacing: 0.16em !important; margin-right: -0.16em !important; }
    [data-v5] [data-cols] { grid-template-columns: minmax(0,1fr) !important; }
    [data-v5] [data-strip] { flex-direction: column !important; }
    [data-v5] [data-strip] > * { flex: 0 0 auto !important; }
    [data-v5] [data-areas] { grid-template-columns: minmax(0, 1fr) !important; }
    [data-v5] [data-areas] > * { padding-left: 0 !important; padding-right: 0 !important; }
    [data-v5] [data-caso] { grid-template-columns: minmax(0, 1fr) !important; }
    [data-v5] [data-caso] figure { min-height: 0 !important; }
    [data-v5] [data-hito] { grid-template-columns: minmax(0, 1fr) !important; row-gap: 10px !important; }
    [data-v5] [data-pie] > p:last-child { margin-left: 0 !important; }
  }
  @container (min-width: 701px) and (max-width: 1023px) {
    [data-v5] [data-areas] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 30px !important; }
    [data-v5] [data-areas] > * { padding-left: 0 !important; padding-right: clamp(20px, 3vw, 34px) !important; }
    [data-v5] [data-hito] { grid-template-columns: 150px minmax(0, 1fr) !important; }
    [data-v5] [data-navlinks] { gap: 20px !important; }
    [data-v5] [data-heroblock] { padding-bottom: 90px !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-v5] [data-rev], [data-v5] [data-hero] > * { opacity: 1 !important; transform: none !important; animation: none !important; }
  }
/* ---- Casos: separacion entre uno y otro ---- */
[data-caso2] {
  border-top: 1px solid var(--rule-d);
  padding: clamp(44px, 5.5vw, 76px) 0;
}
[data-caso2]:first-of-type { border-top: 0; padding-top: 0; }
[data-caso2]:last-of-type { padding-bottom: clamp(20px, 2vw, 32px); }

/* ---- Cabeza: titulo y texto a la izquierda, medio a la derecha ---- */
[data-caso-cabeza] {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 30px clamp(36px, 5vw, 72px);
  align-items: start;
}

/* Cuando hay video, la fila la marca el texto: el video se estira para
   igualarlo. Se posiciona absoluto para que no imponga su propia altura. */
[data-caso-cabeza]:has(video) { align-items: stretch; }
[data-caso-media]:has(video) { position: relative; min-height: 300px; }
[data-caso-media] video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
  margin: 0;
}

/* Las placas sueltas conservan su proporcion: recortarlas seria cortar hueso */
[data-caso-media] img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 460px;
  margin: 0 auto;
}

/* ---- Galeria a ancho completo, flechas sobre la foto ---- */
[data-galeria] { position: relative; margin: 36px 0 0; }

[data-tira] {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;          /* la barra gris del navegador molesta */
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
[data-tira]::-webkit-scrollbar { display: none; }
[data-tira] img {
  height: 430px;
  width: auto;
  flex: 0 0 auto;
  scroll-snap-align: center;
  display: block;
}

[data-gal-prev], [data-gal-next] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 46px; height: 46px;
  display: none;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(16, 17, 19, .62);
  backdrop-filter: blur(6px);
  color: var(--ivory);
  cursor: pointer;
  transition: background-color .18s ease, opacity .18s ease;
}
[data-galeria][data-gal-nav-visible="1"] [data-gal-prev],
[data-galeria][data-gal-nav-visible="1"] [data-gal-next] { display: grid; }
[data-gal-prev] { left: 12px; }
[data-gal-next] { right: 12px; }
[data-gal-prev]:hover:not(:disabled),
[data-gal-next]:hover:not(:disabled) { background: rgba(16, 17, 19, .88); }
[data-gal-prev]:disabled, [data-gal-next]:disabled { opacity: 0; pointer-events: none; }
[data-gal-prev]::before, [data-gal-next]::before {
  content: "";
  width: 10px; height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}
[data-gal-prev]::before { transform: rotate(135deg); margin-left: 4px; }
[data-gal-next]::before { transform: rotate(-45deg); margin-right: 4px; }

@media (max-width: 760px) {
  [data-caso-cabeza] { grid-template-columns: minmax(0, 1fr); }
  [data-caso-cabeza]:has(video) { align-items: start; }
  [data-caso-media]:has(video) { position: static; min-height: 0; }
  [data-caso-media] video { position: static; height: auto; object-fit: contain; }
  [data-caso-media] img { max-height: none; width: 100%; }
  [data-tira] img { height: 320px; }
  [data-gal-prev] { left: 6px; }
  [data-gal-next] { right: 6px; }
}