/* Preserve the complete artwork: the hero follows its natural proportions. */
#inicio.hero-full{--mosaic-header:88px;--mosaic-art-height:56.25vw;position:relative;height:calc(var(--mosaic-art-height) + var(--mosaic-header));min-height:0;padding:0;overflow:hidden;background:#b6cddb}
#inicio .mosaic-cover{position:absolute;inset:var(--mosaic-header) 0 0;overflow:hidden}
#inicio .mosaic-cover img{position:absolute;left:50%;top:50%;display:block;width:var(--mosaic-art-height);height:100vw;max-width:none;object-fit:contain;object-position:center;transform:translate(-50%,-50%) rotate(90deg);filter:none}
#inicio .cover-copy{inset:var(--mosaic-header) 0 0;height:var(--mosaic-art-height);padding:20px 7%;align-items:center}
@media(min-width:701px) and (max-width:1100px){
 #inicio .cover-copy{padding-block:12px}
 #inicio .cover-copy h1.cover-editorial-title{font-size:clamp(40px,5.2vw,57px)}
 #inicio .cover-editorial-title .cover-format{font-size:13px;margin-top:12px}
 #inicio .cover-copy .cover-qualities{margin-top:16px}
 #inicio .cover-qualities .description-intro{font-size:23px}
 #inicio .quality-bubbles{margin-top:10px}
 #inicio .quality-bubbles li{flex-basis:72px;width:72px;height:72px;font-size:10px}
 #inicio .cover-copy .project-phone{margin-top:16px}
 #inicio .project-phone .project-form-link{padding:12px 20px;font-size:12px}
}
@media(max-width:700px){
 #inicio.hero-full{--mosaic-header:60px;--mosaic-art-height:177.777778vw}
 #inicio .mosaic-cover img{inset:0;width:100%;height:100%;transform:none;object-fit:contain;object-position:center}
 #inicio .cover-copy{padding:20px 7%}
}