/* Final mobile/tablet layer: intentionally loaded after all homepage modules. */
html,body{max-width:100%;overflow-x:hidden}img,video,iframe{max-width:100%}
@media(max-width:1024px){
  .wrap{width:min(920px,calc(100% - 40px))}
  nav .wrap{gap:20px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  nav .wrap::-webkit-scrollbar{display:none}nav a{white-space:nowrap;min-height:44px;display:flex;align-items:center}
  .hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(260px,.85fr)}
  .editorial{grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:38px}
  .mag-grid{grid-template-columns:340px minmax(0,1fr);gap:42px}
}
@media(max-width:850px){
  .wrap{width:calc(100% - 32px)}.breaking{height:auto;min-height:40px;padding:8px 16px;gap:10px;line-height:1.35}
  .breaking span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mast{padding-block:10px}
  .menu{order:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:6px}.mast-actions{margin-left:auto}
  .mast-actions .cta{min-height:44px;display:flex;align-items:center}header nav{top:116px;z-index:30;box-shadow:0 14px 28px rgba(7,26,51,.14);max-height:calc(100vh - 116px);overflow-y:auto}
  nav .wrap{width:100%;padding:8px 16px;overflow:visible}nav a{padding:11px 8px;border-bottom:1px solid var(--line)}
  .hero-grid,.diaspora-grid,.editorial,.eco,.newsletter-grid,.mag-grid{grid-template-columns:minmax(0,1fr)}
  .side{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:48px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .wrap{width:calc(100% - 24px)}.breaking b{font-size:9px;white-space:nowrap}.breaking span{font-size:9px}.breaking time{display:none}
  .mast{height:92px;gap:8px}.official-logo img{width:62px;height:62px}.mast .official-logo{min-width:0;gap:6px}.mast .official-logo span{min-width:0}
  .mast .official-logo strong{font-size:clamp(16px,5.2vw,21px);white-space:nowrap}.mast .official-logo small{display:none}.mast-actions{gap:6px}
  .mast-actions .cta{font-size:0;width:42px;padding:0;justify-content:center}.mast-actions .cta:after{content:'+';font-size:22px}.menu{font-size:22px}
  header nav{top:92px;max-height:calc(100vh - 92px)}.section{padding-block:36px}.hero-grid{margin-top:12px}
  .lead-photo-link{height:auto;aspect-ratio:16/10}.lead h1{font-size:clamp(27px,8vw,36px);line-height:1.08}.lead-copy{padding:20px 17px 22px}.lead-copy p{font-size:14px}
  .side{display:grid;grid-template-columns:1fr;gap:16px}.side article{display:block}.secondary-photo{height:auto;aspect-ratio:16/10}.secondary-photo img{height:100%;object-fit:cover}
  .side article>:not(.photo):not(.secondary-photo){margin-left:17px;margin-right:17px}.side article p{display:block}.secondary-read{margin-bottom:18px}
  .cards{grid-template-columns:1fr;gap:24px}.cards article:last-child{grid-column:auto}.cards .photo{height:auto;aspect-ratio:16/10}
  .title-row{align-items:flex-start;gap:12px}.title-row h2,.big-title{font-size:clamp(28px,8vw,35px)}.title-row>a{display:none}
  .diaspora-grid,.editorial,.mag-grid,.eco,.newsletter-grid{gap:28px}.quote{padding-left:20px}.quote blockquote{font-size:24px}.director{padding:24px 19px}
  .cover{width:min(255px,82vw);height:auto;aspect-ratio:3/4}.mag-grid h2,.newsletter h2,.about h2{font-size:clamp(31px,9vw,39px)}
  .buttons{width:100%;flex-direction:column}.buttons a,.buttons button{min-height:48px;text-align:center}.newsletter input,.newsletter form button{min-height:48px;width:100%}
  .footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.legal{align-items:flex-start}.whatsapp{right:12px!important;bottom:12px!important;transform:scale(.88);transform-origin:right bottom}
}
@media(max-width:380px){.mast .official-logo strong{font-size:16px}.official-logo img{width:52px;height:52px}.mast-actions .cta{display:none}.lead h1{font-size:27px}}
