/* Mobile usability refinements shared by the home and inner pages. */
@media(max-width:800px){
 html{scroll-behavior:auto}
 .text-link{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
 .hero-products a{min-height:44px}
 .modular-hero .hero-products a{min-height:44px;font-size:12px}
 .modular-hero .hero-benefits small{font-size:12px}
 .modular-hero .hero-microsoft>a{font-size:12px;min-height:66px}
 .modular-hero .hero-description{font-size:16px;line-height:1.55}
 .module-list{scroll-snap-type:x proximity}
 .module-list button{min-height:48px;scroll-snap-align:start}
 input,textarea,select{font-size:16px}
}
.notebook-mobile-navigation,.mobile-module-picker{display:none}
@media(max-width:800px){
 .modular-hero .notebook-hotspots-mobile{display:none}
 .notebook-mobile-navigation{display:block;margin:0 16px;border:1px solid #c7ddec;border-radius:8px;background:#fff;overflow:hidden}
 .notebook-mobile-navigation summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 14px;font-size:14px;font-weight:600;color:#172468;cursor:pointer;list-style:none}
 .notebook-mobile-navigation summary::-webkit-details-marker{display:none}
 .notebook-mobile-navigation>p{padding:0 14px 12px;font-size:13px;line-height:1.5}
 .notebook-mobile-navigation nav{display:grid;grid-template-columns:1fr;padding:0 12px 12px}
 .notebook-mobile-navigation nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;min-height:46px;border-top:1px solid #e0ebf4;font-size:14px;color:#172468}
 .notebook-mobile-navigation[open] summary>span{transform:rotate(180deg)}
 .mobile-module-picker{display:block;margin:0;padding:16px;background:#ecf2f7}
 .mobile-module-picker label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
 .mobile-module-picker select{width:100%;min-height:48px;padding:10px;border:1px solid #b4cde1;border-radius:6px;background:white;color:#10263d;font-size:16px}
 .erp-workbench:has(.mobile-module-picker)>.module-list{display:none}
}
/* Mobile hero: show the notebook before the longer description and actions. */
@media(max-width:760px){
 #inicio.modular-hero .hero-layout{display:flex;flex-direction:column;align-items:stretch;padding:24px 20px 20px;gap:16px}
 #inicio .hero-copy,#inicio .hero-product-visual{display:contents}
 #inicio .hero-eyebrow{order:1;margin:0;font-size:9px;letter-spacing:1.6px;line-height:1.5}
 #inicio #hero-title{order:2;margin:0;font-size:clamp(30px,7.8vw,40px);line-height:1.08;letter-spacing:-1.1px}
 #inicio #hero-title br{display:none}
 #inicio #hero-title>span:before{content:' '}
 #inicio .hero-screen{order:3;display:block;margin:0 -20px;aspect-ratio:1.72;background-image:url('assets/hero-notebook-clean.png');background-size:186% 118.06%;background-position:78% top;min-height:0;border-radius:0}
 #inicio .hero-description{order:4;margin:0;font-size:16px;line-height:1.5}
 #inicio .hero-actions{order:5;margin:0;gap:10px}
 #inicio .hero-products{order:6;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #inicio .hero-products a{padding:6px 4px;gap:6px;border:0;font-size:11px;min-height:44px}
 #inicio .hero-products img{width:24px;height:24px}
 #inicio .hero-microsoft{order:7;margin:0;padding:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #inicio .notebook-mobile-navigation{order:8;margin:0}
 #inicio .hero-benefits{padding:12px 16px}
}
@media(max-width:760px){
 #inicio #hero-title{text-wrap:wrap;font-size:clamp(29px,8.4vw,40px);width:100%}
}
@media(max-width:760px){#inicio #hero-title{font-size:clamp(26px,7vw,32px);letter-spacing:-.9px}#inicio #hero-title>span{white-space:nowrap}}
@media(max-width:760px){#inicio #hero-title br{display:block}#inicio #hero-title{font-size:clamp(25px,6.6vw,30px);letter-spacing:-1px}#inicio #hero-title>span{white-space:nowrap}}