/* CalibreAI24 · capa de estabilidad responsive
   No modifica la identidad visual; evita desbordamientos y unifica interacción táctil. */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas{max-width:100%}
main,section,article,aside,header,footer,nav,div{min-width:0}
h1,h2,h3,h4,p,a,span,strong,em{overflow-wrap:break-word}
input,select,textarea,button{max-width:100%}

@media(max-width:800px){
  header.nav{width:100%!important;max-width:100vw!important}
  header.nav .mobile-menu-panel{max-height:calc(100vh - 78px);overflow-y:auto;overscroll-behavior:contain}
  header.nav .mobile-menu-panel a{min-height:44px;display:flex!important;align-items:center!important}
  .mobile-menu-toggle{min-height:38px}
  table{max-width:100%}
}

@media(max-width:620px){
  table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .hero-actions a,.cta a,.watch-actions a,.ca24-watch-actions a{min-height:44px;align-items:center;justify-content:center}
}

/* CalibreAI24 · interacción robusta táctil/teclado */
a[href],button,[role="link"],[data-card-href]{touch-action:manipulation;-webkit-tap-highlight-color:rgba(178,143,80,.14)}
a[href],.brand-card,[data-card-href]{pointer-events:auto}
[data-card-href]{cursor:pointer}
@media(max-width:800px){
  a.brand-card,[data-card-href]{position:relative;z-index:1}
  .brand-grid a.brand-card{min-height:44px}
  .official-destination{pointer-events:none}
}
