/* Fit the desktop opening to the available height, without scaling its text.
   Images yield space first. Short/zoomed windows retain normal page scrolling. */
@media (min-width:1101px) {
 .pp-home #top{padding:8px 0 16px;min-height:0}
 .pp-home #top .pp-social-top{margin-bottom:10px}
 .pp-home #top .pp-social-top .hrx{min-height:64px;padding-block:6px}
 .pp-home #top .hero-cols{align-items:stretch;min-height:0;gap:clamp(24px,3vw,56px)}
 .pp-home #top .hero-main{display:flex;flex-direction:column;gap:10px;padding:0;align-self:stretch;min-width:0}
 .pp-home #top .pp-welcome{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:0 18px;padding:18px 20px;margin:0}
 .pp-home #top .pp-welcome h3{grid-column:1;grid-row:1;margin-bottom:5px}
 .pp-home #top .pp-card-kicker{grid-column:1;grid-row:2;margin-bottom:6px}
 .pp-home #top .pp-welcome .hero-actions{grid-column:1;grid-row:3}
 .pp-home #top .pp-welcome-note{grid-column:1;grid-row:4;margin:6px 0 0;line-height:1.35}
 .pp-home #top .pp-community-actions{grid-column:2;grid-row:1/5;align-self:center;width:240px;margin:0;gap:10px}
 .pp-home #top .pp-community-actions .hp-btn{min-height:82px;padding:12px;gap:10px}
 .pp-home #top .o7-gif{height:80px;width:66px;flex-basis:66px}
 .pp-home #top .o7-auto{gap:10px}
 .pp-home #top .hero-eyebrow{margin:0;line-height:1.25}
 .pp-home #top h1.h-metal{margin:0;line-height:0}
 .pp-home #top .marca-hero{display:block;width:min(92%,760px);height:clamp(80px,11dvh,160px);max-width:100%}
 .pp-home #top .marca-hero img{width:100%;height:100%;object-fit:contain;object-position:left center}
 .pp-home #top .tagline{margin:0;max-width:none;line-height:1.4}
 .pp-home #top .tagline strong{margin-bottom:4px}
 .pp-home #top .meta-seguidores{margin:0;gap:6px}
 .pp-home #top .meta-seguidores .ms-txt{line-height:1.2}
 .pp-home #top .hero-side{display:flex;align-items:stretch;min-width:0}
 .pp-home #expedienteHero{display:flex;flex-direction:column;min-width:0}
 .pp-home #expedienteHero .eg-heading{padding:16px;gap:6px;flex:none}
 .pp-home #expedienteHero .eg-heading::after{margin-top:0}
 .pp-home #expedienteHero .eg-content:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0}
 .pp-home #expedienteHero .eg-art{flex:1;min-height:120px;aspect-ratio:auto;background:transparent;border:0}
 .pp-home #expedienteHero .eg-art img{object-fit:contain;position:absolute;inset:0}
 .pp-home #expedienteHero .eg-body{flex:none;padding-block:12px;gap:10px 18px;grid-template-columns:minmax(0,1fr) auto}
 .pp-home #expedienteHero .eg-title{margin:0;line-height:1.2}
 .pp-home #expedienteHero .eg-stats{gap:8px 20px}
 .pp-home #expedienteHero .eg-watch{min-height:48px;padding:10px 16px}
 .pp-home #expedienteHero .eg-nav{width:180px;grid-template-columns:44px minmax(0,1fr) 44px}
 .pp-home #expedienteHero .eg-nav button{width:44px;height:44px}
 .pp-home #expedienteHero .eg-all{padding:8px 12px;line-height:1.3;flex:none}
 .pp-home.pp-hero-measured #top .hero-cols{min-height:var(--hero-room)}
 .pp-home.pp-hero-measured #expedienteHero{height:auto;min-height:max(460px,var(--hero-room))}
}
@media (min-width:1101px) and (max-width:1849px), (min-width:1850px) and (max-height:1000px) {
 /* Keep the same navigation and readable labels beside the brand. */
 .pp-home #pp-cabecera nav .nav-in{grid-template-columns:220px minmax(0,1fr);gap:8px 16px;padding:8px 20px;min-height:0}
 .pp-home #pp-cabecera .logo{grid-column:1;grid-row:1/3}
 .pp-home #pp-cabecera .logo>img:first-child{width:60px;height:76px}
 .pp-home #pp-cabecera .logo{font-size:30px;gap:8px}
 .pp-home #pp-cabecera .nav-links{grid-column:2;grid-row:2;grid-template-columns:repeat(7,minmax(0,1fr))}
 .pp-home #pp-cabecera .nav-in:has(#perfilLogueado[hidden]) .nav-links{grid-row:1}
 .pp-home #pp-cabecera .nav-links a,.pp-home #pp-cabecera .nav-twitch .perfil-login-btn{padding:6px;min-height:48px;font-size:18px;gap:6px}
 .pp-home #pp-cabecera .nav-icon,.pp-home #pp-cabecera .nav-twitch svg{width:22px;height:22px;flex-basis:22px}
 .pp-home #top .pp-welcome{grid-template-columns:minmax(0,1fr) 210px;padding:14px;gap:0 12px}
 .pp-home #top .pp-welcome h3{font-size:30px;grid-column:1/-1}
 .pp-home #top .pp-card-kicker{grid-column:1/-1}
 .pp-home #top .pp-community-actions{grid-row:3/5;width:210px;gap:8px}
 .pp-home #top .pp-community-actions .hp-btn{min-height:64px;padding:8px;gap:8px}
 .pp-home #top .pp-community-actions .hp-txt b{font-size:25px}
 .pp-home #top .pp-community-actions .hp-txt small{font-size:16px}
 .pp-home #top .pp-community-actions .hp-ico,.pp-home #top .pp-community-actions .hp-ico svg{width:32px;height:36px;flex-basis:32px}
 .pp-home #top .pp-welcome-note{font-size:15px}
 .pp-home #top .hero-main{gap:8px}
 .pp-home #top .marca-hero{height:clamp(64px,10dvh,120px)}
 .pp-home #top .hero-eyebrow{font-size:22px;letter-spacing:.06em}
 .pp-home #top .pp-hero-buttons{gap:10px}
 .pp-home #top #ctaTwitch,.pp-home #top .pp-youtube{padding:8px 12px;min-height:44px}
}
@media (min-width:1101px) and (max-height:900px) {
 .pp-home #top .hero-main{gap:6px}
 .pp-home #top .pp-welcome{padding:12px 14px}
 .pp-home #top .pp-welcome h3{grid-column:1/-1;grid-row:1;margin-bottom:4px;font-size:30px}
 .pp-home #top .pp-card-kicker{grid-column:1;grid-row:2;margin-bottom:4px}
 .pp-home #top .pp-community-actions{grid-row:2/5;gap:6px}
 .pp-home #top .pp-community-actions .hp-txt{gap:3px}
 .pp-home #top .pp-community-actions .hp-btn{padding:7px 8px;min-height:62px}
 .pp-home #top .o7-gif{height:70px;width:56px;flex-basis:56px}
 .pp-home #top .pp-welcome-note{margin-top:4px;line-height:1.25}
 .pp-home #top .marca-hero{height:64px}
 .pp-home #top .tagline{line-height:1.3}
 .pp-home #top .tagline strong{line-height:1.2;margin-bottom:3px}
 .pp-home #top .meta-seguidores{gap:4px}
}
@media (min-width:1101px) and (max-height:800px) {
 .pp-home #top{padding-bottom:8px}
 .pp-home #top .hero-main{gap:4px}
 .pp-home #top .meta-seguidores{flex-direction:row;align-items:center;gap:14px}
 .pp-home #top .meta-seguidores .ms-txt{flex:none}
 .pp-home #top .meta-seguidores .ms-bar{flex:1;min-width:30px}
}