/*
Theme Name: AOTS Visual System
Author: Estudio Ruta 66
Description: Sistema visual propio de Angels Of The Sea: una experiencia moderna, responsive y orientada a la formación de buceo, con navegación, cursos y componentes integrados bajo una identidad visual única.
Version: 0.4.2
Text Domain: aots-vs
*/

@import url("assets/css/base.css");
@import url("assets/css/menu-tolerance.css");
@import url("assets/css/course-single.css");
@import url("assets/css/navigation.css");
@import url("assets/css/components.css");

/* =========================================================
   AOTS VS 0.4.2 · ÁREA PRIVADA
   Acceso común para alumnos y equipo de gestión.
   ========================================================= */
.aots-private-access{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  flex:0 0 auto;
  border:1px solid rgba(145,227,235,.28);
  border-radius:999px;
  background:rgba(33,193,212,.08);
  color:#e8f8fa;
  font-family:var(--aots-font);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.015em;
  white-space:nowrap;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.aots-private-access svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.aots-private-access:hover,.aots-private-access:focus-visible{background:var(--aots-yellow);border-color:var(--aots-yellow);color:#07161a;outline:none;transform:translateY(-1px)}
@media (max-width:1180px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .aots-header__inner{gap:12px}
  .aots-private-access{margin-left:auto}
}
@media(max-width:640px){
  .aots-private-access{width:42px;height:42px;min-height:42px;padding:0}
  .aots-private-access span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .aots-private-access svg{width:19px;height:19px}
}