/* Sala de prensa (24-10-2026): nota, datos clave, capturas, logotipos, vídeo y contacto. Se carga con extraHead junto a hero.css. Colores solo por tokens (claro y oscuro). */
.pr{padding-block:0 clamp(3rem,6vw,5rem)}
.pr-sec{padding-block:clamp(1.8rem,4vw,3.2rem);border-block-start:1px solid var(--line)}
.pr-sec:first-child{border-block-start:0}
.pr-sec-h{margin-block-end:1.2rem;max-inline-size:62ch}
.pr-sec-h h2{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.5rem);margin:0 0 .3em}
.pr-sec-h p{margin:0;color:var(--muted)}
.pr-spec{font:500 .74rem/1.4 var(--ff-mono);letter-spacing:.03em;color:var(--muted)}
.pr .btn svg{flex:none}
.pr .btn:focus-visible,.pr a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* nota de prensa */
.pr-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem .8rem;margin-block-end:1.2rem}
.pr-copy[hidden]{display:none}
.pr-copy.is-done{background:var(--verd);border-color:var(--verd);color:#fff}
:root[data-theme="dark"] .pr-copy.is-done{color:var(--night)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pr-copy.is-done{color:var(--night)}}
.pr-others{flex:1 1 100%;margin:0;font-size:.9rem;color:var(--muted)}
.pr-others a{color:var(--ink);font-weight:600}
.pr-note{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.3rem,3.4vw,3rem);box-shadow:var(--shadow)}
.pr-note>*{max-inline-size:44rem;margin-inline:0}
.pr-note>.pr-hl,.pr-note>.pr-sf{max-inline-size:54rem}
.pr-note p{font-size:clamp(1.02rem,.98rem + .25vw,1.14rem);line-height:1.68;margin:0 0 1.15em;overflow-wrap:break-word}
.pr-label{font:600 .76rem/1 var(--ff-mono)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);display:flex;align-items:center;gap:.65rem;margin-block-end:1.4rem!important}
.pr-label::before{content:"";inline-size:1.5rem;block-size:2px;border-radius:2px;background:var(--fang)}
.pr-hl{font-size:clamp(1.75rem,1.2rem + 2.1vw,2.7rem);line-height:1.1;letter-spacing:-.025em;margin:0 0 .55em;text-wrap:balance}
.pr-note .pr-sf{font-size:clamp(1.12rem,1.04rem + .4vw,1.3rem);line-height:1.5;color:color-mix(in oklch,var(--ink) 78%,var(--bg));font-weight:500;padding-block-end:1.3rem;margin-block-end:1.6em;border-block-end:1px solid var(--line)}
.pr-blk{margin-block-start:2rem;padding-block-start:1.3rem;border-block-start:1px solid var(--line)}
.pr-blk h4{font:600 .78rem/1.2 var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .7rem}
.pr-blk p{margin:0}
.pr-note .pr-lines{line-height:1.7;overflow-wrap:anywhere}
.pr-note a{color:var(--accent-ink);text-underline-offset:.2em}

/* datos clave */
.pr-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:.8rem;margin:0}
.pr-fact{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.1rem 1.2rem 1.15rem;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:.5rem;min-inline-size:0}
.pr-fact dt{font:500 .74rem/1.35 var(--ff-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.pr-fact dd{margin:0;font:400 clamp(2.4rem,1.9rem + 2vw,3.6rem)/1 var(--ff-display);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:lining-nums}
.pr-fact.is-date dd{font-size:clamp(1.35rem,1.15rem + .8vw,1.8rem);line-height:1.15;letter-spacing:-.02em;padding-block:.35rem .1rem}
.pr-fact:nth-child(3n+1) dd{color:var(--accent-ink)}

/* imágenes */
.pr-zip{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.1rem;margin-block-end:.9rem}
.pr-zip p{margin:0;color:var(--muted);font-size:.95rem;flex:1 1 280px}
.pr-credit-note{font-size:.86rem;color:var(--muted);max-inline-size:78ch;margin-block-end:1.6rem}
.pr-credit-note a{color:var(--accent-ink)}
.pr-sub-h{font:600 1.05rem/1.3 var(--ff);letter-spacing:0;margin:1.6rem 0 .8rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem}
.pr-shots{display:grid;gap:1rem}
.pr-shots--desk{grid-template-columns:repeat(3,minmax(0,1fr))}
.pr-shots--mob{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),300px))}
.pr-shot{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;min-inline-size:0}
.pr-shot-img{display:block;background:var(--surface-2);border-block-end:1px solid var(--line);overflow:hidden}
.is-desk .pr-shot-img{aspect-ratio:16/9}
.is-mob .pr-shot-img{aspect-ratio:9/12;display:grid;place-items:start center;padding:.8rem .8rem 0}
.pr-shot-img img{inline-size:100%;block-size:100%;object-fit:cover;object-position:top;transition:transform .5s var(--ease)}
.is-mob .pr-shot-img img{inline-size:auto;block-size:auto;max-block-size:100%;max-inline-size:100%;object-fit:contain;border-radius:10px 10px 0 0;box-shadow:var(--shadow)}
.pr-shot-img:hover img{transform:scale(1.02)}
.pr-shot figcaption,.pr-logo figcaption{margin:0;text-align:start}
.pr-shot figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.9rem 1rem 1rem;flex:1}
.pr-shot figcaption strong{font-size:.98rem;line-height:1.3}
.pr-shot figcaption .btn{margin-block-start:auto}
.pr-shot figcaption .pr-spec{margin-block-end:.4rem}

/* logotipos: vista previa siempre sobre fondo claro u oscuro, sea cual sea el tema de la página */
.pr-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.pr-logo{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;min-inline-size:0}
.pr-logo-img{display:grid;place-items:center;min-block-size:170px;padding:1.4rem;overflow:hidden}
.pr-logo--light .pr-logo-img{background:#fbf7ef}
.pr-logo--dark .pr-logo-img{background:#0c1a21}
.pr-logo-img img{max-inline-size:100%;block-size:auto;inline-size:auto}
.pr-logo figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.9rem 1rem 1rem;border-block-start:1px solid var(--line)}
.pr-logo figcaption strong{font-size:.98rem;line-height:1.3}
.pr-dl-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.5rem}

/* vídeo */
.pr-video{max-inline-size:960px}
.pr-video video{display:block;inline-size:100%;block-size:auto;aspect-ratio:16/9;background:var(--night);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.pr-video-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-block-start:.9rem}
.pr-video-note{font-size:.86rem;color:var(--muted);margin:.8rem 0 0;max-inline-size:78ch}

/* contacto */
.pr-sec--last{padding-block-end:0}
.pr-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(1.2rem,3vw,2.6rem);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.3rem,3vw,2.2rem);box-shadow:var(--shadow)}
.pr-name{font:400 clamp(1.8rem,1.4rem + 1.4vw,2.6rem)/1.05 var(--ff-display);letter-spacing:-.025em;margin:0 0 .25em}
.pr-role{font:600 .78rem/1.3 var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 .8rem}
.pr-d{margin:0;color:var(--muted)}
.pr-ways{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;min-inline-size:0}
.pr-way{display:flex;align-items:center;gap:.9rem;min-block-size:56px;padding:.7rem 1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);text-decoration:none;color:var(--ink);transition:border-color .18s,background .18s}
.pr-way:hover{border-color:var(--ink)}
.pr-way svg{flex:none;color:var(--accent-ink)}
.pr-way span{display:flex;flex-direction:column;min-inline-size:0}
.pr-way strong{font-size:.95rem;line-height:1.25}
.pr-way small{font:500 .86rem/1.35 var(--ff-mono);color:var(--muted);overflow-wrap:anywhere}

@media (max-width:979.98px){
  .pr-shots--desk{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .pr-shots--desk,.pr-logos{grid-template-columns:minmax(0,1fr)}
  .pr-shots--mob{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .is-mob .pr-shot-img{aspect-ratio:9/13}
  .pr-contact{grid-template-columns:minmax(0,1fr)}
  .pr-tools .btn{flex:1 1 auto}
  .pr-note{padding:1.2rem 1.1rem 1.4rem}
}
@media (prefers-reduced-motion:reduce){.pr-shot-img img{transition:none}}

/* móvil: botones de descarga de 44 px en táctil */
@media (pointer:coarse){.btn.sm,.pr-shot .btn{min-block-size:44px}}
