/* V4 · crema institucional y dos alturas completas del área visible del teléfono. */
body.iam-proposal.family-web.two-screens{background:#f6f4ee;--paper:#f6f4ee;padding:0;color:#102b49}
body.two-screens:not(.personal-view){overflow:hidden}
body.two-screens .layout{width:min(100%,460px);max-width:none;padding:0;margin:0 auto;display:block}
.two-screens .jack-pages{position:relative;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}
.jack-pages::-webkit-scrollbar{display:none}
.two-screens .jack-page{box-sizing:border-box;height:100vh;height:100dvh;min-height:0;padding:14px 18px max(8px,env(safe-area-inset-bottom));scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-rows:96px minmax(0,1fr) 24px;gap:10px;position:relative;background:#f6f4ee}
.two-screens header{box-sizing:border-box;width:100%;height:96px;min-height:0;max-width:none;padding:14px 0 16px;margin:0;gap:12px;background:#f6f4ee;border-bottom:1px solid #ccd3d9;border-radius:0}
.two-screens .brand{width:auto;min-width:0;flex:1;justify-content:flex-start!important;gap:14px!important}
.two-screens .iam-jack-sign{gap:4px;align-items:flex-start}.two-screens .iam-jack-sign img{width:90px;filter:brightness(0) saturate(100%) invert(13%) sepia(40%) saturate(1798%) hue-rotate(176deg) brightness(90%) contrast(92%)}
.two-screens .iam-jack-sign small{color:#617080;font-size:7px;white-space:nowrap}
.two-screens .iam-radio-sign{gap:6px}.two-screens .iam-radio-sign .iam-emblem{width:22px}.two-screens .iam-radio-words{gap:5px}.two-screens .iam-radio-words img{width:100px;filter:brightness(0) saturate(100%) invert(13%) sepia(40%) saturate(1798%) hue-rotate(176deg) brightness(90%) contrast(92%)}.two-screens .iam-radio-words span{color:#102b49;font-size:9px;letter-spacing:2.8px}
.two-screens .header-right,.two-screens .header-right[hidden]{display:flex!important;gap:7px}.two-screens header .icon{width:40px;height:40px;min-width:40px;background:transparent;color:#102b49;border:1px solid #ccd3d9}.two-screens header .icon svg circle{fill:#f6f4ee!important}
body.two-screens.iphone-review:not(.personal-view) .cover{width:100%;height:100%;min-height:0;max-height:none;margin:0!important;grid-row:auto;border:0;border-radius:9px;background:#061b34;box-shadow:none;overflow:hidden}
body.two-screens:not(.personal-view) .page-one>.cover{height:100%!important;min-height:0!important;grid-row:2!important}
.two-screens .card-front,.two-screens .card-back{border-radius:9px}.two-screens .card-front>img{object-position:61% 0;object-fit:cover}
.two-screens:not(.personal-view) .card-front:after{display:block!important;background:linear-gradient(180deg,#03152c00 12%,#03152c15 30%,#03152ccc 55%,#03152cf8 76%,#03152c 100%)}
.page-one-content{position:absolute;left:0;right:0;bottom:0;padding:18px;z-index:2;display:flex;flex-direction:column;gap:14px}
.two-screens .page-one-headline{font:400 clamp(36px,10vw,48px)/1.01 IAMNews,Georgia,serif;letter-spacing:-1px;color:#fff8ea;margin:0 0 5px}.page-one-headline>span{color:#e7bd65}
.two-screens .quick-listen{gap:9px;grid-template-columns:1fr 1.15fr!important}.two-screens .quick-listen .iam-station{min-height:72px;padding:12px 9px;gap:7px;border-radius:6px!important;background:#102b49dd!important}.two-screens .iam-station-name img{width:79px}.two-screens .iam-station-name{font-size:19px;gap:4px}.two-screens .iam-station-glyph{width:13px}.two-screens .iam-station-sub{font-size:9px;line-height:1.35;margin-top:6px}
.two-screens .family-send{min-height:57px;margin:0;padding:10px 12px;gap:10px;border-radius:6px}.two-screens .family-send strong{font-size:13px}.two-screens .family-send small{font-size:10px}.two-screens .family-send .family-heart{font-size:25px}
.two-screens .radio-hoy{margin:0;padding:9px 0 0;min-height:45px;border-top:1px solid #afc7e343;border-bottom:0}.two-screens .hoy-date{font-size:10px}.two-screens .hoy-date>span{font-size:8px}.two-screens .hoy-weather{font-size:10px;min-height:35px}.two-screens .hoy-weather small{font-size:9px}.two-screens .hoy-weather svg{width:22px;height:22px}
.two-screens .family-photo-caption,.two-screens .family-intro{display:none!important}
.page-position{display:flex;justify-content:center;align-items:center;gap:7px;border:0;background:transparent;color:#627283;width:100%;min-height:24px;padding:0;font-size:17px;touch-action:manipulation}.page-position>span{margin-right:4px}.page-position i{display:block;width:5px;height:5px;border-radius:50%;background:#c6c9c6}.page-position i.active{background:#17344e}
.two-screens .page-two{grid-template-rows:30px minmax(0,1fr) 24px;padding-top:18px}
.page-two-heading{font:400 25px/1.1 IAMNews,Georgia,serif;color:#102b49;margin:0;align-self:center}
.page-two-card{display:flex;flex-direction:column;justify-content:space-between;min-height:0;gap:12px;background:#17212b;border-radius:9px;padding:18px;color:#f7f3e9;overflow-y:auto;overscroll-behavior-y:auto}
.two-screens #heroNews.iam-news{min-height:74px;padding:11px 12px;gap:8px;flex:none}.two-screens .iam-news strong{font-size:17px}.two-screens .iam-news small{font-size:10px}.two-screens .iam-news-action{font-size:10px}.two-screens .iam-news-arrow{display:none}
.two-screens .iam-editorial{margin:0;padding:12px;flex:none}.two-screens .iam-editorial label{margin-bottom:3px;font-size:9px}.two-screens.iphone-review .iam-editorial select{font-size:18px!important;padding:5px 0 7px}.two-screens .iam-editorial-tag,.two-screens .iam-editorial-empty{font-size:10px;margin-top:5px;line-height:1.4}
.two-screens .iam-moments{margin:0;flex:none;gap:6px}.two-screens .iam-moments button{min-height:45px;padding:8px 5px;gap:5px}.two-screens .iam-moments strong{font-size:10px}
.two-screens .page-two-card .extra-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;flex:none}.two-screens .page-two-card .extra-actions button{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:7px;min-height:46px;border:1px solid #afbecc33;border-radius:6px;background:transparent;color:#f7f3e9;font:400 11px IAMInter,Arial,sans-serif}.two-screens .extra-actions svg{width:17px;height:17px;fill:none;stroke:currentColor}
.two-screens .radio-doors{margin:0!important;flex:none}.two-screens .radio-doors a{min-height:50px;padding:9px 12px;font-size:12px}.two-screens .radio-doors a small{font-size:9px}
.page-two-tools{display:flex;align-items:center;gap:10px;min-height:44px;flex:none}.two-screens .recommend-jack{margin:0;padding:8px 0;flex:1;min-height:44px}.two-screens #audioOutput{position:static;margin:0;width:42px;height:42px;min-width:42px;background:transparent;border-color:#afbecc33;color:#d8e1e9}.two-screens #audioOutput svg{width:21px;height:21px}
.two-screens .family-hero[hidden],.two-screens .family-lower[hidden],.two-screens .release-meta[hidden]{display:none!important}
.two-screens.personal-view .jack-pages{height:auto;overflow:visible;scroll-snap-type:none}.two-screens.personal-view .jack-page{height:auto;min-height:0;display:block;padding-bottom:20px}.two-screens.personal-view .page-two,.two-screens.personal-view .page-position{display:none}.two-screens.personal-view header{margin-bottom:14px}.two-screens.personal-view .page-one-content{display:none}.two-screens.personal-view .cover{height:590px!important;min-height:590px!important;max-width:100%!important;margin:0!important;border-radius:9px}.two-screens.personal-view .personal-space{margin:0 auto;width:min(100%,460px);box-sizing:border-box}.two-screens.moments-focus .page-one{padding-bottom:0}
@media(max-width:370px){.two-screens .jack-page{padding-inline:14px}.two-screens .brand{gap:9px!important}.two-screens .iam-jack-sign img{width:65px}.two-screens .iam-radio-words img{width:86px}.two-screens .iam-radio-sign .iam-emblem{width:18px}.two-screens .header-right{gap:5px}.two-screens header .icon{width:36px;height:36px;min-width:36px}.page-one-content{padding:15px}.two-screens .iam-station-name img{width:67px}.two-screens .quick-listen .iam-station{padding:10px 7px;gap:5px}}
@media(max-height:740px){.two-screens .jack-page{grid-template-rows:82px minmax(0,1fr) 24px;gap:8px;padding-top:8px}.two-screens header{height:82px;padding-block:10px}.two-screens .page-one-headline{font-size:36px}.page-one-content{gap:10px;padding:15px}.two-screens .quick-listen .iam-station{min-height:65px}.two-screens .page-two{grid-template-rows:28px minmax(0,1fr) 24px;padding-top:12px}.page-two-card{gap:8px;padding:14px}.two-screens .iam-editorial{padding:10px}.two-screens #heroNews.iam-news{min-height:70px}.two-screens .family-send{min-height:53px}}
@media(prefers-reduced-motion:reduce){.jack-pages{scroll-behavior:auto}}

/* V5 · primera pantalla musical, segunda pantalla editorial. */
.two-screens .page-one-content .iam-moments button{min-height:47px;border:0;background:#f6f2e8;color:#17344e;padding:9px 5px}
.two-screens .page-one-content .iam-moments button:before{color:#a57d32}
.two-screens .page-one-content .iam-moments strong{font-size:10px;font-weight:500}
.two-screens .page-two-card{display:grid;grid-template-rows:minmax(90px,1fr) auto auto auto auto 44px;justify-content:normal;gap:12px;padding:14px;overflow:visible;position:relative}
.page-two-photo{min-height:0;margin:0;border-radius:5px;overflow:hidden;background:#473a2c}
.page-two-photo img{width:100%;height:100%;object-fit:cover;object-position:48% 55%;display:block}
.page-newsletter{padding:14px 15px;background:#f2ecdf;color:#19344b;border-radius:5px}
.page-editorial-kicker{display:block;font:600 8px/1.3 IAMInter,Arial,sans-serif;letter-spacing:1.5px;color:#88672d;margin-bottom:7px}
.page-newsletter h3{font:400 26px/1.04 IAMNews,Georgia,serif;letter-spacing:-.4px;margin:0}
.page-newsletter p{font:400 10px/1.45 IAMInter,Arial,sans-serif;color:#53636e;margin:7px 0 0}
.page-messages{display:flex;align-items:center;gap:10px;padding:12px 11px;border:1px solid #d7b36855;border-left:2px solid #d7b368;border-radius:4px}
.page-messages>svg{width:21px;height:21px;flex:none;fill:none;stroke:#e7bd65;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.page-messages h3{font:500 12px/1.3 IAMInter,Arial,sans-serif;margin:0;color:#f7f3e9}
.page-messages p{font:400 10px/1.4 IAMInter,Arial,sans-serif;margin:4px 0 0;color:#b5c1cb}
.two-screens .page-two-tools{gap:6px;position:relative;min-width:0}
.two-screens .page-two-tools .family-send{min-height:44px;padding:8px 10px;gap:7px;flex:1;min-width:0}
.two-screens .page-two-tools .family-send strong{font-size:11px;white-space:nowrap}
.two-screens .page-two-tools .family-send .family-heart{font-size:21px}
.two-screens .page-two-tools .family-send>span:last-child{font-size:16px}
.two-screens .page-two-tools .family-send small[hidden]{display:none!important}
.two-screens .page-two-tools .recommend-jack{min-width:35px;width:35px;flex:none;justify-content:center;padding:8px 0}
.two-screens .page-two-tools .recommend-jack>span{display:none}
.two-screens .page-two-tools .recommend-jack svg{width:18px;height:18px}
.two-screens .page-two-tools #audioOutput{min-width:35px;width:35px;height:40px;border:0}
.page-more{position:static;display:grid;place-items:center;width:35px;min-height:44px;flex:none;padding:0;border:0;background:transparent;color:#f7f3e9;cursor:pointer;font-size:16px;letter-spacing:1px}
.page-more:focus-visible{outline:2px solid #e7bd65;outline-offset:2px;border-radius:4px}
.two-screens .page-more-items[hidden]{display:none!important}
.two-screens .page-more-items .radio-doors{margin-top:14px!important}
.two-screens .page-more-items .extra-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.two-screens .page-more-items .extra-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:10px;border:1px solid #aebfcb;border-radius:6px;background:#fffdf7;color:#102b49;font-size:12px}
.two-screens .page-more-items .extra-actions svg{width:18px;height:18px;fill:none;stroke:currentColor}
@media(max-height:740px){
 .two-screens .page-two-card{grid-template-rows:minmax(74px,1fr) auto auto auto auto 44px;gap:8px;padding:12px}
 .two-screens #heroNews.iam-news{min-height:62px;padding:8px 10px}
 .two-screens .iam-news strong{font-size:15px}
 .two-screens .iam-news small{font-size:9px;line-height:1.3;margin:3px 0}
 .two-screens .iam-editorial{padding:8px 10px}
 .two-screens.iphone-review .iam-editorial select{font-size:17px!important;padding:3px 0 5px}
 .two-screens .iam-editorial-empty{display:none}
 .page-newsletter{padding:10px 12px}.page-editorial-kicker{margin-bottom:4px;font-size:7px}
 .page-newsletter h3{font-size:24px}.page-newsletter p{font-size:9px;line-height:1.3;margin-top:4px}
 .page-messages{padding:9px 10px}.page-messages p{font-size:9px;margin-top:3px}
}
@media(max-height:620px){
 .two-screens .page-two-card{grid-template-rows:minmax(64px,1fr) auto auto auto auto 44px;gap:6px;padding:10px}
 .two-screens #heroNews.iam-news{min-height:58px;padding:7px 8px}
 .two-screens .iam-editorial{padding:6px 8px}.two-screens .iam-editorial-tag{font-size:9px;margin-top:4px}
 .page-newsletter{padding:8px 10px}.page-newsletter h3{font-size:23px}.page-newsletter p,.page-messages p{display:none}
 .page-messages{padding:8px}.page-messages h3{font-size:11px}.page-messages>svg{width:18px;height:18px}
 .two-screens .page-two-tools{gap:3px}.two-screens .page-two-tools .family-send{padding:8px 7px;gap:6px}.two-screens .page-two-tools .family-send strong{font-size:10px}
}

/* V8 · devolver presencia al símbolo original de LATIDO en el cabezal crema. */
.two-screens header{gap:8px}
.two-screens .brand{gap:10px!important}
.two-screens .iam-jack-sign img{width:80px}
.two-screens .iam-radio-sign{gap:8px;flex:none}
.two-screens .iam-radio-sign .iam-emblem{width:48px;flex:none}
.two-screens .iam-radio-words img{width:104px}
.two-screens .header-right{gap:6px;flex:none}
.two-screens header .icon{width:44px;height:44px;min-width:44px}
@media(max-width:389px){
 .two-screens .brand{gap:8px!important}
 .two-screens .iam-jack-sign img{width:76px}
 .two-screens .iam-radio-sign{gap:7px}
 .two-screens .iam-radio-sign .iam-emblem{width:44px}
 .two-screens .iam-radio-words img{width:100px}
}
@media(max-width:350px){
 .two-screens .brand{gap:6px!important}
 .two-screens .iam-jack-sign img{width:58px}
 .two-screens .iam-radio-sign{gap:6px}
 .two-screens .iam-radio-sign .iam-emblem{width:36px}
 .two-screens .iam-radio-words img{width:84px}
}

/* V9 · firma discreta en el renglón superior de la segunda pantalla. */
.two-screens .page-two-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;height:30px}
.two-screens .page-two-topbar .page-two-heading{min-width:0;white-space:nowrap}
.two-screens .page-two-presence{display:flex;align-items:center;gap:8px;flex:none}
.two-screens .page-two-signature{display:flex;align-items:center;gap:6px!important;flex:none;padding:0;border:0}
.two-screens .page-two-signature .iam-emblem{width:26px!important;height:auto;flex:none}
.two-screens .page-two-signature .iam-radio-words{gap:3px}
.two-screens .page-two-signature .iam-radio-words img{width:62px!important;height:auto}
.two-screens .page-two-signature .iam-radio-words span{font-size:6px;line-height:1;letter-spacing:2px;color:#102b49}
@media(max-width:350px){
 .two-screens .page-two-topbar .page-two-heading{font-size:22px}
 .two-screens .page-two-signature{gap:5px!important}
 .two-screens .page-two-signature .iam-emblem{width:20px!important}
 .two-screens .page-two-signature .iam-radio-words img{width:48px!important}
 .two-screens .page-two-signature .iam-radio-words span{font-size:5px;letter-spacing:1.5px}
}

/* V11 · el control de escucha pertenece a la composición, nunca flota al pie. */
body.two-screens>.reading-player{display:none!important}
.two-screens .page-two-presence .reading-player{position:static;inset:auto;transform:none;z-index:auto;box-sizing:border-box;flex:none;display:flex;width:44px;height:44px;min-height:44px;padding:0;border:0;box-shadow:none;border-radius:0;background:transparent!important;color:#102b49!important}
.two-screens .page-two-presence .reading-player[hidden]{display:none!important}
.two-screens .page-two-presence .reading-player .mini-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.two-screens .page-two-presence .reading-player button{width:44px;height:44px;border-color:#afbecc;color:#102b49}