/* Marcas: línea de tiempo con láminas editoriales (ver assets/js/marcas-linea.js) */
.has-brand-history .brand-timeline,.has-brand-history .brand-carousel{display:none}
/* overflow:clip (y no hidden) para que la parte fija con sticky funcione */
.marcas.has-brand-history{overflow:clip}

.brand-chronology{margin-top:14px;color:#e8f4fb;font-size:.88rem}
.brand-chronology summary{width:max-content;max-width:100%;padding:6px 0;cursor:pointer;color:#b9e8ff;font-weight:600}
.brand-chronology summary::marker{color:#62c6f0}
.brand-chronology summary:focus-visible{outline:2px solid #fff;outline-offset:4px}
.brand-chronology ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:12px 0 26px;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.25)}
.brand-chronology li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.brand-chronology time{color:#78d2f5;font-weight:700}
.brand-chronology strong{display:block;color:#fff}
.brand-chronology p{margin:4px 0 0;color:#cfdee8;line-height:1.45}
@media(max-width:680px){.brand-chronology ol{grid-template-columns:1fr}}

.brand-history-range{display:flex;align-items:center;gap:16px;margin-top:22px;color:rgba(166,202,223,.9);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.brand-history-range b{color:#fff;font-size:1.25rem;letter-spacing:0}
.brand-history-range i{flex:0 0 56px;height:1px;background:rgba(166,202,223,.5)}

/* ---- Línea ---- */
.brand-history-track{position:relative}
.brand-history-line{position:absolute;background:rgba(166,202,223,.22)}
.brand-history-drawn{position:absolute;border-radius:3px;background:linear-gradient(90deg,rgba(24,185,255,.1),#18b9ff 12%,#d6f4ff);box-shadow:0 0 18px rgba(24,185,255,.7)}
.brand-history-drawn::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(24,185,255,.25),0 0 30px #18b9ff}
.brand-history-decade{position:absolute;pointer-events:none}
.brand-history-decade b{color:rgba(166,202,223,.7);font-size:.72rem;font-weight:500;letter-spacing:.12em}
.brand-history-hud,.brand-history-drag{display:none}

/* ---- Lámina ---- */
.brand-sheet{position:absolute;color:var(--ink)}
.brand-sheet-dot{position:absolute;z-index:3;width:18px;height:18px;border-radius:50%;background:#003e6e;border:2px solid rgba(166,202,223,.6);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}
.brand-sheet.is-reached .brand-sheet-dot{background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 25%,transparent),0 0 24px var(--accent)}
.brand-sheet-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3vw,56px);border-radius:28px;background:var(--paper);box-shadow:0 40px 80px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s ease,filter .7s ease}
.brand-sheet:not(.is-current) .brand-sheet-card{opacity:.45;filter:saturate(.55) brightness(.8);transform:scale(.94)}
.brand-sheet-card::after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 30% 20%,rgba(120,80,40,.025) 0 1px,transparent 1px 3px);pointer-events:none}
.brand-sheet-blob{position:absolute;left:-12%;top:-22%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,#fff),color-mix(in srgb,var(--accent) 30%,transparent) 55%,transparent 70%);opacity:.7;pointer-events:none}
.brand-sheet-blob.is-b{left:auto;top:auto;right:-10%;bottom:-30%;width:38%;background:radial-gradient(circle,color-mix(in srgb,var(--accent2) 30%,transparent),transparent 70%);opacity:.6}

/* Collage */
.brand-sheet-collage{position:relative;min-height:0}
.brand-sheet.is-text-only .brand-sheet-collage{display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:8px;background:rgba(255,255,255,.58)}
.brand-sheet-type{display:grid;gap:14px;width:82%;padding:18px 0;border-top:2px solid var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent) 36%,transparent);color:var(--ink)}
.brand-sheet-type span{font-size:clamp(1.25rem,3.8vh,2.5rem);font-weight:700;color:var(--accent)}
.brand-sheet-type strong{font-family:var(--brand-font);font-size:clamp(1.1rem,2.7vh,2rem);line-height:1.15;overflow-wrap:anywhere}
.brand-sheet.is-text-only .brand-sheet-sticker,.brand-sheet.is-text-only .brand-sheet-chips{display:none}
.brand-sheet-photo{position:absolute;z-index:1;display:flex;flex-direction:column;margin:0;padding:10px 10px 0;border-radius:6px;background:#fff;box-shadow:0 22px 40px -22px rgba(30,20,10,.6)}
.brand-sheet-photo img{display:block;flex:1;min-height:0;width:100%;object-fit:cover;border-radius:3px}
.brand-sheet-photo figcaption{flex:0 0 auto;padding:7px 2px 9px;font:500 italic clamp(.82rem,1.8vh,1rem)/1.15 "Cormorant Garamond",Georgia,serif;color:color-mix(in srgb,var(--ink) 75%,#fff);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-sheet-photo.p1{z-index:1}
.brand-sheet-photo.p2{z-index:3}
.brand-sheet-photo.p3{z-index:2}
.brand-sheet-photo.is-swapping img{animation:brandSheetSwap .5s ease both}
.brand-sheet-tape{position:absolute;z-index:4;width:84px;height:22px;background:color-mix(in srgb,var(--accent3) 55%,rgba(255,255,255,.6));opacity:.85;box-shadow:0 4px 10px -6px rgba(0,0,0,.4)}
.brand-sheet-sticker{position:absolute;z-index:5;display:grid;place-items:center;width:clamp(92px,13vh,124px);aspect-ratio:1;border-radius:50%;background:var(--accent);color:#fff;text-align:center;box-shadow:0 14px 26px -14px rgba(0,0,0,.55);transform:rotate(10deg)}
.brand-sheet-since{display:block;font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.brand-sheet-sticker b{display:block;font-size:clamp(1.3rem,3vh,1.7rem);letter-spacing:-.02em}

/* Tres disposiciones de collage que se alternan */
.layout-0 .p1{left:6%;top:9%;width:72%;height:58%;transform:rotate(-2.5deg)}
.layout-0 .p2{right:3%;bottom:6%;width:40%;height:40%;transform:rotate(5deg)}
.layout-0 .p3{left:2%;bottom:4%;width:40%;height:34%;transform:rotate(-6deg)}
.layout-0 .t1{left:36%;top:7%;transform:rotate(-4deg)}
.layout-0 .t2{right:18%;bottom:44%;transform:rotate(8deg)}
.layout-0 .brand-sheet-sticker{right:3%;top:4%}
.layout-1 .p1{right:4%;top:8%;width:70%;height:56%;transform:rotate(2deg)}
.layout-1 .p2{left:3%;top:5%;width:36%;height:36%;transform:rotate(-6deg)}
.layout-1 .p3{left:12%;bottom:5%;width:46%;height:36%;transform:rotate(3deg)}
.layout-1 .t1{left:52%;top:6%;transform:rotate(5deg)}
.layout-1 .t2{left:28%;bottom:38%;transform:rotate(-7deg)}
.layout-1 .brand-sheet-sticker{right:5%;bottom:7%}
.layout-2 .p1{left:8%;top:20%;width:64%;height:62%;transform:rotate(-1.5deg)}
.layout-2 .p2{right:2%;top:4%;width:38%;height:38%;transform:rotate(6deg)}
.layout-2 .p3{right:5%;bottom:3%;width:36%;height:34%;transform:rotate(-4deg)}
.layout-2 .t1{left:30%;top:18%;transform:rotate(-3deg)}
.layout-2 .t2{right:10%;top:3%;transform:rotate(9deg)}
.layout-2 .brand-sheet-sticker{left:2%;top:3%}

/* Texto */
.brand-sheet-text{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:0}
.brand-sheet-year{font-size:clamp(4rem,11vh,8.4rem);font-weight:800;line-height:.85;letter-spacing:-.06em;color:var(--accent)}
.brand-sheet-name{margin:clamp(6px,1.4vh,14px) 0 0;font-family:var(--brand-font);font-size:clamp(2rem,5.2vh,3.3rem);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--ink)}
.brand-sheet-kicker{margin:8px 0 0;font:500 italic clamp(1.15rem,2.6vh,1.5rem) "Cormorant Garamond",Georgia,serif;color:color-mix(in srgb,var(--accent) 60%,var(--ink))}
.brand-sheet-copy{max-width:44ch;margin:clamp(10px,2vh,18px) 0 0;font-size:clamp(.86rem,1.9vh,1rem);line-height:1.62;color:color-mix(in srgb,var(--ink) 85%,#fff)}
.brand-sheet-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(12px,2.2vh,22px)}
.brand-sheet-chips span{padding:6px 13px;border-radius:999px;background:#fff;color:var(--ink);font-size:.76rem;font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}
.brand-sheet-chips span:first-child{background:var(--accent);color:#fff;box-shadow:none}
.brand-sheet-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(12px,2.4vh,24px)}
.brand-sheet-thumbs button{width:clamp(44px,6.4vh,58px);aspect-ratio:1;padding:0;border:0;border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;box-shadow:0 0 0 2px #fff,0 8px 16px -10px rgba(0,0,0,.6);transition:transform .25s ease}
.brand-sheet-thumbs button:hover{transform:translateY(-3px)}
.brand-sheet-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
.brand-sheet-thumbs button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@keyframes brandSheetSwap{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}

/* ---- Escritorio: la línea de tiempo al centro, protagonista; láminas compactas arriba y abajo ---- */
.brand-history-tick,.brand-sheet-mark{display:none}
@media(min-width:981px){
  .brand-history-outer{position:relative;width:100vw;margin:30px calc(50% - 50vw) 0}
  .brand-history-sticky{--line-y:50%;--gap:64px;position:sticky;top:var(--nav-h,64px);height:calc(100svh - var(--nav-h,64px));min-height:680px;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none}
  .brand-history-sticky.is-dragging{cursor:grabbing}
  .brand-history-track{position:absolute;left:0;top:0;bottom:0;will-change:transform}

  /* Línea: base gruesa, tramo recorrido brillante, una rayita por año y décadas grandes */
  .brand-history-line{left:0;right:0;top:var(--line-y);height:4px;border-radius:4px;transform:translateY(-50%);background:rgba(166,202,223,.22)}
  .brand-history-drawn{top:var(--line-y);height:6px;transform:translateY(-50%)}
  .brand-history-drawn::after{right:-9px;top:50%;width:18px;height:18px;transform:translateY(-50%)}
  .brand-history-tick{display:block;position:absolute;top:var(--line-y);width:1px;height:10px;background:rgba(166,202,223,.4);transform:translate(-50%,-50%)}
  .brand-history-decade{top:var(--line-y);width:0;height:0}
  .brand-history-decade::before{content:"";position:absolute;left:0;top:-14px;width:2px;height:28px;border-radius:2px;background:rgba(214,244,255,.75);transform:translateX(-50%)}
  .brand-history-decade b{position:absolute;left:0;top:20px;transform:translateX(-50%);color:rgba(214,244,255,.85);font-size:.9rem;font-weight:700;letter-spacing:.08em}
  .brand-history-decade em{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.04);font-size:clamp(6rem,15vh,9.5rem);font-style:normal;font-weight:800;letter-spacing:-.06em;line-height:1;white-space:nowrap;pointer-events:none}

  /* Punto y año de cada marca, sobre la línea */
  .brand-sheet{top:0;bottom:0;left:0;width:0}
  .brand-sheet-dot{left:0;top:var(--line-y);width:22px;height:22px;transform:translate(-50%,-50%)}
  .brand-history-decade.is-tight em{display:none}
  .brand-history-decade.is-near-brand b{display:none}
  .brand-sheet-mark{display:block;position:absolute;left:0;z-index:3;transform:translateX(-50%);font-size:clamp(2.4rem,6vh,3.6rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(214,244,255,.55);transition:color .4s ease,-webkit-text-stroke-color .4s ease,text-shadow .4s ease;pointer-events:none}
  .brand-sheet.is-up .brand-sheet-mark{top:calc(var(--line-y) + 22px)}
  .brand-sheet.is-down .brand-sheet-mark{bottom:calc(100% - var(--line-y) + 22px)}
  .brand-sheet.is-reached .brand-sheet-mark{color:var(--accent);-webkit-text-stroke-color:transparent;text-shadow:0 0 30px color-mix(in srgb,var(--accent) 45%,transparent)}
  .brand-sheet.is-reached .brand-sheet-mark{filter:brightness(1.25) saturate(1.1)}

  /* Conector del punto a la lámina */
  .brand-sheet::after{content:"";position:absolute;left:0;width:2px;height:var(--gap);transform:translateX(-50%);opacity:.35;transition:opacity .4s ease}
  .brand-sheet.is-up::after{bottom:calc(100% - var(--line-y) + 11px);background:linear-gradient(transparent,var(--accent))}
  .brand-sheet.is-down::after{top:calc(var(--line-y) + 11px);background:linear-gradient(var(--accent),transparent)}
  .brand-sheet.is-reached::after{opacity:1}

  /* Lámina compacta, centrada sobre su punto */
  .brand-sheet-card{position:absolute;left:0;width:var(--sheet-w,760px);transform:translateX(-50%);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,2vw,32px);padding:clamp(16px,2.6vh,26px) clamp(20px,2.4vw,32px) clamp(16px,2.6vh,26px) clamp(10px,1vw,16px);border-radius:24px}
  .brand-sheet.is-up .brand-sheet-card{bottom:calc(100% - var(--line-y) + var(--gap) + 11px);height:calc(var(--line-y) - var(--gap) - 34px)}
  .brand-sheet.is-down .brand-sheet-card{top:calc(var(--line-y) + var(--gap) + 11px);height:calc(100% - var(--line-y) - var(--gap) - 76px)}
  .brand-sheet:not(.is-current) .brand-sheet-card{opacity:.62;filter:saturate(.7) brightness(.86);transform:translateX(-50%) scale(.96)}
  .brand-sheet.is-up:not(.is-current) .brand-sheet-card{transform-origin:50% 100%}
  .brand-sheet.is-down:not(.is-current) .brand-sheet-card{transform-origin:50% 0}
  .brand-sheet-sticker,.brand-sheet-year,.brand-sheet-thumbs{display:none}
  .brand-sheet-photo{padding:7px 7px 0;border-radius:5px}
  .brand-sheet-photo figcaption{padding:5px 2px 6px;font-size:clamp(.72rem,1.5vh,.86rem)}
  .brand-sheet-tape{width:60px;height:16px}
  .brand-sheet-name{margin:0;font-size:clamp(1.5rem,3.6vh,2.3rem)}
  .brand-sheet-kicker{margin-top:4px;font-size:clamp(1rem,2.1vh,1.2rem)}
  .brand-sheet-text{justify-content:flex-start;align-self:center;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .brand-sheet-copy{max-width:none;margin-top:clamp(6px,1.2vh,12px);font-size:clamp(.78rem,1.6vh,.9rem);line-height:1.5}
  .brand-sheet-chips{gap:6px;margin-top:clamp(8px,1.4vh,14px)}
  .brand-sheet-chips span{padding:4px 10px;font-size:.68rem}
  .brand-sheet-chips span:nth-child(n+4){display:none}

  .brand-history-hud{position:absolute;left:max(28px,calc(50vw - 562px));bottom:20px;display:flex;align-items:baseline;gap:18px;pointer-events:none}
  .brand-history-now{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
  .brand-history-hint{color:rgba(166,202,223,.85);font-size:.76rem;letter-spacing:.06em}
  .brand-history-drag{position:absolute;right:max(28px,calc(50vw - 562px));bottom:14px;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:rgba(214,244,255,.9);font-size:.76rem;pointer-events:none}
  .brand-history-drag svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .brand-sheet img{-webkit-user-drag:none}
}

/* ---- Pantallas chicas: láminas una debajo de otra ---- */
@media(max-width:980px){
  .brand-history-outer{margin-top:28px}
  .brand-history-track{padding:6px 0 6px 30px}
  .brand-history-line{left:9px;top:0;bottom:0;width:2px}
  .brand-history-drawn{left:8px;top:0;width:4px;height:0;background:linear-gradient(180deg,rgba(24,185,255,.15),#18b9ff 10%,#d6f4ff)}
  .brand-history-drawn::after{left:50%;bottom:-7px;transform:translateX(-50%)}
  .brand-sheet{position:relative;margin:0 0 30px}
  .brand-sheet-dot{left:-30px;top:40px;transform:translateX(-50%) translateX(10px)}
  .brand-sheet-card{grid-template-columns:1fr;gap:18px;padding:20px 20px 24px}
  .brand-sheet:not(.is-current) .brand-sheet-card{opacity:1;filter:none;transform:none}
  .brand-sheet-collage{height:min(78vw,360px)}
  .brand-sheet-year{font-size:3.6rem}
  .brand-history-decade{position:relative;display:block;height:24px;margin:0 0 14px}
  .brand-history-decade b{position:absolute;left:-14px;top:4px}
  .brand-history-decade em{display:none}
}
@media(prefers-reduced-motion:reduce){
  .brand-sheet-card,.brand-sheet-dot,.brand-sheet::after{transition:none}
  .brand-sheet-photo.is-swapping img{animation:none}
}

/* Marcas v1.1 — ajuste para laptops y escritorios compactos.
   Conserva la línea de tiempo y las tarjetas editoriales; mobile no cambia. */
@media (min-width:981px) {
  .marcas.has-brand-history { padding-top:36px; padding-bottom:32px; }
  .marcas .sec-head { margin-bottom:10px; }
  .marcas .intro { max-width:620px; }
  .brand-history-outer { margin-top:12px; }
  .brand-history-sticky {
    --gap:clamp(24px,3.8vh,38px);
    height:calc(100svh - var(--nav-h,64px));
    min-height:0;
  }
  .brand-sheet-card {
    gap:clamp(10px,1.4vw,22px);
    padding:clamp(12px,1.8vh,20px) clamp(14px,1.7vw,24px) clamp(12px,1.8vh,20px) clamp(9px,1vw,14px);
    border-radius:18px;
  }
  .brand-sheet.is-down .brand-sheet-card {
    height:calc(100% - var(--line-y) - var(--gap) - 52px);
  }
  .brand-sheet-name { font-size:clamp(1.35rem,3.2vh,2rem); }
  .brand-sheet-kicker { font-size:clamp(.91rem,1.85vh,1.1rem); }
  .brand-sheet-copy { font-size:clamp(.75rem,1.48vh,.86rem); line-height:1.38; }
  .brand-sheet-chips { margin-top:8px; gap:5px; }
  .brand-sheet-chips span { padding:4px 8px; font-size:.63rem; }
  .brand-sheet-mark { font-size:clamp(2rem,4.8vh,3rem); }
  .brand-history-hud { bottom:10px; }
  .brand-history-drag { bottom:8px; }
}
@media (min-width:981px) and (max-height:800px) {
  /* Laptop: la línea sube un poco, las láminas dejan aire arriba y el pie (HUD) queda libre */
  .brand-history-sticky { --line-y:47%; --gap:22px; }
  .brand-sheet.is-up .brand-sheet-card { height:calc(var(--line-y) - var(--gap) - 11px - 14px); }
  .brand-sheet.is-down .brand-sheet-card { height:calc(100% - var(--line-y) - var(--gap) - 11px - 50px); }
  .brand-sheet-name { font-size:clamp(1.2rem,3vh,1.7rem); }
  .brand-sheet-kicker { font-size:clamp(.85rem,1.7vh,1rem); margin-top:2px; }
  .brand-sheet-copy { margin-top:6px; line-height:1.34; }
  .brand-sheet-mark { font-size:clamp(1.7rem,4.2vh,2.5rem); }
  .brand-history-decade b { top:16px; font-size:.78rem; }
  .brand-history-hint { font-size:.7rem; }
  .brand-history-now { font-size:1.15rem; }
  .brand-history-drag { padding:6px 12px; font-size:.7rem; }
  .brand-sheet-chips span:nth-child(n+3) { display:none; }
  .brand-sheet-photo figcaption { font-size:.69rem; padding:3px 2px 4px; }
}


/* En pantallas angostas, el recorrido horizontal se convierte en una cronología vertical. */
@media(max-width:980px){
  .marcas.has-brand-history{padding-block:40px 52px}
  .brand-history-range{margin-top:16px;gap:12px;font-size:.7rem}
  .brand-history-range b{font-size:1.05rem}
  .brand-history-range i{flex-basis:28px}
  .brand-history-outer{margin-top:24px}
  .brand-history-sticky{position:relative;top:auto;height:auto;overflow:visible}
  .brand-history-track{padding:0 0 10px 45px}
  .brand-history-line{left:14px;width:2px;top:0;bottom:0}
  .brand-history-drawn{left:13px;width:4px;top:0;background:linear-gradient(180deg,#18b9ff,#d6f4ff);box-shadow:0 0 10px rgba(24,185,255,.42)}
  .brand-history-decade{height:26px;margin:3px 0 10px}
  .brand-history-decade b{left:0;top:2px;padding:2px 7px;border-radius:3px;background:#075078;color:#d6f4ff;font-size:.69rem;font-weight:700}
  .brand-history-decade em{display:none}
  .brand-history-tick,.brand-sheet-mark{display:none}
  .brand-sheet{position:relative;margin:0 0 22px}
  .brand-sheet-dot{left:-31px;top:26px;width:17px;height:17px;transform:translateX(-50%)}
  .brand-sheet-card{grid-template-columns:minmax(0,1fr);gap:9px;padding:12px 14px 16px;border-radius:8px;box-shadow:0 16px 28px -20px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.1)}
  .brand-sheet:not(.is-current) .brand-sheet-card{opacity:1;filter:none;transform:none}
  .brand-sheet-collage{height:clamp(145px,38vw,240px)}
  .brand-sheet.is-text-only .brand-sheet-collage{height:118px}
  .brand-sheet-text{justify-content:flex-start;min-width:0}
  .brand-sheet-year{font-size:2rem;line-height:1}
  .brand-sheet-name{margin:3px 0 0;font-size:clamp(1.4rem,5vw,1.85rem);line-height:1.08;overflow-wrap:anywhere}
  .brand-sheet-kicker{margin-top:4px;font-size:1.06rem;line-height:1.12}
  .brand-sheet-copy{max-width:none;margin-top:8px;font-size:.86rem;line-height:1.45}
  .brand-sheet-chips{gap:5px;margin-top:10px}
  .brand-sheet-chips span{padding:4px 8px;border-radius:3px;font-size:.66rem;line-height:1.25}
  .brand-sheet-chips span:nth-child(n+4){display:none}
  .brand-sheet-thumbs{gap:8px;margin-top:12px}
  .brand-sheet-thumbs button{width:42px;border-radius:4px}
  .brand-sheet-sticker{width:68px}
  .brand-sheet-sticker b{font-size:1.18rem}
  .brand-sheet-since{font-size:.48rem}
  .brand-sheet-photo{padding:6px 6px 0}
  .brand-sheet-photo figcaption{padding:4px 2px 5px;font-size:.72rem}
  .brand-sheet-tape{width:58px;height:15px}
}
@media(min-width:650px) and (max-width:980px){
  .brand-sheet-card{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:18px;min-height:256px;padding:16px}
  .brand-sheet-collage,.brand-sheet.is-text-only .brand-sheet-collage{height:100%;min-height:220px}
  .brand-sheet-text{align-self:center}
}
@media(max-width:380px){
  .marcas .wrap{padding-inline:18px}
  .brand-history-track{padding-left:39px}
  .brand-history-line{left:12px}
  .brand-history-drawn{left:11px}
  .brand-sheet-dot{left:-27px}
  .brand-sheet-card{padding:10px 12px 14px}
}

/* Identidad visual unificada: la foto y el relato son protagonistas. */
.brand-sheet{--accent:#087fb9;--ink:#123e5c;--paper:#f3f8fb}
.brand-sheet-card{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);background:var(--paper)}
.brand-sheet-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 14%,rgba(94,191,233,.19),transparent 48%),radial-gradient(circle at 90% 88%,rgba(6,122,180,.1),transparent 45%)}
.brand-sheet-card::after{display:none}
.brand-sheet-visual{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:10px;background:#e6f1f7}
.brand-sheet-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.brand-sheet-name.has-logo{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:36px}
.brand-sheet-heading-logo{display:block;width:auto;max-width:100%;height:clamp(30px,4vh,42px);object-fit:contain;object-position:left center}
.brand-sheet-name-suffix{font-family:"Libre Franklin",system-ui,sans-serif;font-size:.78rem;font-weight:700;line-height:1.1;color:#123e5c}
.brand-sheet-text{min-width:0}
.brand-sheet-name{font-family:"Libre Franklin",system-ui,sans-serif;font-weight:700;letter-spacing:0;line-height:1.13;color:#123e5c}
.brand-sheet-copy{color:#37546a;font-weight:400;line-height:1.48}
.brand-sheet-year{color:var(--accent);letter-spacing:0}
@media(min-width:981px){
  .brand-sheet-card{gap:clamp(12px,1.6vw,24px);padding:clamp(12px,1.6vh,20px)}
  .brand-sheet-name{font-size:clamp(1.27rem,2.65vh,1.8rem)}
  .brand-sheet-copy{margin-top:10px;font-size:clamp(.74rem,1.42vh,.84rem);line-height:1.42}
  .brand-sheet-text{overflow-y:auto}
}
@media(max-width:980px){
  .brand-sheet-card{grid-template-columns:1fr;gap:14px}
  .brand-sheet-visual{height:clamp(178px,47vw,300px)}
  .brand-sheet-name{font-size:clamp(1.35rem,5.4vw,1.85rem)}
  .brand-sheet-copy{font-size:.88rem;line-height:1.52}
  .brand-sheet-year{font-size:1.85rem;line-height:1.1}
}
@media(min-width:650px) and (max-width:980px){
  .brand-sheet-card{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
  .brand-sheet-visual{height:100%;min-height:230px}
}