/* Exytosa · ajuste responsive final (cargar al último)
   - Márgenes laterales seguros en tablet / escritorio / "modo escritorio" del celular
   - Barra superior sin botones cortados entre 761px y 1180px
   - Botones flotantes alejados de las esquinas */
@media (min-width:761px){
  .navbar{padding-left:clamp(14px,2vw,28px)!important;padding-right:clamp(14px,2vw,28px)!important;column-gap:8px!important}
  .page,#page-home,#page-vip,#page-verificador-vip{padding-left:clamp(18px,2.4vw,36px);padding-right:clamp(18px,2.4vw,36px)}
  #contactFab{right:max(20px,env(safe-area-inset-right))!important}
}
/* Celular pidiendo "sitio de escritorio": la página se reduce al ver ~980px, así que los márgenes deben ser mayores */
@media (min-width:761px) and (pointer:coarse){
  .navbar{padding-left:max(26px,env(safe-area-inset-left))!important;padding-right:max(26px,env(safe-area-inset-right))!important}
  .page,#page-home,#page-vip,#page-verificador-vip{padding-left:max(30px,env(safe-area-inset-left));padding-right:max(30px,env(safe-area-inset-right))}
  #contactFab{right:max(30px,env(safe-area-inset-right))!important}
}
/* Barra superior compacta cuando no cabe todo en una fila */
@media (min-width:761px) and (max-width:1180px){
  .navbar .exy-nav-item[data-page="apk"] .exy-nav-label{display:none!important}
  .navbar .exy-nav-item[data-page="apk"]{padding-left:10px!important;padding-right:10px!important;min-width:40px;justify-content:center}
}
@media (min-width:761px) and (max-width:960px){
  .navbar .exy-nav-item[data-page="verificador-vip"] .exy-nav-label{display:none!important}
  .navbar .exy-nav-item[data-page="verificador-vip"]{padding-left:10px!important;padding-right:10px!important;min-width:40px;justify-content:center}
}
/* Celulares pequeños: botón flotante no pegado al borde */
@media (max-width:760px){
  #contactFab{right:max(14px,env(safe-area-inset-right))!important}
}
/* Tablet vertical / ventana angosta: íconos sin texto en Home/Products para que "Register" no se corte */
@media (min-width:761px) and (max-width:880px){
  .navbar .exy-nav-main-link{padding-left:10px!important;padding-right:10px!important;gap:0!important}
  .navbar .exy-nav-main-link>span{display:none!important}
  .navbar .nav-login-btn>span{display:none!important}
}
/* Modo claro: textos del banner oscuro "cloud-promo" (estaban oscuros sobre fondo oscuro) */
html[data-theme="light"] .cloud-promo .cloud-tab:not(.active){color:#b6c4d8}
html[data-theme="light"] .cloud-promo .cloud-panel{color:#cfe0f3}
html[data-theme="light"] .cloud-promo .cloud-panel strong,html[data-theme="light"] .cloud-promo .cloud-panel b{color:#fff}
html[data-theme="light"] .cloud-promo small{color:#b6c4d8}