/* Revisión móvil de portada. Reversible quitando este enlace de index.html.
   Sin cambios de texto, colores, imágenes, tamaños del menú o lema. */
.homepage .home-header .brand-logo{position:relative;top:-3px}
.homepage .home-header .brand{max-width:100%}
.homepage .home-header .header-actions{min-width:0}
.homepage .home-header .about-link{line-height:1.5}
.homepage .hero-photograph,.homepage .card-art{max-width:100%;min-width:0}
.homepage .site-footer .footer-menu a{max-width:100%;overflow-wrap:anywhere}
.homepage .site-footer .footer-copyright{grid-column:1/-1;margin:0}
.homepage .newsletter-controls button,.homepage #newsletter-invitation button{white-space:normal}
@media(max-width:1000px){
 .homepage .newsletter-preview{grid-template-columns:minmax(0,1fr);gap:22px}
 .homepage .newsletter-preview .newsletter-controls{flex-direction:column}
 .homepage .newsletter-preview .newsletter-controls button{min-height:44px}
}
@media(max-width:760px){
 .homepage .home-header{min-height:0;gap:14px;padding-block:18px}
 .homepage .home-header .brand-logo{top:-2px}
 .homepage .home-header .header-actions{width:100%;gap:12px}
 .homepage .home-header .about-link{align-self:flex-end;text-align:right;min-height:44px}
 .homepage .home-header .header-tools{width:100%;gap:8px}
 .homepage .home-header .header-tools .write-for-us{min-height:44px}
 .homepage>nav[aria-label="Áreas editoriales"]{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:22px;max-width:88%}
 .homepage .hero .button,.homepage #proyecto .button{min-height:44px;max-width:100%;gap:24px;line-height:1.5}
 .homepage .hero .intro{max-width:40ch}
 .homepage .site-footer .footer-menu a{min-height:44px}
 .homepage .site-footer{row-gap:30px}
}
@media(max-width:600px){
 .homepage .popular-topics h2{min-width:0;overflow-wrap:normal}
 .homepage .popular-topics .popular-topic-frames{max-width:100%}
 .homepage #proyecto .project-identity{flex-wrap:wrap}
 .homepage .site-footer .brand{flex-wrap:nowrap;font-size:28px}
 .homepage .site-footer .footer-star{flex-shrink:0}
 .homepage .site-footer .footer-social{gap:10px 20px}
}
@media(max-width:380px){
 .homepage .home-header .header-tools{gap:4px}
 .homepage .home-header .header-tools .write-for-us{padding-inline:7px}
 .homepage .popular-topics h2{font-size:26px}
 .homepage .popular-topics{padding-inline:18px}
 .homepage .newsletter-preview{padding-inline:18px}
}
@media(pointer:coarse){
 .homepage .home-header .header-tools button{min-height:44px;min-width:44px}
 .homepage .site-footer .footer-menu a{min-height:44px}
}