/*
Theme Name: Astra Child Ko-Alas
Template: astra
Version: 2.0 Final - VersionAstraV2 Solo Logo
Author: Ko-Alas Agencia de Viajes
Description: Child theme para Ko-Alas VersionAstraV2 - Menu blanco premium, boton naranja, ruta visual, sin Mega Travel, sin cuadros blancos
*/
:root{
  --azul:#0F2B3D;
  --naranja:#FF8C32;
  --teal:#14B8A6;
  --crema:#FFFBF5;
  --blanco:#FFFFFF;
}
.ast-primary-header-bar{
  background:#FFFFFF !important;
  box-shadow:0 4px 24px rgba(15,43,61,0.08) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.main-header-bar{padding:8px 0 !important;}
.site-logo-img img{max-height:56px !important;width:auto !important;}
.site-branding .site-title,
.site-branding .site-description,
.ast-site-title-wrap{display:none !important;}
.main-header-menu .menu-link{
  font-size:17px !important;
  font-weight:700 !important;
  color:#0F2B3D !important;
  letter-spacing:0.02em !important;
  margin:0 16px !important;
  position:relative;
  padding-bottom:6px !important;
}
.main-header-menu .menu-link:hover{color:#FF8C32 !important;}
.main-header-menu .menu-link:after{
  content:'';
  position:absolute;
  bottom:0;left:0;width:0;height:3px;
  background:#FF8C32;transition:width 0.3s ease;
}
.main-header-menu .menu-link:hover:after,
.main-header-menu .current-menu-item .menu-link:after{width:100%;}
.main-header-menu .current-menu-item .menu-link{
  background:rgba(15,43,61,0.05) !important;
  border-radius:8px;color:#0F2B3D !important;
}
.ast-custom-button a,
.wp-block-button__link.has-orange-bg,
.btn-naranja{
  background:#FF8C32 !important;color:#fff !important;
  font-weight:800 !important;font-size:15px !important;
  padding:14px 24px !important;border-radius:14px !important;
  box-shadow:0 4px 16px rgba(255,140,50,.3) !important;
  border:none !important;display:inline-flex !important;
  align-items:center !important;gap:8px !important;
}
.ast-custom-button a:hover,.btn-naranja:hover{
  background:#0F2B3D !important;color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(15,43,61,0.2) !important;
}
.paquet-card,.swiper-slide,img{background:transparent !important;}
.badge-ko{
  background:rgba(0,0,0,0.45) !important;color:#fff !important;
  backdrop-filter:blur(6px);border:none !important;
  border-radius:8px !important;padding:4px 10px !important;
  font-size:11px !important;font-weight:700 !important;
}
.ruta-visual{
  position:relative;display:grid;grid-template-columns:repeat(3,1fr);
  gap:40px;padding:60px 0;background:var(--crema);
}
.ruta-linea{
  position:absolute;top:50%;left:10%;right:10%;height:4px;
  background:linear-gradient(90deg, #0F2B3D 0%, #FF8C32 50%, #14B8A6 100%);
  border-radius:2px;z-index:0;
}
.paso-ruta{
  position:relative;z-index:1;text-align:center;
  background:#fff;padding:24px;border-radius:20px;
  box-shadow:0 8px 24px rgba(15,43,61,0.08);
}
.paso-circulo{
  width:72px;height:72px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;margin:0 auto 16px;
  font-size:32px;color:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.15);
}
.paso-circulo.azul{background:#0F2B3D}
.paso-circulo.naranja{background:#FF8C32}
.paso-circulo.teal{background:#14B8A6}
@media(max-width:768px){
  .ruta-visual{grid-template-columns:1fr;gap:24px}
  .ruta-linea{
    left:50%;top:10%;bottom:10%;right:auto;width:4px;height:auto;
    background:linear-gradient(180deg, #0F2B3D 0%, #FF8C32 50%, #14B8A6 100%);
  }
  .main-header-menu .menu-link{font-size:16px !important;margin:0 8px !important}
}