/* V14 · Limpieza editorial, clima interior, postal directa y uso horizontal. */
.two-screens .page-two-card{grid-template-rows:minmax(90px,1fr) auto auto auto auto minmax(48px,auto) 44px;gap:10px}
.page-services{display:flex;gap:10px;align-items:center;border-top:1px solid #aebfcb33;padding:12px 4px;color:#e7bd65;min-height:48px}
.page-services>span{font-size:21px}.page-services h3{font:500 14px IAMInter,Arial,sans-serif;margin:0;color:#f7f3e9}
button.hoy-weather{border:0;background:transparent;text-align:left;color:#e7bd65}
.hoy-weather strong{font-size:inherit;font-weight:600}.hoy-weather small{max-width:180px;line-height:1.35}
.weather-source{font:11px/1.5 IAMInter,Arial,sans-serif;color:#657582;margin-top:20px}.weather-source a{color:inherit}.weather-detail{font:24px/1.3 IAMNews,Georgia,serif}
.weather-city-settings select,.postal-link-details input{width:100%;min-height:44px;padding:10px;border:1px solid #aebfcb;border-radius:5px;background:#fffdf7;color:#102b49}
.postal-outside-tools,.postal-outside-actions{display:none}
.personal-view .postal-outside-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;position:relative;z-index:5}
.postal-outside-tools[hidden],.postal-outside-actions[hidden]{display:none!important}
.postal-back,.postal-jack-share{width:44px;height:44px;flex:none;display:grid;place-items:center;background:transparent;border:1px solid #aebfcb;border-radius:50%;color:#17344e;font-size:23px}
.postal-jack-share{margin-left:auto;font-size:22px}.postal-outside-tools details{margin-right:auto}
.postal-outside-tools summary{font:12px/1.4 IAMInter,Arial,sans-serif;min-height:44px;display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}
.postal-outside-tools summary::-webkit-details-marker{display:none}
.postal-papers{position:absolute;left:0;right:0;top:52px;padding:12px;background:#f6f4ee;border:1px solid #bdc6cb;border-radius:8px;box-shadow:0 8px 30px #102b4930;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.postal-papers button{min-height:70px;padding:5px;border:1px solid #bdc6cb;border-radius:5px;background:transparent;font:10px/1.3 IAMInter,Arial,sans-serif;color:#17344e}
.postal-papers button[aria-pressed=true]{border:2px solid #a57f39}.postal-papers button>span{display:block;height:32px;margin-bottom:6px;border-radius:3px;background:#f7ecda}
.postal-papers [data-paper=blue]>span{background:#dce8ed}.postal-papers [data-paper=celebration]>span{background:radial-gradient(circle at 25% 35%,#c37e31 2px,transparent 3px),radial-gradient(circle at 70% 70%,#5c7877 2px,transparent 3px),#fcf3da}.postal-papers [data-paper=rose]>span{background:#f0dfdb}
body.two-screens.personal-view .cover{height:auto!important;min-height:0!important;overflow:visible;perspective:none;box-shadow:none}
body.two-screens.personal-view .card-inner{position:static!important;transform:none!important;transition:none}
body.two-screens.personal-view .card-front{display:none!important}
body.two-screens.personal-view .card-back.direct-postcard{position:relative;inset:auto;transform:none;overflow:visible;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:18px;min-height:430px;width:100%;padding:55px 28px 72px;border-radius:5px;border:1px solid #d9cbb6;color:#533d32;background-color:#f8efdf;background-image:repeating-linear-gradient(0deg,#604b2c04 0,#604b2c04 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,#fff2 0,#fff2 1px,transparent 1px,transparent 6px),linear-gradient(130deg,#f0e0c4,#fff8eb 46%,#eddfca)!important;box-shadow:0 6px 18px #24364712;isolation:isolate}
body.personal-view .direct-postcard:before{content:'';position:absolute;inset:13px;border:1px solid #ad8a4c42;background:none;z-index:-1;pointer-events:none}
body.personal-view .direct-postcard:after{content:'✦';position:absolute;top:21px;right:25px;font:25px Georgia;color:#a57f3977;pointer-events:none}
body.two-screens.personal-view .direct-postcard[data-paper=blue]{background-color:#dfe9ec;background-image:repeating-linear-gradient(0deg,#203f5a06 0,#203f5a06 1px,transparent 1px,transparent 4px),linear-gradient(135deg,#d6e4e8,#eef2ee 55%,#cbdde4)!important;color:#234358;border-color:#bacdd4}
body.two-screens.personal-view .direct-postcard[data-paper=celebration]{background-color:#fbefda;background-image:radial-gradient(ellipse at 7% 9%,#b58d3b 0 2px,transparent 3px),radial-gradient(ellipse at 91% 15%,#90695c 0 3px,transparent 4px),radial-gradient(ellipse at 88% 88%,#6a8980 0 2px,transparent 3px),radial-gradient(ellipse at 11% 84%,#b58d3b 0 3px,transparent 4px),repeating-linear-gradient(90deg,#7d642a04 0,#7d642a04 1px,transparent 1px,transparent 5px),linear-gradient(135deg,#fbefd3,#fff8eb 55%,#f0dfb9)!important}
body.two-screens.personal-view .direct-postcard[data-paper=rose]{background-color:#f1e1de;background-image:repeating-linear-gradient(0deg,#92565105 0,#92565105 1px,transparent 1px,transparent 4px),linear-gradient(135deg,#efd9d5,#faf0e9 55%,#ebd2ce)!important;color:#764b48}
body.iphone-review.personal-view .direct-postcard .postal-field{display:block;background:transparent;border:0;border-radius:0;box-shadow:none;width:100%;max-width:100%;min-width:0;min-height:44px;margin:0;padding:4px;color:inherit;transform:none;letter-spacing:0;font:500 32px/1.2 Caveat,'Bradley Hand',cursive!important;overflow-wrap:anywhere}
body.iphone-review.personal-view .direct-postcard textarea.postal-field{font-size:34px!important;line-height:1.25!important;resize:none;height:150px;max-height:none;overflow:auto;white-space:pre-wrap}
body.iphone-review.personal-view .direct-postcard #giftSignature{text-align:right;font-size:28px!important}
.direct-postcard .postal-field::placeholder{color:inherit;opacity:.55}.direct-postcard .postal-field:focus{outline:1px dashed #a57f3988;outline-offset:3px}
body.personal-view .direct-postcard .postal-corner-mark{position:absolute;bottom:21px;right:23px;left:auto;display:flex;align-items:center;gap:5px;min-height:22px;max-width:135px;margin:0;padding:0;text-decoration:none;opacity:.55;color:inherit;font:6px IAMInter,Arial,sans-serif}
.postal-corner-mark img{width:34px;filter:brightness(0);opacity:.7}.postal-corner-mark span{font:7px IAMInter,Arial,sans-serif}
body.personal-view .direct-postcard .postal-song-tag{font:11px/1.5 IAMInter,Arial,sans-serif;color:inherit;margin:0;padding:8px 0 0;max-width:100%;opacity:.8;border-top:1px solid #9e8b6d55}
body.family-web.personal-view #flipEdition,body.personal-view .gift-side-edit,body.personal-view .gift-intro,body.personal-view .back-audio{display:none!important}
body.two-screens.personal-view .personal-space{display:none!important}
.personal-view .postal-outside-actions{display:block;padding:0 0 max(24px,env(safe-area-inset-bottom));margin-top:16px;color:#17344e}
.postal-instruction{font:12px/1.5 IAMInter,Arial,sans-serif;margin:0 0 12px;color:#596a73}
.postal-outside-actions button.secondary{color:#17344e}.postal-outside-actions button{font:12px/1.4 IAMInter,Arial,sans-serif;min-height:46px;border-radius:6px}
#postalSong{color:#17344e;width:100%;text-align:left;overflow-wrap:anywhere}.postal-send-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.postal-send-actions .primary{background:#17344e;color:#fff8ea}
#postalStatus{font:12px/1.5 IAMInter,Arial,sans-serif}#postalDownload{font-size:12px;color:inherit}
.postal-link-details summary{min-height:44px;padding:12px 0}.postal-link-details label{display:block;margin:12px 0 6px}
@media(max-height:740px){.two-screens .page-two-card{grid-template-rows:minmax(72px,1fr) auto auto auto auto 48px 44px;gap:8px}}
@media(orientation:landscape) and (max-height:600px){
 body.two-screens .layout{width:min(100%,1000px);padding-inline:env(safe-area-inset-left)}
 .two-screens .jack-page{height:100dvh;padding:8px max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));grid-template-rows:64px minmax(230px,1fr) 24px;gap:6px;min-height:340px}
 .two-screens header{height:64px;padding:6px 0}.two-screens .brand{flex:none;margin-right:auto}.two-screens .iam-jack-sign img{width:78px}.two-screens .iam-radio-sign .iam-emblem{width:42px}
 /* El panel ocupa la altura; la foto continúa por debajo para cerrar el encuadre. */
 .two-screens .page-one-content{left:40%;right:0;width:60%;top:0;bottom:0;padding:clamp(12px,4dvh,20px) 20px;gap:10px;justify-content:space-between;background:#061b34}
 .two-screens .page-one-headline{font-size:32px;line-height:1;max-width:340px;margin:0}.two-screens .page-one-headline br{display:none}
 .two-screens:not(.personal-view) .card-front>img{left:0;right:auto;width:85%;height:100%;object-fit:cover;object-position:center 20%;animation:none;transform:scaleX(-1)}
 .two-screens:not(.personal-view) .card-front:after{left:0;right:60%;background:linear-gradient(90deg,transparent 70%,#03152c44)!important}
 .two-screens .quick-listen .iam-station{min-height:clamp(56px,16.4dvh,74px);padding:10px}.two-screens .iam-station-name img{width:68px}.two-screens .iam-station-sub{font-size:9px;margin-top:2px}.two-screens .iam-station-name{font-size:18px}
 .two-screens .page-one-content .iam-moments button{min-height:clamp(44px,12.3dvh,54px);padding:9px 5px}.two-screens .radio-hoy{padding-top:5px;min-height:39px}.two-screens .hoy-weather{min-height:34px}.two-screens .hoy-weather small{max-width:180px}
 .two-screens .page-two{grid-template-rows:30px minmax(270px,1fr) 24px;min-height:350px;padding-top:8px}
 .two-screens .page-two-card{display:grid;grid-template-columns:37% minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:8px;padding:10px;overflow:auto}
 .page-two-photo{grid-column:1;grid-row:1/5}.two-screens #heroNews.iam-news{grid-column:2/4;grid-row:1;min-height:58px}.two-screens .iam-editorial{grid-column:2/4;grid-row:2}
 .page-newsletter{grid-column:3;grid-row:3;padding:9px 10px}.page-newsletter h3{font-size:22px}.page-newsletter p{display:none}.page-editorial-kicker{font-size:7px}
 .page-messages{grid-column:2;grid-row:3;padding:9px}.page-messages h3{font-size:12px}.page-messages p{display:block;font-size:9px}
 .page-services{grid-column:2;grid-row:4;min-height:44px;padding:4px}.two-screens .page-two-tools{grid-column:3;grid-row:4;gap:2px}.two-screens .page-two-tools .family-send{padding:6px;gap:4px}.two-screens .page-two-tools .family-send strong{font-size:10px}.two-screens .page-two-tools .family-send .family-heart{display:none}.two-screens .page-two-tools .recommend-jack{display:none}.two-screens #audioOutput{width:30px;min-width:30px}.page-more{width:28px}
 body.two-screens.personal-view .jack-page{padding:10px max(24px,env(safe-area-inset-left)) 24px;display:block;height:auto;min-height:0}
 body.two-screens.personal-view header{max-width:940px;margin:0 auto 10px}
 body.personal-view .postal-outside-tools{max-width:850px;margin:0 auto 12px}
 body.two-screens.personal-view .cover{width:min(100%,850px);max-width:850px!important;margin:auto!important}
 body.two-screens.personal-view .card-back.direct-postcard{min-height:360px;padding:28px 55px 55px;gap:8px}
 body.iphone-review.personal-view .direct-postcard textarea.postal-field{height:150px;font-size:32px!important}
 body.personal-view .postal-outside-actions{max-width:850px;margin:14px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.postal-instruction{grid-column:1/-1;margin-bottom:0}.postal-send-actions{margin-top:0}#postalStatus{grid-column:1/-1;margin:0}
}
@media(orientation:landscape) and (max-height:370px){
 .two-screens .page-one-content{padding:12px 16px;gap:8px}
 .two-screens .page-one-headline{font-size:30px}
 .two-screens .quick-listen .iam-station{min-height:56px;padding:8px}
 .two-screens .page-one-content .iam-moments button{min-height:44px;padding:7px 5px}
}

.postal-jack-share svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.entry-settings{display:grid;gap:10px;margin-top:20px}.entry-settings a{color:#17344e;text-decoration:none}
.jack-confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:100}
.jack-confetti i{position:absolute;top:10%;left:50%;width:7px;height:13px;border-radius:1px;opacity:0;animation:jack-celebrate 2.8s var(--delay) ease-out forwards}
@keyframes jack-celebrate{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(var(--x),90vh) rotate(var(--spin))}}
@media(prefers-reduced-motion:reduce){.jack-confetti{display:none}}
