/* V2. Misma jerarquía, acomodo y tipografía que la web de referencia. */
body.iam-proposal.family-web{--paper:#17212b;--ink:#f7f3e9;--muted:#b5c1cb;--line:#afbecc33;background:#17212b;color:#f7f3e9}
.family-web header{width:min(1140px,calc(100% - 72px));max-width:none;height:auto;min-height:108px;padding:18px 0;background:transparent;border-bottom:1px solid #afbecc33;border-radius:0;margin:0 auto}
.family-web .brand{width:100%;justify-content:space-between!important;gap:20px!important}
.family-web .iam-radio-sign{padding:0;border:0;gap:15px}.family-web .iam-radio-sign .iam-emblem{width:68px}.family-web .iam-radio-words{gap:5px;align-items:flex-start}.family-web .iam-radio-words img{width:185px}.family-web .iam-radio-words span{font-size:13px;letter-spacing:4.2px}
.family-web .iam-jack-sign img{width:85px}.family-web .iam-jack-sign small{font-size:9px;color:#b5c1cb}
.family-web .header-right[hidden]{display:none!important}
.family-web .layout{width:min(1140px,calc(100% - 72px));max-width:none;margin:0 auto;padding:42px 0 24px;display:block}
.family-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:68px;align-items:center}
.family-content{min-width:0}.family-content>h1{font:500 clamp(57px,5.4vw,77px)/1.04 IAMNews,Georgia,serif;letter-spacing:-2.7px;margin:0;color:#f7f3e9}.family-content>h1 span{color:#e7bd65}.family-intro{font-size:16px;line-height:1.65;color:#ced7df;margin:22px 0 29px}
.family-web .quick-listen{display:grid;grid-template-columns:1fr 1.15fr!important;gap:12px;margin:0}
.family-web .quick-listen .iam-station{display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;gap:12px;padding:18px 14px;min-height:104px;background:#0a2033!important;color:#f7f3e9!important;border:1px solid #8498aa80!important;border-radius:7px!important;text-align:left;box-shadow:0 8px 22px #0002}
.family-web .quick-listen .iam-station:hover,.family-web .quick-listen .iam-station[aria-pressed=true]{background:#12364d!important;border-color:#e7bd65!important}
.family-web .iam-station-name img{width:111px}.family-web .iam-station-name{gap:7px;font-size:23px}.family-web .iam-station-sub{font-size:10px;color:#d0dce6;margin-top:7px;line-height:1.5;max-width:none}.family-web .iam-station-glyph{width:20px;height:24px;border:0;background:transparent;color:#e7bd65}.family-web .iam-station[aria-pressed=true] .iam-station-glyph{background:transparent;color:#e7bd65}
.family-web .quick-listen .iam-station{flex-direction:row}.family-web .iam-station-glyph{order:-1}
.family-send{margin:14px 0;display:flex;align-items:center;gap:13px;width:100%;min-height:71px;padding:13px 17px;background:#f1eee5;color:#19344b;border:1px solid #e0d8c7;border-radius:7px;text-align:left}.family-send .family-heart{font-size:28px;line-height:1}.family-send>span:nth-child(2){flex:1}.family-send strong{display:block;font-size:14px;font-weight:650}.family-send small{display:block;font-size:11px;line-height:1.5;margin-top:3px;color:#4f6270}.family-send>span:last-child{font-size:20px}
.family-web #heroNews.iam-news{min-height:88px;padding:14px 16px;border:1px solid #afbecc33;border-radius:6px;background:transparent;color:#f7f3e9;gap:12px}.family-web .iam-news-glyph{width:20px;background:transparent;color:#e7bd65}.family-web .iam-news strong{font:600 17px/1.3 IAMInter,Arial,sans-serif}.family-web .iam-news small{font-size:11px;color:#c1ced9;margin:4px 0}.family-web .iam-news-action{font-size:11px;color:#e7bd65}.family-web .iam-news-arrow{color:#e7bd65}
.family-web .iam-editorial{margin-top:14px;padding:16px;border:1px solid #afbecc33;border-radius:6px;background:transparent}.family-web .iam-editorial label{font-size:10px;color:#e7bd65;margin:0 0 8px}.family-web.iphone-review .iam-editorial select{font:600 20px/1.4 IAMInter,Arial,sans-serif!important;color:#f7f3e9;border-bottom:1px solid #afbecc33;padding:6px 0 10px;color-scheme:dark}.family-web .iam-editorial-tag,.family-web .iam-editorial-empty{font-size:11px;color:#b5c1cb;line-height:1.6;margin:9px 0 0}
.family-web .iam-moments{margin-top:12px;grid-template-columns:1fr 1fr 1.25fr;gap:8px}.family-web .iam-moments button{min-height:48px;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:7px;padding:9px 7px;border:1px solid #afbecc33;border-radius:6px;background:transparent;color:#f7f3e9}.family-web .iam-moments button:before{content:'♪';color:#e7bd65;font-size:14px}.family-web .iam-moments small{display:none}.family-web .iam-moments strong{font-size:11px;font-weight:400}
.family-web .radio-doors{margin:18px 0 0!important}.family-web .radio-doors a{min-height:49px;padding:11px 18px;border:0;border-radius:5px;background:#e7bd65;color:#102437;font-size:13px}.family-web .radio-doors a small{color:#243f51;font-size:10px}.family-web .recommend-jack{justify-content:flex-start;color:#d8e1e9;padding:10px 0;margin:4px 0 0;font-size:12px}
body.family-web.iphone-review .cover,body.family-web.iphone-review.radio-blue:not(.personal-view) .cover{width:100%;height:500px;min-height:0;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:transparent}
.family-web .card-front,.family-web .card-back{border-radius:0}.family-web .card-front>img{object-position:60% 0}.family-web .card-front:after{display:none!important}.family-web .cover-text,.family-web:not(.personal-view) .flip-control,.family-web .flip-hint,.family-web .cover-tools,.family-web .cover-label{display:none!important}
.family-photo-caption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:40px 20px 17px;background:linear-gradient(transparent,#071829e8);color:#f7f3e9;font:400 26px/1.15 IAMNews,Georgia,serif;pointer-events:none}
.family-lower{margin-top:26px;border-top:1px solid #afbecc33;padding-top:14px}.family-web .family-lower .radio-hoy{max-width:530px;margin:0 auto 14px;min-height:49px;border:0}.family-web .family-lower .extra-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:530px;margin:0 auto}.family-web .family-lower .extra-actions button{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;min-height:52px;border:1px solid #afbecc33;border-radius:6px;background:transparent;color:#f7f3e9;font:400 12px IAMInter,Arial,sans-serif}.family-lower .extra-actions svg{width:18px;height:18px;stroke:currentColor;fill:none}.family-toolbar{display:flex;justify-content:center;gap:12px;margin-top:15px}.family-web .family-toolbar .icon,.family-web .family-toolbar #audioOutput{position:static;margin:0;width:44px;height:44px;color:#d8e1e9;background:transparent;border:1px solid #afbecc33;box-shadow:none}.family-web .family-toolbar #audioOutput svg{width:22px;height:22px}
.family-web .release-footer{color:#9eafbd}.family-web .release-meta{padding-inline:0!important}
.family-web.personal-view .family-content,.family-web.personal-view .family-lower,.family-web.personal-view .family-photo-caption{display:none!important}.family-web.personal-view .family-hero{display:block}.family-web.personal-view .cover{max-width:600px!important;height:610px!important;min-height:610px!important;margin:0 auto!important}.family-web.personal-view .flip-control{display:flex!important}.family-web.personal-view .personal-space{color:#102b49}.family-web dialog{--ink:#102b49;--muted:#5b6b7a;color:#102b49}.family-web .personal-space{--ink:#102b49;--muted:#5b6b7a;color:#102b49}
@media(max-width:1050px){.family-hero{gap:38px}.family-web .quick-listen .iam-station{gap:8px;padding:15px 10px}.family-web .iam-station-name img{width:92px}.family-web .iam-station-sub{font-size:9px}}
@media(max-width:800px){.family-web header{width:calc(100% - 36px);min-height:98px;padding:16px 0;padding-top:max(16px,env(safe-area-inset-top))}.family-web .iam-radio-sign{gap:11px}.family-web .iam-radio-sign .iam-emblem{width:49px}.family-web .iam-radio-words img{width:146px}.family-web .iam-radio-words span{font-size:10px;letter-spacing:3.5px}.family-web .iam-jack-sign img{width:68px}.family-web .iam-jack-sign small{font-size:8px}.family-web .layout{width:calc(100% - 36px);padding:29px 0 20px}.family-hero{display:flex;flex-direction:column;gap:27px}.family-content{width:100%}.family-content>h1{font-size:clamp(49px,11.5vw,72px);line-height:1.03;letter-spacing:-1.9px}.family-intro{font-size:14px;margin:17px 0 24px}.family-web .quick-listen{gap:9px}.family-web .quick-listen .iam-station{min-height:91px;padding:13px 10px;gap:8px}.family-web .iam-station-name img{width:94px}.family-web .iam-station-name{font-size:20px}.family-web .iam-station-sub{font-size:9px}.family-web .iam-station-glyph{width:16px}.family-web #heroNews.iam-news{padding:13px 12px;gap:10px}.family-web .iam-news strong{font-size:17px}.family-web .iam-news small{font-size:10px}.family-web .iam-news-arrow{display:none}.family-web .iam-editorial{padding:15px}.family-web.iphone-review .cover,.family-web.iphone-review.radio-blue:not(.personal-view) .cover{height:265px;min-height:0;max-height:none}.family-photo-caption{font-size:24px}.family-web.personal-view .cover{height:590px!important;min-height:590px!important}.family-web .personal-space{margin:16px 0 0;padding:24px 18px}.family-web .iam-moments strong{font-size:11px}}
@media(max-width:370px){.family-web .iam-radio-sign .iam-emblem{width:39px}.family-web .iam-radio-words img{width:128px}.family-web .iam-jack-sign img{width:59px}.family-web .quick-listen .iam-station{padding:12px 8px;gap:6px}.family-web .iam-station-name img{width:79px}.family-web .iam-station-name{font-size:18px}}
@media(max-width:800px){body.family-web.iphone-review .cover,body.family-web.iphone-review.radio-blue:not(.personal-view) .cover{height:265px;min-height:0;max-height:none}}
.family-web.personal-view:not(.moments-focus) .personal-moment-buttons,.family-web.personal-view:not(.moments-focus) .moment-heading{display:none}
.family-web.personal-view .gift-side-edit{bottom:14px;right:14px;transform:none}
.family-web.personal-view .gift-back .gift-brand{bottom:72px}
/* V3: fotografía inmediatamente después del titular en móvil, sin duplicar la postal. */
@media(max-width:800px){
 .family-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .family-content{display:contents}
 .family-content>h1{grid-row:1}
 body.family-web.iphone-review:not(.personal-view) .cover{grid-row:2;margin:22px 0 0!important}
}