/* EL RETRATO: libro de fotos. Imagen a sangre, pies en cursiva, texto siempre sobre color sólido.
   Portado de la maqueta aprobada (Descargas/Herramienta/webs-w3-base-retrato.html): cada @media pasa a
   @container y cada vw a cqw, para que mire su caja y no la ventana. */
[data-base=retrato]{--pad:clamp(16px,4cqw,80px);--r-foto:0px}
[data-base=retrato] h1 em,[data-base=retrato] h2 em,[data-base=retrato] p em{font-family:var(--f-t)}
[data-base=retrato] .et{font-size:15px;line-height:1.35;color:var(--et)}
[data-base=retrato] .fot[data-img],[data-base=retrato] .campo{width:100%;height:100%}
[data-base=retrato] .campo{position:relative;display:grid;place-items:center;overflow:hidden;min-height:220px;padding:clamp(16px,3cqw,48px)}
[data-base=retrato] .campo-d{width:min(56%,300px);aspect-ratio:5/6;opacity:1}
[data-base=retrato] .campo-p{position:absolute;left:clamp(14px,2cqw,32px);bottom:clamp(10px,1.4cqw,24px);font-family:var(--f-t);font-style:var(--em);font-size:calc(clamp(30px,3.4cqw,60px)*var(--k));line-height:1}
[data-base=retrato] .cab{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-height:72px;padding:0 var(--pad)}
[data-base=retrato] .cab-n{display:none}
[data-base=retrato] .cab-m{justify-self:start;grid-column:1;grid-row:1}
[data-base=retrato] .marca{grid-column:2;font-family:var(--f-t);font-size:calc(27px*var(--k));line-height:1;white-space:nowrap}
[data-base=retrato] .marca em{font-style:var(--em)}
[data-base=retrato] .cab-r{grid-column:3;justify-self:end}
@container wc (min-width:1400px){
 [data-base=retrato] .cab-m{display:none}
 [data-base=retrato] .cab-n{display:flex;gap:4px;grid-column:1;grid-row:1}
 [data-base=retrato] .cab-n .b{box-shadow:none;padding:0 12px}
 [data-base=retrato] .cab-n .b:hover,[data-base=retrato] .cab-n .act{box-shadow:inset 0 0 0 1.5px var(--fg)}
}
[data-base=retrato] .menu{inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:88px var(--pad) 96px;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
[data-base=retrato] .menu li a{display:flex;align-items:baseline;gap:14px;min-height:60px;font-family:var(--f-t);font-size:calc(clamp(38px,5.4cqw,84px)*var(--k));line-height:1.1}
[data-base=retrato] .menu li span{font-family:var(--f-c);font-size:14px;width:18px}
[data-base=retrato] .menu-d{display:grid;gap:14px;justify-items:start;max-width:260px}
[data-base=retrato] .cinta{grid-column:1 / -1;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:clamp(20px,3cqw,56px);align-items:center;padding:18px var(--pad)}
[data-base=retrato] .cinta small{display:block;font-size:14px;line-height:1.3}
[data-base=retrato] .cinta b{display:block;font-family:var(--f-t);font-weight:400;font-size:calc(30px*var(--k));line-height:1.1;white-space:nowrap}
[data-base=retrato] .pr-a{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:minmax(0,1fr) auto;min-height:calc(100vh - 72px);max-height:1080px}
[data-base=retrato] .pa-t{grid-column:1;grid-row:1;padding:clamp(28px,4cqw,72px) clamp(24px,4cqw,72px) clamp(28px,4cqw,72px) var(--pad);display:flex;flex-direction:column;justify-content:flex-end;gap:18px}
[data-base=retrato] .pr-a h1{font-size:calc(clamp(52px,5.6cqw,108px)*var(--k));line-height:1}
[data-base=retrato] .pr-a h1 em{display:block}
[data-base=retrato] .pa-f{grid-column:2;grid-row:1;position:relative;min-height:0;overflow:hidden}
[data-base=retrato] .pa-f .fot,[data-base=retrato] .pa-f .campo{position:absolute;inset:0}
[data-base=retrato] .pie-solo{position:absolute;right:0;bottom:0;padding:4px 10px;background:var(--claro);color:var(--tinta);font-size:13px;font-style:italic;line-height:1.4}
[data-base=retrato] .pr-b{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);gap:clamp(20px,3.4cqw,64px);align-items:end;padding:clamp(24px,3cqw,56px) var(--pad);min-height:calc(100vh - 72px)}
[data-base=retrato] .pr-b h1{font-size:calc(clamp(48px,5.2cqw,100px)*var(--k));line-height:1;margin-top:14px}
[data-base=retrato] .pr-b h1 em{display:block}
[data-base=retrato] .pb-t{align-self:center}
[data-base=retrato] .pb-f{align-self:stretch;display:flex;flex-direction:column;gap:6px}
[data-base=retrato] .arco{flex:1;min-height:0;border-radius:999px 999px 0 0;overflow:hidden;aspect-ratio:3/4.4;max-height:calc(100vh - 150px);width:100%}
[data-base=retrato] .pb-d{display:grid;gap:12px;padding-bottom:6px}
[data-base=retrato] .pb-pr{font-family:var(--f-t);font-size:calc(clamp(64px,6cqw,108px)*var(--k));line-height:1}
[data-base=retrato] .pb-d p{font-size:16px;line-height:1.4}
[data-base=retrato] .pb-h small{display:block;font-size:14px}
[data-base=retrato] .pb-h b{font-family:var(--f-t);font-weight:400;font-size:calc(30px*var(--k));line-height:1.1}
[data-base=retrato] .pc-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(12px,1.6cqw,28px);padding:clamp(16px,2.4cqw,40px) var(--pad) clamp(24px,3cqw,48px);min-height:calc(100vh - 170px);align-items:end}
[data-base=retrato] .pc-g h1{grid-column:1 / span 7;grid-row:1;align-self:end;position:relative;z-index:2;font-size:calc(clamp(52px,7.4cqw,150px)*var(--k));line-height:.98;padding-bottom:12px}
[data-base=retrato] .pc-g h1 em{display:block}
[data-base=retrato] .pc-1{grid-column:8 / -1;grid-row:1 / span 2;height:100%;min-height:440px;display:flex;flex-direction:column;gap:6px}
[data-base=retrato] .pc-1>[data-img]{flex:1;min-height:0}
[data-base=retrato] .pc-1 figcaption{text-align:right}
[data-base=retrato] .pc-2{grid-column:5 / span 3;grid-row:2;height:clamp(180px,20cqw,340px);margin-right:-48px;position:relative;z-index:2;box-shadow:0 0 0 clamp(6px,.7cqw,12px) var(--claro)}
[data-base=retrato] .pc-z{grid-column:1 / span 4;grid-row:2;align-self:end;max-width:24ch}
[data-base=retrato] .carta{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,6cqw,120px);align-items:center;padding:clamp(56px,8cqw,160px) var(--pad)}
[data-base=retrato] .carta-f{display:flex;flex-direction:column;gap:8px}
[data-base=retrato] .carta-f>[data-img]{aspect-ratio:4/3;height:auto}
[data-base=retrato] .carta h2{font-size:calc(clamp(34px,3.7cqw,68px)*var(--k));line-height:1.08;margin-bottom:22px}
[data-base=retrato] .carta h2 em{display:block}
[data-base=retrato] .carta p{max-width:58ch;margin-bottom:16px;font-size:19px}
[data-base=retrato] .carta-d{font-size:16px!important;color:var(--fg2)}
[data-base=retrato] .esc{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;min-height:min(92vh,960px)}
[data-base=retrato] .esc-d{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
[data-base=retrato] .esc-d .esc-f{order:2}
[data-base=retrato] .esc-f{display:flex;flex-direction:column;min-height:0}
[data-base=retrato] .esc-f>[data-img]{flex:1;min-height:0;height:auto;position:relative}
[data-base=retrato] .esc-f>.fot img{position:absolute;inset:0}
[data-base=retrato] .esc-f figcaption{padding:8px var(--pad) 8px;background:var(--bg)}
[data-base=retrato] .esc-t{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:clamp(28px,5cqw,96px) var(--pad) clamp(28px,5cqw,96px) clamp(24px,5cqw,96px)}
[data-base=retrato] .esc-d .esc-t{padding:clamp(28px,5cqw,96px) clamp(24px,5cqw,96px) clamp(28px,5cqw,96px) var(--pad)}
[data-base=retrato] .esc-n{font-size:15px;color:var(--et)}
[data-base=retrato] .esc h2{font-size:calc(clamp(52px,6cqw,112px)*var(--k));line-height:1}
[data-base=retrato] .esc-q{font-family:var(--f-t);font-style:var(--em);font-size:calc(clamp(24px,2.1cqw,36px)*var(--k));line-height:1.2}
[data-base=retrato] .esc-p{font-weight:600}
[data-base=retrato] .frase{padding:clamp(64px,9cqw,180px) var(--pad);text-align:left}
[data-base=retrato] .frase>p:first-child{font-family:var(--f-t);font-size:calc(clamp(40px,6.2cqw,120px)*var(--k));line-height:1.04;max-width:17ch}
[data-base=retrato] .frase em{display:block}
[data-base=retrato] .frase.peq{padding-block:clamp(40px,4cqw,72px)}
[data-base=retrato] .frase.peq>p:first-child{font-size:calc(clamp(32px,4cqw,72px)*var(--k));max-width:none}
[data-base=retrato] .fr-s{margin-top:12px;font-size:18px}
[data-base=retrato] .fr-l{margin:26px 0;display:grid;gap:8px;font-size:20px}
[data-base=retrato] .tira{padding:clamp(48px,6cqw,112px) 0}
[data-base=retrato] .tira-c{padding:0 var(--pad);margin-bottom:28px;display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap}
[data-base=retrato] .tira h2{font-size:calc(clamp(44px,5cqw,92px)*var(--k));line-height:1.02}
[data-base=retrato] .tira-r{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(270px,27cqw,500px);gap:clamp(14px,1.6cqw,28px);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--pad) 18px;scroll-padding-left:var(--pad);scrollbar-width:thin}
[data-base=retrato] .tira-i{scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
[data-base=retrato] .tira-i:nth-child(even){margin-top:clamp(0px,4cqw,72px)}
[data-base=retrato] .tira-i figure{width:100%;display:flex;flex-direction:column;gap:6px}
[data-base=retrato] .tira-i [data-img]{aspect-ratio:3/4;height:auto}
[data-base=retrato] .tira-i h3{font-size:calc(44px*var(--k));line-height:1}
[data-base=retrato] .op-g{padding:clamp(56px,8cqw,160px) var(--pad)}
[data-base=retrato] .op-g blockquote p{font-family:var(--f-t);font-size:calc(clamp(36px,5.2cqw,100px)*var(--k));line-height:1.06;max-width:22ch}
[data-base=retrato] .op-g footer{margin-top:20px;font-size:17px}
[data-base=retrato] .op-pie{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:36px;padding-top:18px;border-top:1.5px solid var(--lin)}
[data-base=retrato] .op-pie b{font-family:var(--f-t);font-weight:400;font-size:calc(44px*var(--k));line-height:1}
[data-base=retrato] .op-bts{display:flex;gap:8px}
[data-base=retrato] .op-bts .hora{min-width:48px}
[data-base=retrato] .op-f{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,6cqw,120px);align-items:center;padding:0 var(--pad) 0 0}
[data-base=retrato] .op-f figure{display:flex;flex-direction:column;gap:6px;min-height:min(82vh,800px)}
[data-base=retrato] .op-f figure>[data-img]{flex:1;position:relative;min-height:420px;height:auto}
[data-base=retrato] .op-f figure>.fot img{position:absolute;inset:0}
[data-base=retrato] .op-f figcaption{padding:0 0 8px var(--pad)}
[data-base=retrato] .op-n{font-size:18px;margin-bottom:18px}
[data-base=retrato] .op-n b{font-family:var(--f-t);font-weight:400;font-size:calc(72px*var(--k));line-height:1}
[data-base=retrato] .op-f blockquote{padding:20px 0;border-top:1.5px solid var(--lin)}
[data-base=retrato] .op-f blockquote p{font-family:var(--f-t);font-size:calc(clamp(26px,2.5cqw,42px)*var(--k));line-height:1.18}
[data-base=retrato] .op-f footer{margin-top:8px;font-size:15px}
[data-base=retrato] .lug{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);min-height:min(90vh,920px)}
[data-base=retrato] .lug-f{position:relative;min-height:0;overflow:hidden}
[data-base=retrato] .lug-f>[data-img]{position:absolute;inset:0}
[data-base=retrato] .lug-t{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:14px;padding:clamp(28px,4cqw,72px) var(--pad) clamp(28px,4cqw,72px) clamp(24px,4cqw,72px)}
[data-base=retrato] .lug h2{font-size:calc(clamp(40px,4cqw,76px)*var(--k));line-height:1.03}
[data-base=retrato] .rv{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,6cqw,120px);padding:clamp(56px,7cqw,140px) var(--pad);align-items:start}
[data-base=retrato] .rv h2{font-size:calc(clamp(40px,4.6cqw,88px)*var(--k));line-height:1.03;margin-bottom:28px}
[data-base=retrato] .rv h2 em{display:block}
[data-base=retrato] .rv-cif{display:flex;flex-wrap:wrap;gap:clamp(24px,5cqw,96px)}
[data-base=retrato] .rv-cif span{font-family:var(--f-t);font-size:calc(clamp(72px,8cqw,150px)*var(--k));line-height:1;white-space:nowrap}
[data-base=retrato] .rv-cif p{font-size:16px;margin-top:6px}
[data-base=retrato] .rv-n{margin-top:24px;max-width:52ch;color:var(--fg2)}
[data-base=retrato] .rv-ag{display:grid;gap:16px;justify-items:start}
[data-base=retrato] .pre{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,5cqw,96px);padding:clamp(48px,6cqw,112px) var(--pad)}
[data-base=retrato] .pre h2{font-size:calc(clamp(36px,3.6cqw,68px)*var(--k));line-height:1.05}
[data-base=retrato] .ap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:min(calc(100vh - 72px),860px)}
[data-base=retrato] .ap-f{position:relative;overflow:hidden;min-height:0}
[data-base=retrato] .ap-f>[data-img]{position:absolute;inset:0}
[data-base=retrato] .ap-t{display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:clamp(28px,4cqw,72px) var(--pad) clamp(28px,4cqw,72px) clamp(24px,4cqw,72px)}
[data-base=retrato] .ap h1{font-size:calc(clamp(46px,5cqw,96px)*var(--k));line-height:1.02}
[data-base=retrato] .ap h1 em{display:block}
[data-base=retrato] .ap-l{font-size:20px}
[data-base=retrato] .col2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,6cqw,120px);padding:clamp(48px,7cqw,136px) var(--pad);align-items:start}
[data-base=retrato] .col2-f{position:sticky;top:88px}
[data-base=retrato] .col2-f [data-img]{aspect-ratio:4/5;height:auto}
[data-base=retrato] .col2-f .pie-foto{margin-top:6px}
[data-base=retrato] .col2-t{display:grid;gap:18px}
[data-base=retrato] .col2-t h2{font-size:calc(clamp(34px,3.2cqw,60px)*var(--k));line-height:1.05}
[data-base=retrato] .col2-t p{font-size:19px;max-width:58ch}
[data-base=retrato] .lin li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:0 14px;padding:14px 0;border-top:1.5px solid var(--lin)}
[data-base=retrato] .lin li:last-child{border-bottom:1.5px solid var(--lin)}
[data-base=retrato] .lin small{grid-column:2;font-size:15px;color:var(--fg2)}
[data-base=retrato] .lin.sola li{display:block;font-size:19px}
[data-base=retrato] .escalera{padding:clamp(48px,7cqw,136px) var(--pad)}
[data-base=retrato] .escalera h2{font-size:calc(clamp(40px,4.6cqw,88px)*var(--k));margin-bottom:28px;line-height:1.02}
[data-base=retrato] .escalera>div{display:grid;grid-template-columns:50px minmax(0,1fr);gap:0 12px;max-width:640px;margin-left:calc(var(--n)*clamp(0px,14cqw,280px));padding:16px 0;border-top:1.5px solid var(--tinta)}
[data-base=retrato] .escalera span{grid-row:1 / span 2;font-family:var(--f-t);font-size:calc(52px*var(--k));line-height:1}
[data-base=retrato] .escalera p{font-size:17px}
[data-base=retrato] .tar{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:min(calc(100vh - 72px),900px)}
[data-base=retrato] .tar-f{display:flex;flex-direction:column;min-height:0}
[data-base=retrato] .tar-f>[data-img]{flex:1;position:relative;height:auto;min-height:300px}
[data-base=retrato] .tar-f>.fot img{position:absolute;inset:0}
[data-base=retrato] .tar-f figcaption{padding:6px 12px 6px var(--pad)}
[data-base=retrato] .tar-t{padding:clamp(28px,4cqw,72px) var(--pad) clamp(28px,4cqw,72px) clamp(24px,5cqw,96px);display:flex;flex-direction:column;justify-content:center;gap:16px}
[data-base=retrato] .tar h1{font-size:calc(clamp(46px,5cqw,96px)*var(--k));line-height:1.02;margin-bottom:12px}
[data-base=retrato] .tar h1 em{display:block}
[data-base=retrato] .tar-c{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(12px,2cqw,32px);align-items:center;padding:16px 0;border-top:1.5px solid var(--lin)}
[data-base=retrato] .tar-c span{font-family:var(--f-t);font-size:calc(clamp(60px,6cqw,108px)*var(--k));line-height:1;white-space:nowrap}
[data-base=retrato] .con{padding:clamp(40px,5cqw,96px) var(--pad);display:grid;gap:0}
[data-base=retrato] .con-f{display:block;width:100%;padding:18px 0;border-top:1.5px solid var(--lin);min-height:64px}
[data-base=retrato] .con-f small{display:block;font-size:15px;color:var(--fg2)}
[data-base=retrato] .con-f b{display:block;font-family:var(--f-t);font-weight:400;font-size:calc(clamp(30px,5cqw,88px)*var(--k));line-height:1.08;overflow-wrap:anywhere}
[data-base=retrato] .con-d{padding-top:18px;border-top:1.5px solid var(--lin)}
[data-base=retrato] .rec{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,2cqw,32px);padding:clamp(40px,6cqw,112px) var(--pad);align-items:start}
[data-base=retrato] .rec-1{grid-column:1 / span 4;display:flex;flex-direction:column;gap:6px}
[data-base=retrato] .rec-1 [data-img]{aspect-ratio:3/4;height:auto}
[data-base=retrato] .rec-2{grid-column:5 / span 3;margin-top:clamp(0px,8cqw,160px);display:flex;flex-direction:column;gap:6px}
[data-base=retrato] .rec-2 [data-img]{aspect-ratio:3/4;height:auto}
[data-base=retrato] .rec-t{grid-column:8 / -1;display:grid;gap:14px;justify-items:start}
[data-base=retrato] .rec-t h2{font-size:calc(clamp(34px,3.6cqw,68px)*var(--k));line-height:1.05}
[data-base=retrato] .rec-m{width:100%;aspect-ratio:2/1;overflow:hidden}
[data-base=retrato] .rec-m svg{width:100%;height:100%}
[data-base=retrato] .pb-chips{display:flex;flex-wrap:wrap;gap:8px}
[data-base=retrato] .bl-c{padding:clamp(36px,5cqw,96px) var(--pad)}
[data-base=retrato] .bl-c h1{font-size:calc(clamp(44px,5.6cqw,108px)*var(--k));line-height:1.02;max-width:17ch;margin-bottom:22px}
[data-base=retrato] .bl-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,3cqw,56px) clamp(14px,2cqw,32px);padding:clamp(32px,5cqw,96px) var(--pad)}
[data-base=retrato] .bl{grid-column:span 4;display:flex;flex-direction:column;gap:10px}
[data-base=retrato] .bl.g{grid-column:1 / span 8;grid-row:span 2}
[data-base=retrato] .bl>[data-img]{aspect-ratio:4/3;height:auto}
[data-base=retrato] .bl.g>[data-img]{aspect-ratio:16/10}
[data-base=retrato] .bl h2{font-size:calc(30px*var(--k));line-height:1.1}
[data-base=retrato] .bl.g h2{font-size:calc(clamp(38px,4cqw,72px)*var(--k));line-height:1.04}
[data-base=retrato] .bl p{font-size:16px;color:var(--fg2)}
[data-base=retrato] .bl:hover h2{font-style:var(--em)}
[data-base=retrato] .ar-f .fot{height:min(66vh,680px)}
[data-base=retrato] .ar{max-width:none;padding:clamp(32px,5cqw,88px) var(--pad)}
[data-base=retrato] .ar>*{max-width:720px;margin-inline:auto}
[data-base=retrato] .ar .art-t{max-width:900px;font-size:calc(clamp(40px,4.6cqw,84px)*var(--k))}
[data-base=retrato] .ar-x{font-family:var(--f-t);font-style:var(--em);font-size:calc(27px*var(--k));line-height:1.25;margin:16px auto 30px}
[data-base=retrato] .pie{padding:clamp(48px,6cqw,112px) var(--pad) 36px;display:grid;gap:30px;text-align:center}
[data-base=retrato] .pie-f{font-family:var(--f-t);font-style:var(--em);font-size:calc(clamp(72px,11cqw,220px)*var(--k));line-height:.95}
[data-base=retrato] .pie-d{font-size:15px;line-height:1.5}
[data-base=retrato] .pie-gp{display:flex;justify-content:center}
@container wc (max-width:899px){
 [data-base=retrato] .cab{min-height:58px;padding:0 12px;gap:6px}
 [data-base=retrato] .cab-r{display:none}
 [data-base=retrato] .cab{grid-template-columns:auto minmax(0,1fr)}
 [data-base=retrato] .marca{grid-column:2;justify-self:end;font-size:calc(22px*var(--k))}
 [data-base=retrato] .menu{grid-template-columns:minmax(0,1fr);align-content:start;padding:76px 16px 96px}
 [data-base=retrato] .menu li a{font-size:calc(40px*var(--k));min-height:54px}
 [data-base=retrato] .cinta{grid-template-columns:auto minmax(0,1fr);gap:6px 14px;padding:12px 16px}
 [data-base=retrato] .cinta b{font-size:calc(25px*var(--k))}
 [data-base=retrato] .cinta>div:first-child,[data-base=retrato] .cinta>.b{display:none}
 [data-base=retrato] .cinta{align-items:center}
 [data-base=retrato] .cinta>div:nth-child(2) small{display:none}
 [data-base=retrato] .cinta>div:nth-child(2) b{font-size:calc(38px*var(--k))}
 [data-base=retrato] .cinta-h .horas{flex-wrap:nowrap!important;gap:6px!important}
 [data-base=retrato] .cinta-h .hora{min-width:64px;padding:0 8px}
 [data-base=retrato] .pr-a{display:block;min-height:0;max-height:none}
 [data-base=retrato] .pa-f{height:clamp(260px,46svh,430px)}
 [data-base=retrato] .pa-t{padding:20px 16px 22px}
 [data-base=retrato] .pr-a h1{font-size:calc(44px*var(--k));line-height:1.02}
 [data-base=retrato] .pr-b{display:block;padding:18px 16px 28px;min-height:0}
 [data-base=retrato] .pb-t{margin-bottom:14px}
 [data-base=retrato] .pr-b h1{font-size:calc(40px*var(--k))}
 [data-base=retrato] .pb-f{width:68%;margin:0 auto 18px}
 [data-base=retrato] .arco{max-height:none}
 [data-base=retrato] .pb-pr{font-size:calc(64px*var(--k))}
 [data-base=retrato] .pc-g{display:block;padding:18px 16px 22px;min-height:0;position:relative}
 [data-base=retrato] .pc-g h1{font-size:calc(46px*var(--k));padding-bottom:16px}
 [data-base=retrato] .pc-1{height:auto;min-height:0;margin-left:22%}
 [data-base=retrato] .pc-1>[data-img]{aspect-ratio:4/4.4;flex:none;height:auto}
 [data-base=retrato] .pc-2{position:absolute;left:16px;bottom:58px;width:34%;height:auto;aspect-ratio:3/4;margin:0;box-shadow:0 0 0 5px var(--claro)}
 [data-base=retrato] .pc-z{margin-top:10px;max-width:none}
 [data-base=retrato] .pc-1 figcaption{text-align:right}
 [data-base=retrato] .carta,[data-base=retrato] .rv,[data-base=retrato] .pre,[data-base=retrato] .col2,[data-base=retrato] .op-f{grid-template-columns:minmax(0,1fr)}
 [data-base=retrato] .carta{padding:0 0 44px;gap:0}
 [data-base=retrato] .carta-f figcaption{padding:0 16px}
 [data-base=retrato] .carta-t{padding:22px 16px 0}
 [data-base=retrato] .carta h2{font-size:calc(32px*var(--k))}
 [data-base=retrato] .carta p{font-size:18px}
 [data-base=retrato] .esc,[data-base=retrato] .esc-d{display:block;min-height:0}
 [data-base=retrato] .esc-f>[data-img]{aspect-ratio:4/5;flex:none}
 [data-base=retrato] .esc-f>.campo{aspect-ratio:4/3}
 [data-base=retrato] .esc-f figcaption{padding:6px 16px}
 [data-base=retrato] .esc-t,[data-base=retrato] .esc-d .esc-t{padding:16px 16px 40px;gap:10px}
 [data-base=retrato] .esc h2{font-size:calc(58px*var(--k))}
 [data-base=retrato] .esc-q{font-size:calc(25px*var(--k))}
 [data-base=retrato] .frase{padding:56px 16px}
 [data-base=retrato] .frase>p:first-child{font-size:calc(40px*var(--k))}
 [data-base=retrato] .tira{padding:44px 0}
 [data-base=retrato] .tira-r{grid-auto-columns:76cqw}
 [data-base=retrato] .tira-i:nth-child(even){margin-top:0}
 [data-base=retrato] .op-g{padding:52px 16px}
 [data-base=retrato] .op-g blockquote p{font-size:calc(36px*var(--k))}
 [data-base=retrato] .op-f{padding:0 0 36px;gap:18px}
 [data-base=retrato] .op-f>div{padding:0 16px}
 [data-base=retrato] .op-f figure{min-height:0}
 [data-base=retrato] .op-f figure>[data-img]{min-height:0;aspect-ratio:4/3;flex:none}
 [data-base=retrato] .op-f figure>.fot img{position:static}
 [data-base=retrato] .op-f figcaption{padding:0 16px}
 [data-base=retrato] .lug{display:block;min-height:0}
 [data-base=retrato] .lug-f{height:62cqw;min-height:230px}
 [data-base=retrato] .lug-t{padding:22px 16px 30px}
 [data-base=retrato] .lug h2{font-size:calc(38px*var(--k))}
 [data-base=retrato] .rv{padding:44px 16px;gap:28px}
 [data-base=retrato] .rv h2{font-size:calc(38px*var(--k))}
 [data-base=retrato] .rv-cif{gap:24px}
 [data-base=retrato] .rv-cif span{font-size:calc(62px*var(--k))}
 [data-base=retrato] .pre{padding:44px 16px;gap:14px}
 [data-base=retrato] .ap{display:block;min-height:0}
 [data-base=retrato] .ap-f{height:clamp(240px,46svh,420px)}
 [data-base=retrato] .ap-t{padding:20px 16px 26px}
 [data-base=retrato] .ap h1{font-size:calc(42px*var(--k))}
 [data-base=retrato] .col2{padding:36px 16px;gap:24px}
 [data-base=retrato] .col2-f{position:static}
 [data-base=retrato] .col2-f [data-img]{aspect-ratio:4/3}
 [data-base=retrato] .escalera{padding:40px 16px}
 [data-base=retrato] .escalera>div{margin-left:calc(var(--n)*22px)}
 [data-base=retrato] .tar{display:block;min-height:0}
 [data-base=retrato] .tar-f>[data-img]{min-height:0;aspect-ratio:16/10;flex:none}
 [data-base=retrato] .tar-f>.fot img{position:static}
 [data-base=retrato] .tar-f figcaption{padding:6px 16px}
 [data-base=retrato] .tar-t{padding:18px 16px 30px}
 [data-base=retrato] .tar h1{font-size:calc(42px*var(--k))}
 [data-base=retrato] .tar-c{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
 [data-base=retrato] .tar-c span{font-size:calc(54px*var(--k))}
 [data-base=retrato] .tar-c p{grid-column:1;font-size:15px}
 [data-base=retrato] .tar-c .b{grid-column:2;grid-row:1 / span 2}
 [data-base=retrato] .con{padding:30px 16px}
 [data-base=retrato] .rec{display:block;padding:30px 16px}
 [data-base=retrato] .rec-1{width:66%}
 [data-base=retrato] .rec-2{width:56%;margin:-46px 0 26px auto;position:relative}
 [data-base=retrato] .bl-g{display:block;padding:28px 16px}
 [data-base=retrato] .bl{margin-bottom:30px}
 [data-base=retrato] .bl-c{padding:26px 16px 30px}
 [data-base=retrato] .bl-c h1{font-size:calc(40px*var(--k))}
 [data-base=retrato] .ar-f .fot{height:58cqw}
 [data-base=retrato] .ar{padding:24px 16px 40px}
 [data-base=retrato] .ar .art-t{font-size:calc(38px*var(--k))}
 [data-base=retrato] .ar-x{font-size:calc(23px*var(--k))}
 [data-base=retrato] .pie{padding:40px 16px 32px}
 [data-base=retrato] .pie-f{font-size:calc(72px*var(--k))}
}
@container wc (min-width:900px) and (max-width:1199px){
 [data-base=retrato] .pr-b{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
 [data-base=retrato] .pb-t{grid-column:1;grid-row:1}
 [data-base=retrato] .pb-d{grid-column:1;grid-row:2}
 [data-base=retrato] .pb-f{grid-column:2;grid-row:1 / span 2}
 [data-base=retrato] .cinta{grid-template-columns:auto auto auto}
 [data-base=retrato] .cinta-h{display:none}
}
[data-base=retrato] .menu:not([open]){display:none}
[data-base=retrato] .menu::backdrop{background:var(--profundo)}
[data-base=retrato] .menu-c{position:absolute;top:14px;right:var(--pad)}
[data-base=retrato] .cab-sinjs{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px}
