/* Cabecera de la portada, aplicada solo al menú de Rimatcom IA. */
.ai-page .header{height:88px;gap:20px;background:#0b141ef2;color:#e6ecf3;border-color:#ffffff17;backdrop-filter:blur(14px);box-shadow:none}
.ai-page .header .brand{width:210px;height:64px;gap:0}
.ai-page .header .brand img{width:210px;height:105px;object-fit:contain}
.ai-page .header nav{gap:18px;font-size:12px;background:transparent}
.ai-page .header nav a{padding:11px 12px;font-size:inherit;color:inherit}
.ai-page .header .services-menu summary{gap:12px;padding:12px;color:inherit}
.ai-page .header .nav-contact{border:1px solid #af8b71;padding:11px 12px;color:#f1f5f9;background:transparent}
.ai-page .header .menu-toggle{color:#f1f5f9;background:transparent;border-color:#61778a}
.ai-page .header .services-dropdown{width:245px;background:#122131;border-color:#33485a;box-shadow:0 20px 45px #0005}
.ai-page .header nav a:hover,.ai-page .header .services-menu summary:hover{background:#1c2b39;color:#ffd2b4}
.ai-page .header nav a[aria-current]{background:#c77c481c;color:#ffd2b4;box-shadow:inset 0 -2px 0 #d7a38b}
@media(min-width:1201px) and (max-width:1250px){.ai-page .header .brand{width:170px}.ai-page .header .brand img{width:170px}}
@media(max-width:1200px){
.ai-page .header{height:80px}
.ai-page .header .menu-toggle{display:block}
.ai-page .header nav{display:none;position:absolute;left:0;right:0;top:80px;background:#0b141efa;padding:24px 6%;border-bottom:1px solid #3b4d5c;flex-direction:column;align-items:stretch;gap:8px;max-height:calc(100dvh - 80px);overflow-y:auto}
.ai-page .header nav.open{display:flex}
.ai-page .header .services-menu{width:100%}
.ai-page .header .services-menu summary{justify-content:space-between;font-size:14px}
.ai-page .header .services-dropdown{position:static;width:100%;background:transparent;border:0;border-left:1px solid #7c6c5d;border-radius:0;box-shadow:none;padding:5px 5px 5px 15px;margin-top:8px}
.ai-page .header nav a{padding:13px 12px;font-size:14px}
.ai-page .header .nav-contact{justify-content:center;margin-top:5px}
.ai-page .header .brand{width:175px}
.ai-page .header .brand img{width:175px;height:87.5px}
}
@media(max-width:800px){.ai-page .header .brand{height:56px}}
@media(max-width:500px){.ai-page .header{gap:14px}}