/* Real C.D. Carabanchel: the president's pack. The tokens below are copied verbatim from the block at the top of
   clubs/carabanchel/site/assets/styles.css on 27 September, 2026. The pack defines no token of its own; the only
   change is the path of the font files, which live in the site's folder. */
:root{
  /* colour: from the crest and the kit, named */
  --c-primary:#111111;   /* el negro de los blanquinegros */
  --c-secondary:#f1ede4; /* papel de archivo */
  --c-ink:#141414;
  --c-paper:#fbfaf7;
  --c-accent:#a81818;    /* el rojo de la cruz de Santiago, tomado del escudo */
  --c-gold:#887840;      /* el oro de la corona, solo para filetes */
  --c-muted:#5f5b55;
  --c-line:#d8d2c6;
  --c-ok:#2f6b3a;        /* estados, derivados del tono del escudo */
  --c-warn:#8a5a10;
  --c-bad:#a81818;
  --c-paper-line:rgba(251,250,247,.18); /* filete sobre negro */
  --c-paper-line-strong:rgba(251,250,247,.4);
  --c-shade:rgba(0,0,0,.5);
  /* type: two self-hosted faces, one scale on one ratio (1.2) */
  --f-display:"Archivo","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --f-body:"Newsreader",Georgia,"Times New Roman",serif;
  --t-0:clamp(.78rem,.74rem + .2vw,.88rem);
  --t-1:clamp(1.02rem,.96rem + .3vw,1.16rem);
  --t-2:clamp(1.2rem,1.1rem + .5vw,1.38rem);
  --t-3:clamp(1.44rem,1.3rem + .8vw,1.66rem);
  --t-4:clamp(1.73rem,1.5rem + 1.3vw,2.1rem);
  --t-5:clamp(2.07rem,1.7rem + 2.2vw,2.9rem);
  --t-6:clamp(2.5rem,1.8rem + 4.2vw,4.4rem);
  --t-7:clamp(2.6rem,1rem + 8.4vw,7rem);
  --t-nav:.8rem;
  --lh-tight:1.02; --lh-head:1.12; --lh-body:1.55;
  /* space, radius, shadow, motion */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem; --s-6:2rem; --s-7:3rem; --s-8:4.5rem; --s-9:7rem;
  --r-a:2px; --r-b:10px;
  --sh-a:0 1px 2px rgba(17,17,17,.14);
  --sh-b:0 18px 44px -20px rgba(17,17,17,.38);
  --ease:cubic-bezier(.2,.7,.2,1);
  --d-1:.18s; --d-2:.45s; --d-3:.95s;
  --wrap:74rem; --measure:66ch;
}

@font-face{font-family:"Archivo";src:url(../../site/assets/fonts/archivo-normal.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url(../../site/assets/fonts/archivo-italic.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:italic;font-display:swap}
@font-face{font-family:"Newsreader";src:url(../../site/assets/fonts/newsreader-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(../../site/assets/fonts/newsreader-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}

/* base, as on the site */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--c-paper);color:var(--c-ink);font-family:var(--f-body);font-size:var(--t-1);line-height:var(--lh-body);font-optical-sizing:auto;overflow-x:clip}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:var(--c-accent);text-decoration-thickness:.08em;text-underline-offset:.16em}
a:hover{color:var(--c-accent)}
:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px;border-radius:var(--r-a)}
h1,h2,h3{font-family:var(--f-display);font-weight:800;font-stretch:88%;line-height:var(--lh-head);letter-spacing:-.012em;margin:0 0 var(--s-4);text-wrap:balance}
h1{font-size:var(--t-6)} h2{font-size:var(--t-4)} h3{font-size:var(--t-2)}
p,li,td,th,figcaption{text-wrap:pretty}
p{margin:0 0 var(--s-4)}
ul,ol{margin:0 0 var(--s-4);padding-left:1.2em}
.wrap{width:min(100% - 2rem,var(--wrap));margin-inline:auto}
.skip{position:absolute;left:var(--s-4);top:-4rem;background:var(--c-primary);color:var(--c-paper);padding:var(--s-2) var(--s-4);border-radius:var(--r-a);z-index:50;font-family:var(--f-display)}
.skip:focus{top:var(--s-4)}
.kicker{font-family:var(--f-display);font-stretch:78%;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:var(--t-0);color:var(--c-accent);margin:0 0 var(--s-3)}
.lede{font-size:var(--t-2);max-width:var(--measure)}
.muted{color:var(--c-muted)}
/* the English line for the business-case reader, one per item, under the Spanish */
.en{font-family:var(--f-display);font-stretch:88%;font-size:var(--t-0);color:var(--c-muted);margin:0 0 var(--s-4);max-width:var(--measure)}
.en::before{content:"EN";font-weight:700;letter-spacing:.12em;margin-right:.7em;color:var(--c-gold)}
/* owner-fill: what the club writes in, in brackets and marked */
.fill{color:var(--c-muted);border-bottom:1px dashed var(--c-gold)}
.tag{display:inline-block;font-family:var(--f-display);font-stretch:80%;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:var(--t-0);color:var(--c-muted);border:1px dashed var(--c-gold);padding:.3em .7em;margin-right:.6em;vertical-align:.15em}
/* a single page of the pack (the signature): one measure, room above and below */
.page{padding-block:var(--s-6) var(--s-8);max-width:var(--measure)}
.page h2{margin-top:var(--s-6)}

/* ---------- the front page: a folder ---------- */
.masthead{background:var(--c-paper);border-bottom:1px solid var(--c-line)}
.masthead__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding-block:var(--s-3)}
.brand{display:flex;align-items:center;gap:var(--s-3);text-decoration:none;min-width:0}
.brand img{width:2.75rem;height:2.75rem;flex:none}
.brand__name{font-family:var(--f-display);font-weight:800;font-stretch:80%;font-size:var(--t-2);line-height:1;letter-spacing:-.01em;white-space:nowrap}
.brand__since{display:block;font-family:var(--f-display);font-stretch:75%;font-weight:500;font-size:var(--t-0);letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);margin-top:.2rem}
.masthead__tag{font-family:var(--f-display);font-stretch:80%;font-weight:700;font-size:var(--t-0);text-transform:uppercase;letter-spacing:.12em;color:var(--c-muted);text-align:right}

.cover{background:var(--c-primary);color:var(--c-paper);padding-block:var(--s-7);position:relative}
.cover::after{content:"";position:absolute;inset:auto 0 0 0;height:6px;background:var(--c-accent)}
.cover .kicker{color:var(--c-secondary)}
.cover h1{font-size:var(--t-6);text-transform:uppercase;font-stretch:100%;font-weight:850;letter-spacing:-.02em;line-height:.95;margin-bottom:var(--s-4)}
.cover .lede{color:var(--c-secondary);margin-bottom:var(--s-3)}
.cover .en{color:var(--c-secondary);opacity:.85}
.contents{list-style:none;margin:var(--s-6) 0 0;padding:0;border-top:1px solid var(--c-paper-line);max-width:var(--measure)}
.contents li{border-bottom:1px solid var(--c-paper-line)}
.contents a{display:block;padding:var(--s-3) 0;text-decoration:none;font-family:var(--f-display);font-weight:700;font-stretch:90%;font-size:var(--t-2);line-height:1.15;transition:padding-left var(--d-1) var(--ease),color var(--d-1) var(--ease)}
.contents a:hover{padding-left:var(--s-3);color:var(--c-secondary)}

.item{padding-block:var(--s-7);border-bottom:1px solid var(--c-line)}
.item--tint{background:var(--c-secondary)}
.item__head{max-width:var(--measure);margin-bottom:var(--s-5)}
.item__head h2{margin-bottom:var(--s-3)}
.item__head p{margin-bottom:var(--s-3)}
.note{border:1px dashed var(--c-gold);border-radius:var(--r-a);padding:var(--s-3) var(--s-4);color:var(--c-muted);font-size:var(--t-0);font-family:var(--f-display);font-stretch:88%;max-width:var(--measure)}
.files{list-style:none;margin:var(--s-5) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.files a{display:inline-block;font-family:var(--f-display);font-weight:700;font-stretch:88%;font-size:var(--t-0);letter-spacing:.04em;text-decoration:none;border:2px solid var(--c-primary);border-radius:var(--r-a);padding:.6em .9em;transition:background var(--d-1) var(--ease),color var(--d-1) var(--ease)}
.files a:hover{background:var(--c-primary);color:var(--c-paper)}
.files a.files__main{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-paper)}
.files a.files__main:hover{background:var(--c-primary);border-color:var(--c-primary)}

/* renders shown on the page */
.preview{display:grid;gap:var(--s-5);align-items:start}
.torneos__preview{display:block;max-width:14rem;margin:0 0 var(--s-4)}
.torneos__preview img{display:block;width:100%;height:auto;box-shadow:var(--sh-b)}
.preview img{box-shadow:var(--sh-b)}
.preview--paper img{border:1px solid var(--c-line)}
.preview figure{margin:0}
.preview figcaption{font-family:var(--f-display);font-stretch:85%;font-size:var(--t-0);color:var(--c-muted);margin-top:var(--s-2);letter-spacing:.04em;text-transform:uppercase}

/* the tournaments list */
.torneos{list-style:none;margin:0;padding:0;border-top:1px solid var(--c-line)}
.torneos>li{border-bottom:1px solid var(--c-line);padding:var(--s-5) 0;display:grid;gap:var(--s-2)}
.torneos>li>b{font-family:var(--f-display);font-weight:800;font-stretch:90%;font-size:var(--t-3);line-height:1.05;letter-spacing:-.01em}
.torneos .torneos__who{margin:0}
.torneos .torneos__meta{margin:0;font-family:var(--f-display);font-stretch:80%;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:var(--t-0);color:var(--c-accent)}
.torneos .files{margin-top:var(--s-2)}

.footer{background:var(--c-primary);color:var(--c-secondary);padding-block:var(--s-7) var(--s-6)}
.footer a{color:var(--c-paper)}
.footer__grid{display:grid;gap:var(--s-6)}
.footer h2{font-size:var(--t-2);color:var(--c-paper);margin-bottom:var(--s-3)}
.footer p{margin:0 0 var(--s-2)}
.footer__legal{margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--c-paper-line);display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);font-family:var(--f-display);font-stretch:85%;font-size:var(--t-0);letter-spacing:.04em}
.footer .en{color:var(--c-secondary);opacity:.8;margin:0}

/* ---------- image slots: a fixed name each; the typographic version until the image exists ---------- */
.slot{position:relative;margin:0;background:var(--c-primary);color:var(--c-paper);overflow:hidden}
.slot::before{content:"";position:absolute;inset:10px;border:1px solid var(--c-gold);opacity:.75;pointer-events:none;z-index:3}
.slot__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slot__empty{display:none;position:absolute;inset:0;place-content:center;justify-items:center;text-align:center;padding:var(--s-5);z-index:2}
.slot--empty .slot__empty{display:grid}
.slot__crest{width:38%;max-width:14rem;margin:0 auto var(--s-4);filter:drop-shadow(0 18px 26px var(--c-shade))}
.slot__label{font-family:var(--f-display);font-stretch:80%;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:var(--t-0);color:var(--c-secondary);margin:0;border:1px dashed var(--c-gold);display:inline-block;padding:.5em .9em}
.slot__cap{position:absolute;inset:auto 0 0 0;padding:var(--s-5) var(--s-4) var(--s-4);background:linear-gradient(transparent,var(--c-shade));display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);font-family:var(--f-display);font-stretch:85%;z-index:2}
.slot__cap b{font-weight:800;font-size:var(--t-1)}
.slot__cap span{font-size:var(--t-0);letter-spacing:.08em;text-transform:uppercase;color:var(--c-secondary)}
.set{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-4)}
/* the kit set, each frame in its image's own format (portrait, landscape, square): one column on the phone,
   each image whole; from 48em the portrait on the left with the other two stacked beside it */
.set--kit .slot{aspect-ratio:4/5}
.set--kit .slot--wide{aspect-ratio:16/9}
.set--kit .slot--square{aspect-ratio:1/1}

/* ---------- the email signature: what a mail program can show, so the fallback faces on purpose ---------- */
.sig-box{background:var(--c-paper);border:1px solid var(--c-line);padding:var(--s-5);box-shadow:var(--sh-a);max-width:34rem}
.sig{border-collapse:collapse;font-family:"Arial Narrow",Arial,Helvetica,sans-serif;color:var(--c-ink);font-size:14px;line-height:1.35}
.sig td{padding:0;vertical-align:top;text-wrap:initial}
.sig__crest{padding-right:16px}
.sig__crest img{width:64px;height:64px}
.sig__body{border-left:3px solid var(--c-accent);padding-left:16px}
.sig__name{font-size:16px;font-weight:700}
.sig__role{color:var(--c-muted)}
.sig__club{font-family:Georgia,"Times New Roman",serif;font-style:italic;padding-top:6px}
.sig__links{padding-top:6px;font-size:13px;color:var(--c-muted)}
.sig__links a{color:var(--c-ink);text-decoration:none}
.code{background:var(--c-primary);color:var(--c-secondary);font-family:Consolas,"Courier New",monospace;font-size:var(--t-0);line-height:1.5;padding:var(--s-4) var(--s-5);overflow-x:auto;white-space:pre;border-radius:var(--r-a)}

/* ---------- the social pieces: fixed formats, the type set to the format ---------- */
.piece{overflow:hidden;background:var(--c-primary);color:var(--c-paper)}
.card{position:relative;width:100%;height:100%;padding:72px 80px 84px;display:grid;grid-template-rows:auto auto 1fr auto auto;justify-items:center;text-align:center}
/* the picture slot is a 16:9 band across the top, fading into the black where the score sits */
.card__bg{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.card__shade{position:absolute;inset:0 0 auto 0;aspect-ratio:16/9;background:linear-gradient(180deg,var(--c-shade),transparent 35%,var(--c-primary))}
.card__head,.card__comp,.card__score,.card__meta,.card__season{position:relative}
.card__head{display:grid;justify-items:center}
.card__crest{width:170px;height:170px;filter:drop-shadow(0 18px 26px var(--c-shade))}
.card__club{font-family:var(--f-display);font-weight:800;font-stretch:80%;font-size:38px;line-height:1;text-transform:uppercase;letter-spacing:.02em;margin:22px 0 0}
.card__since{font-family:var(--f-display);font-stretch:75%;font-weight:600;text-transform:uppercase;letter-spacing:.18em;font-size:20px;color:var(--c-secondary);margin:8px 0 0}
.card__comp{font-family:var(--f-display);font-stretch:78%;font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:26px;color:var(--c-paper);background:var(--c-accent);display:inline-block;padding:.4em .9em .3em;margin:44px 0 0}
.card__score{display:grid;align-self:center;justify-items:center;row-gap:14px}
.card__team{font-family:var(--f-display);font-weight:600;font-stretch:82%;text-transform:uppercase;font-size:52px;line-height:1;letter-spacing:.01em;margin:0;color:var(--c-secondary)}
.card__team--us{font-weight:850;color:var(--c-paper)}
.card__num{font-family:var(--f-display);font-weight:850;font-stretch:104%;font-size:300px;line-height:.82;letter-spacing:-.04em;margin:0;font-variant-numeric:tabular-nums}
.card__num span{color:var(--c-accent);font-weight:300;font-stretch:80%;font-size:.55em;vertical-align:.14em;margin:0 .06em}
.card__meta{font-family:var(--f-body);font-style:italic;font-size:30px;line-height:1.3;color:var(--c-secondary);margin:26px 0 0}
.card__season{font-family:var(--f-display);font-stretch:80%;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:20px;color:var(--c-secondary);opacity:.7;margin:12px 0 0}
.card::after{content:"";position:absolute;inset:auto 0 0 0;height:12px;background:var(--c-accent)}
.card--story{padding:150px 96px 170px}
.card--story .card__crest{width:260px;height:260px}
.card--story .card__club{font-size:46px;margin-top:30px}
.card--story .card__since{font-size:24px}
.card--story .card__comp{font-size:30px;margin-top:70px}
.card--story .card__team{font-size:64px}
.card--story .card__score{row-gap:24px}
.card--story .card__num{font-size:380px}
.card--story .card__meta{font-size:36px;margin-top:40px}
.card--story .card__season{font-size:24px;margin-top:16px}
.card--story::after{height:16px}

/* the team photo: a 3:2 photo over a band, the whole a square post */
.photo{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr}
.slot--photo{aspect-ratio:3/2;min-height:0}
.slot--photo .slot__crest{width:26%;max-width:none}
.slot--photo .slot__label{font-size:24px}
.photo__band{display:grid;grid-template-columns:auto 1fr;column-gap:32px;row-gap:16px;align-items:center;align-content:center;padding:32px 64px 34px;background:var(--c-primary);color:var(--c-paper);border-top:10px solid var(--c-accent)}
.photo__crest{width:140px;height:140px}
.photo__t{font-family:var(--f-display);font-weight:850;font-stretch:88%;text-transform:uppercase;font-size:52px;line-height:.98;letter-spacing:-.01em;margin:0}
.photo__m{font-family:var(--f-body);font-style:italic;font-size:28px;color:var(--c-secondary);margin:10px 0 0}
.photo__team{font-family:var(--f-display);font-stretch:80%;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:22px;color:var(--c-secondary);margin:14px 0 0}
.photo__club{grid-column:1 / -1;margin:0;padding-top:16px;border-top:1px solid var(--c-paper-line);font-family:var(--f-display);font-stretch:78%;font-weight:600;text-transform:uppercase;letter-spacing:.18em;font-size:18px;color:var(--c-secondary);opacity:.8}

/* ---------- the print pieces: the sheet is the page ---------- */
.print{margin:0;background:transparent;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.sheet{position:relative;overflow:hidden;font-family:var(--f-body);color:var(--c-ink);page-break-after:avoid}
.sheet--a4{width:210mm;height:297mm;padding:20mm 20mm 14mm}
.sheet--a3{width:297mm;height:420mm}
.sheet--a5{width:148mm;height:210mm}

.lh{display:grid;grid-template-rows:auto 1fr auto;height:100%}
.lh__head{display:grid;grid-template-columns:22mm 1fr;column-gap:6mm;align-items:center;padding-bottom:5mm;border-bottom:.4mm solid var(--c-gold)}
.lh__crest{width:22mm;height:22mm}
.lh__name{font-family:var(--f-display);font-weight:800;font-stretch:84%;font-size:20pt;line-height:1;letter-spacing:-.01em;text-transform:uppercase;margin:0}
.lh__since{font-family:var(--f-display);font-stretch:78%;font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:8pt;color:var(--c-accent);margin:2.2mm 0 0}
.lh__body{padding-top:14mm;font-size:11pt;line-height:1.5;max-width:160mm}
.lh__body p{margin:0 0 5mm}
.lh__to{margin-bottom:10mm}
.lh__signer{margin-top:14mm}
.lh__foot{border-top:.6mm solid var(--c-accent);padding-top:3mm;font-family:var(--f-display);font-stretch:85%;font-size:8pt;letter-spacing:.03em;color:var(--c-muted);line-height:1.5}
.lh__foot p{margin:0}
.lh .tag{font-size:7pt;padding:.6mm 1.6mm;margin-right:2mm;border-width:.3mm}

/* ---------- the join-the-club poster and flyer. A picture bleeding off the top and the sides, the club's own
   question as the one big element on the club's black, the two ways in, the code with one line of instruction.
   The sheets carry 3 mm of bleed on every side (A3 303 by 426 mm, A5 154 by 216 mm); nothing that matters sits
   nearer than 13 mm (A3) or 11 mm (A5) to the sheet's edge. Type in points from each sheet's floor, 14pt on A3
   and 9pt on A5; no rule under 0.25pt. The flyer's back carries the club's published details in full. ---------- */
.unete{position:relative;overflow:hidden;background:var(--c-primary);color:var(--c-paper);display:grid;grid-template-rows:minmax(0,1fr) auto}
.unete--a3{width:303mm;height:426mm}
.unete--a5{width:154mm;height:216mm}
.unete+.unete{break-before:page}
.unete__foto{grid-row:1;position:relative;overflow:hidden;min-height:0;margin:0}
.unete__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.unete__banda{grid-row:2;position:relative;background:var(--c-primary);display:grid;align-content:end}
.unete__banda::before{content:"";position:absolute;left:0;right:0;bottom:100%;background:linear-gradient(to top,var(--c-primary) 0,var(--c-primary) 28%,transparent 100%);pointer-events:none}
.unete__sello{font-family:var(--f-display);font-stretch:78%;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--c-secondary);margin:0;line-height:1.2}
.unete__titulo{font-family:var(--f-display);font-weight:850;font-stretch:80%;text-transform:uppercase;line-height:.92;letter-spacing:-.03em;margin:0;color:var(--c-paper);text-wrap:balance}
.unete__filete{border:0;background:var(--c-accent);margin:0}
.unete__vias{display:grid;grid-template-columns:1fr 1fr}
.unete__via h2{font-family:var(--f-display);font-weight:800;font-stretch:84%;text-transform:uppercase;letter-spacing:.02em;margin:0;color:var(--c-paper);line-height:1.1}
.unete__via p{font-family:var(--f-body);color:var(--c-secondary);margin:0;line-height:1.3;text-wrap:pretty}
.unete__via b{font-family:var(--f-display);font-weight:700;font-stretch:88%;color:var(--c-paper)}
.unete__pie{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.unete__club{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}
.unete__escudo{filter:drop-shadow(0 18px 26px var(--c-shade))}
.unete__donde{font-family:var(--f-display);font-stretch:85%;font-weight:600;color:var(--c-secondary);margin:0;line-height:1.3}
.unete__donde b{display:block;font-weight:800;color:var(--c-paper)}
.unete__codigo{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:right}
.unete__codigo img{background:var(--c-paper);border-radius:var(--r-a)}
.unete__como{margin:0;font-family:var(--f-display);font-stretch:86%;font-weight:600;color:var(--c-paper);line-height:1.25;display:grid;justify-items:end}
.unete__como span{display:block;text-wrap:balance}
.unete__url{font-stretch:78%;font-weight:700;color:var(--c-secondary)}

/* A3: the poster read from three metres */
.unete--a3 .unete__banda{padding:0 13mm 13mm}
.unete--a3 .unete__banda::before{height:44mm}
.unete--a3 .unete__sello{font-size:14pt;margin-bottom:5mm}
.unete--a3 .unete__titulo{font-size:84pt}
.unete--a3 .unete__filete{height:2.2mm;width:42mm;margin:6mm 0 8mm}
.unete--a3 .unete__vias{column-gap:14mm}
.unete--a3 .unete__via h2{font-size:24pt;margin-bottom:3mm}
.unete--a3 .unete__via p{font-size:17pt}
.unete--a3 .unete__pie{margin-top:12mm;column-gap:14mm}
.unete--a3 .unete__club{column-gap:6mm}
.unete--a3 .unete__escudo{width:26mm;height:26mm}
.unete--a3 .unete__donde{font-size:14pt}
.unete--a3 .unete__donde b{font-size:17pt}
.unete--a3 .unete__codigo{column-gap:6mm}
.unete--a3 .unete__codigo img{width:50mm;height:50mm;padding:3.5mm}
.unete--a3 .unete__como{font-size:14pt;max-width:74mm;row-gap:3mm}

/* A5: the flyer in the hand, the same front; the back on paper with the details */
.unete--a5 .unete__banda{padding:0 11mm 11mm}
.unete--a5 .unete__banda::before{height:24mm}
.unete--a5 .unete__sello{font-size:9pt;margin-bottom:2.5mm}
.unete--a5 .unete__titulo{font-size:40pt}
.unete--a5 .unete__filete{height:1.4mm;width:22mm;margin:4mm 0 4.5mm}
.unete--a5 .unete__vias{column-gap:6mm}
.unete--a5 .unete__via h2{font-size:12pt;margin-bottom:1.5mm}
.unete--a5 .unete__via p{font-size:9.5pt}
.unete--a5 .unete__pie{margin-top:6mm;column-gap:4mm}
.unete--a5 .unete__club{column-gap:3mm}
.unete--a5 .unete__escudo{width:12mm;height:12mm}
.unete--a5 .unete__donde{font-size:9pt}
.unete--a5 .unete__donde b{font-size:10.5pt}
.unete--a5 .unete__codigo{column-gap:3mm}
.unete--a5 .unete__codigo img{width:32mm;height:32mm;padding:2.5mm}
.unete--a5 .unete__como{font-size:9pt;max-width:36mm;row-gap:1.5mm}

.unete--dorso{background:var(--c-paper);color:var(--c-ink);grid-template-rows:auto auto minmax(0,1fr) auto;align-content:start;border-top:3mm solid var(--c-accent);padding:9mm 11mm 11mm}
.unete__cab{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:3.5mm;padding-bottom:3mm;border-bottom:.4mm solid var(--c-line);margin-bottom:4mm}
.unete__cab img{width:14mm;height:14mm}
.unete__cab p{font-family:var(--f-display);font-stretch:84%;font-weight:800;font-size:11pt;line-height:1.15;margin:0}
.unete__cab span{display:block;font-size:9pt;font-weight:600;font-stretch:78%;text-transform:uppercase;letter-spacing:.14em;color:var(--c-accent);margin-top:1mm}
.unete__bloque h2{font-family:var(--f-display);font-weight:800;font-stretch:84%;text-transform:uppercase;font-size:13pt;line-height:1.1;letter-spacing:0;margin:0 0 2mm;padding-bottom:1.2mm;border-bottom:.6mm solid var(--c-accent)}
.unete__lead{font-weight:600;font-size:9.5pt;line-height:1.35;margin:0 0 1.5mm}
.unete__bloque p,.unete__bloque li{font-size:9pt;line-height:1.35;margin:0}
.unete__bloque ul{margin:0 0 1.5mm;padding-left:3.5mm}
.unete__bloque p+p{margin-top:1.2mm}
.unete__link{font-family:var(--f-display);font-stretch:88%;font-weight:600;margin-top:1.5mm}
.unete__link b{color:var(--c-accent);font-weight:800}
.unete__bloque--socios{margin-top:4.5mm}
.unete__precios{width:100%;border-collapse:collapse;font-size:9pt;margin:1mm 0 2mm}
.unete__precios td{border-bottom:.25mm solid var(--c-line);vertical-align:top;padding:1mm 0;line-height:1.3}
.unete__precios td:nth-child(1){font-family:var(--f-display);font-weight:700;font-stretch:88%;padding-right:3mm}
.unete__precios td:nth-child(2){font-family:var(--f-display);font-weight:800;text-align:right;white-space:nowrap;padding-right:4mm}
.unete__precios td:nth-child(3){color:var(--c-muted)}
.unete__pie-dorso{align-self:end;border-top:.4mm solid var(--c-line);padding-top:2.5mm;font-family:var(--f-display);font-stretch:85%;font-size:9pt;line-height:1.35;color:var(--c-muted)}
.unete__pie-dorso p{margin:0}
.unete__pie-dorso b{color:var(--c-ink);font-weight:800}

/* ---------- motion off, and the wider page ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}
@media (min-width:48em){
  .set--kit{grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto}
  .set--kit li:first-child{grid-row:1 / 3;display:grid}
  .set--kit li:first-child .slot{aspect-ratio:auto;min-height:0}
  .preview--result{grid-template-columns:1fr .5625fr;align-items:start}
  .preview--print{grid-template-columns:1fr 1fr}
  .preview--unete{grid-template-columns:1fr .705fr .705fr;align-items:start}
  .footer__grid{grid-template-columns:1fr 1fr}
  .torneos>li{grid-template-columns:12rem 1fr 1fr;column-gap:var(--s-6)}
  .torneos>li>b{grid-column:2 / -1}
  .torneos .files{grid-column:2 / -1}
  .torneos__preview{grid-row:1 / span 3;max-width:none;margin:0}
}
@media (min-width:60em){
  .cover{padding-block:var(--s-8)}
  .footer__grid{grid-template-columns:1.2fr 1fr 1fr}
}

/* The three kits of the season (28 September, 2026): the club's kits, as the site shows them, before the season's images. */
.set--tres{margin-bottom:var(--s-4)}
.set--tres .slot{aspect-ratio:3/4}
@media (min-width:48em){
  .set--tres{grid-template-columns:repeat(3,1fr)}
}
.item__head .slot--photo{margin-top:var(--s-4);max-width:40rem} /* the trophy picture in the tournaments section (28 September, 2026) */