/* Destinio.ai Restore V10 overrides: menu, logo and compact typography */
.site-header .site-links a, .site-header .site-actions a { white-space: nowrap; }
.site-links { gap: 18px !important; }
.site-brand { text-decoration: none !important; cursor: pointer !important; }
.hero h1, .hero.compact h1, section.hero h1, main .hero h1, h1 {
  font-size: clamp(38px, 4.9vw, 68px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.052em !important;
  max-width: 1080px !important;
}
.hero p, .hero.compact p, section.hero p {
  font-size: clamp(18px, 1.65vw, 24px) !important;
  line-height: 1.48 !important;
  max-width: 880px !important;
}
.section-head h2, .cta-panel h2, h2 {
  font-size: clamp(28px, 3vw, 44px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
}
.card h3, h3 { font-size: clamp(19px, 1.55vw, 26px) !important; line-height: 1.14 !important; }
.kicker, .eyebrow { font-size: 12px !important; letter-spacing: .16em !important; }
@media(max-width: 1160px){ .site-links{display:none!important;} }
@media(max-width: 920px){
 .hero h1, .hero.compact h1, section.hero h1, h1 {font-size: clamp(34px, 7.5vw, 52px) !important;}
 .hero p, .hero.compact p {font-size: clamp(17px, 4vw, 22px) !important;}
 h2, .section-head h2, .cta-panel h2 {font-size: clamp(26px, 6vw, 38px) !important;}
}
@media(max-width:560px){
 .hero, .hero.compact{padding-top:64px!important;padding-bottom:48px!important;}
 .hero h1, .hero.compact h1, section.hero h1, h1{font-size: clamp(31px,9.2vw,42px)!important;line-height:1.08!important;}
 .hero p,.hero.compact p{font-size:17px!important;}
}


/* Destinio.ai V11 estabilización visual y navegación */
html,body{max-width:100%;overflow-x:hidden}
body{background:#050711;color:#fff}
img,svg,video{max-width:100%;height:auto}
.site-header{position:sticky;top:0;z-index:9999;background:rgba(5,7,17,.96)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(16px)}
.site-header .wrap.site-nav,.site-nav{max-width:1440px!important;width:100%!important;margin:0 auto!important;padding:0 28px!important;min-height:82px!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
.site-brand{width:auto!important;min-width:230px!important;max-width:280px!important;display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;flex:0 0 auto!important}
.site-mark{width:50px!important;height:50px!important;min-width:50px!important;display:grid!important;place-items:center!important;border-radius:16px!important;font-weight:950!important}
.site-word{font-size:30px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.055em!important;white-space:nowrap!important}
.site-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;flex:1 1 auto!important;min-width:0!important}
.site-links a{font-size:17px!important;line-height:1!important;font-weight:900!important;color:rgba(255,255,255,.72)!important;text-decoration:none!important;white-space:nowrap!important;padding:8px 0!important}
.site-links a:hover,.site-links a.active{color:#fff!important}
.site-actions{display:flex!important;align-items:center!important;gap:12px!important;flex:0 0 auto!important}
.site-login,.site-primary{min-height:44px!important;padding:11px 20px!important;border-radius:999px!important;font-size:15px!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap!important}
.site-login{border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
.site-primary{background:#00d4b0!important;color:#04130f!important;border:1px solid rgba(0,212,176,.35)!important}
.site-menu-btn{display:none!important}
.site-mobile-panel{display:none!important}
.wrap,.container{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;padding-left:28px!important;padding-right:28px!important}
.hero{padding-top:86px!important;padding-bottom:64px!important}
.hero h1,h1.disp,main h1{font-size:clamp(38px,5.1vw,72px)!important;line-height:1.02!important;letter-spacing:-.058em!important;max-width:1120px!important}
.hero p,.subtle,main .hero p{font-size:clamp(18px,1.65vw,24px)!important;line-height:1.5!important;max-width:900px!important}
section{overflow:hidden}
.grid{display:grid;gap:20px}
.grid.two,.g2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.grid.three,.g3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.grid.four,.g4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.card,.tile,.panel,.agent-card,.kpi,.row{box-sizing:border-box;max-width:100%}
.card h3,.tile h3,.panel h3{font-size:clamp(21px,2vw,28px)!important;line-height:1.12!important}
.btn,.site-primary,.site-login,button{max-width:100%}
.footer,.site-footer{overflow:hidden}
@media(max-width:1160px){
  .site-header .wrap.site-nav,.site-nav{min-height:72px!important}
  .site-links,.site-actions{display:none!important}
  .site-menu-btn{display:inline-flex!important;margin-left:auto!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;border-radius:999px!important;padding:10px 16px!important;font-weight:900!important}
  .site-mobile-panel.open{display:grid!important;gap:12px!important;padding:16px 28px 22px!important;background:#050711!important;border-top:1px solid rgba(255,255,255,.10)!important}
  .site-mobile-panel a{font-size:17px!important;color:rgba(255,255,255,.82)!important;text-decoration:none!important;font-weight:850!important;padding:8px 0!important}
}
@media(max-width:980px){
  .grid.two,.grid.three,.grid.four,.g2,.g3,.g4{grid-template-columns:1fr!important}
  .hero h1,h1.disp,main h1{font-size:clamp(34px,8vw,54px)!important}
  .site-brand{min-width:0!important}.site-word{font-size:26px!important}.site-mark{width:44px!important;height:44px!important;min-width:44px!important}
}
@media(max-width:560px){
  .wrap,.container{padding-left:20px!important;padding-right:20px!important}
  .hero{padding-top:58px!important;padding-bottom:44px!important}
  .hero h1,h1.disp,main h1{font-size:clamp(31px,10vw,42px)!important;line-height:1.06!important}
  .hero p,.subtle,main .hero p{font-size:17px!important}
}