/*
Theme Name: Astra Child
Author: 
Description: Astra Child
Version: 1.0
Template: astra
*/
@font-face {
  font-family: 'Purple Orchid';
  src: url('fuentes/PurpleOrchid.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cardo';
  src: url('fuentes/Cardo-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cardo';
  src: url('fuentes/Cardo-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* Inter Light (300) */
@font-face {
    font-family: 'Inter';
    src: url('fuentes/Inter18pt-Light.woff2') format('woff2'),
         url('fuentes/Inter18pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Inter Medium (500) */
@font-face {
    font-family: 'Inter';
    src: url('fuentes/Inter18pt-Medium.woff2') format('woff2'),
         url('fuentes/Inter18pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Inter Bold (700) */
@font-face {
    font-family: 'Inter';
    src: url('fuentes/Inter18pt-Bold.woff2') format('woff2'),
         url('fuentes/Inter18pt-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Inter Black (900) */
@font-face {
    font-family: 'Inter';
    src: url('fuentes/Inter18pt-Black.woff2') format('woff2'),
         url('fuentes/Inter18pt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Inter', sans-serif;
    font-weight: 300; /* Light */
}

h1 {
    font-family: 'Inter', sans-serif;
    font-weight: 900; /* Black */
}

h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 700; /* Bold */
}

h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 500; /* Medium */
}

/* MENU Y HEADER CUSTOM AL DISEÑO */
/* Contenedor principal: pasamos a columna y centramos */
.site-primary-header-wrap > .ast-builder-grid-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Las secciones (logo y menú) toman 100% ancho y centran su contenido */
.site-header-primary-section-left,
.site-header-primary-section-right {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 10px; /* espacio entre logo y menú */
}

/* Logo centrado */
.site-header-primary-section-left .site-branding {
  text-align: center;
}

/* Menú centrado */
.site-header-primary-section-right .main-header-menu {
  display: flex !important;
  justify-content: center !important;
  padding-left: 0; /* quitar padding si tiene */
}

/* Opcional: distribuir items del menú con espacio */
.site-header-primary-section-right .main-header-menu > li {
  float: none !important;
  display: inline-block;
  margin: 0 15px;
}
/* Aplica la fuente Cardo al menú principal */
.site-header-primary-section-right .main-header-menu,
.site-header-primary-section-right .main-header-menu a {
    font-family: 'Cardo', serif !important;
    font-weight: normal; /* o bold según quieras */
    font-style: normal;
	text-transform: uppercase;
}

.site-header-primary-section-right {
  position: relative;
  padding-top: 15px; /* para que haya espacio arriba para la línea */
}

.site-header-primary-section-right::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 10%;    /* Para que la línea tenga un margen lateral */
  width: 80%;   /* Ancho de la línea */
  height: 2px;  /* Grosor horizontal */
  background-color: #B99C16;
  border-radius: 1px;
}

.main-header-bar {
    border-bottom-width: 0px;
     background-color: #fff;    
     border-bottom-style:none; 
}

/* Barra top sobre el logotipo */
.custom-top-bar {
  background-color: #008AAB;
  height: 20px;
  width: 100%;
}
.ast-logo-title-inline .ast-site-identity
{
	padding-top:3em !important;
	padding-bottom:0em !important;
}



.main-header-menu li a.menu-link {
    vertical-align: top;
    display: flex; /* Necesario para que vertical-align funcione */
	 align-items: flex-start !important;
    line-height: 1.1;
    text-align: left;
	margin-top:10px;
    padding: 10px 10px; /* Puedes ajustar si hace falta más espacio arriba o abajo */
}
/* Solo al ítem activo del menú */
.main-header-menu > li.current-menu-item > a.menu-link {
    padding: 10px 20px;
    background-color: #fbf9f1; /* fondo B99C16 con opacidad 6% */
    display: flex;
}

/* Submenú estilos */
.main-header-menu .sub-menu {
    background-color: #fbf9f1 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    padding: 0px 20px;
    margin: 0;
    box-sizing: border-box;
    display: grid;
   /* grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 5px 20px;*/
    max-width: 800px;
    min-width: 300px;	
    position: absolute;
    z-index: 9999;
    width: auto !important; /* Anula el ancho fijo de Astra */
}

/* Asegurar estilo general de <li> para que borde funcione */
.main-header-menu .sub-menu li {
    width: 100%;
    list-style: none;
	
    border-bottom: 1px ridge rgba(0, 0, 0, 0.15);
}

/* Eliminar borde del último elemento de cada columna */
.main-header-menu .sub-menu li:last-child,
.main-header-menu .sub-menu li:nth-last-child(1) {
    border-bottom: none;
}

/* Estilo de enlaces del submenú */
.main-header-menu .sub-menu a.menu-link {
	 font-family: 'Inter', sans-serif !important;
    font-size: 14px;
    color: #008CA9 !important;
    padding: 1px 5px !important;
	padding-bottom:10px !important;
    display: block;
    text-decoration: none;
	background: transparent;
	text-transform: capitalize;
	
}

/* Hover de los links */
.main-header-menu .sub-menu a.menu-link:hover {
    color: #B99C16 !important;
    background: transparent;
}

/* Eliminar borde superior heredado de Astra */
.ast-builder-menu-1 .sub-menu,
.ast-builder-menu-1 .inline-on-mobile .sub-menu {
    border-top-width: 0px;
}





 /* Menú principal mobile */
@media (max-width: 768px) {
 
  .ast-mobile-header-content .main-header-menu > li > a {
    background-color: #fbf9f1; /* 6% opacidad */
    color: #008CA9 !important;
   font-family: 'Cardo', sans-serif !important;
    font-size: 14px;
    padding: 12px 16px;
    display: block;
  }
.site-header-primary-section-right::before {
   
    top: 30px;
  
}
  .ast-mobile-header-content .main-header-menu > li > a:hover {
    color: #B99C16 !important;
  }

  /* Submenús */
  .ast-mobile-header-content .main-header-menu ul.sub-menu {
    background-color: #fbf9f1; /* mismo fondo */
    padding: 0;
  }

  .ast-mobile-header-content .main-header-menu ul.sub-menu li {
    border-bottom: 1px ridge rgba(0, 0, 0, 0.1); /* efecto relieve suave */
  }

  .ast-mobile-header-content .main-header-menu ul.sub-menu li:last-child {
    border-bottom: none; /* quitar borde al último */
  }

  .ast-mobile-header-content .main-header-menu ul.sub-menu li a {
    color: #008CA9 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px;
    padding: 10px 20px;
    display: block;
  }

  .ast-mobile-header-content .main-header-menu ul.sub-menu li a:hover {
    color: #B99C16 !important;
  }
	.ast-icon svg {
    fill: #008AAB !important;
}
	/* Asegura que el contenedor del menú móvil use toda la altura */
.ast-mobile-header-content {
  height: 100vh;
  overflow-y: auto; /* por si hay muchos elementos, se pueda hacer scroll */
  background-color: #fbf9f1; /* mismo fondo claro que estás usando */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 20px; /* espaciado opcional desde arriba */
}

/* Ajuste extra por si el contenedor está en otro wrapper */
.ast-main-header-bar-alignment {
  height: 100%;
}

/* Fuerza al nav a expandirse si es necesario */
.ast-mobile-header-content nav.site-navigation {
  flex-grow: 1;
}
	

}


/* MENU Y HEADER CUSTOM AL DISEÑO ---------------FIN----------*/

/*---------TEXTOS LINKS---------------*/

/* Aumentamos la especificidad para sobrescribir los estilos de Elementor */
.linksContenido .elementor-heading-title a {
  color: inherit !important;
  text-decoration: none;
  transition: color 0.3s ease;
}

.linksContenido .elementor-heading-title a:hover {
  color: #B99C16 !important;
}
a.linkWhites
{
	color:#FFFFFF;
	font-family:"Inter";
	font-weight:200;
	
}
a.linkWhites:hover
{
	color:#B99C16;
	
}

a.linkWhites2
{
	color:#FFFFFF;
	font-family:"Inter";
	font-weight:200;
	
}
a.linkWhites2:hover
{
	color:#008AAB;
	
}

/*---------ELEMENTOS---------------*/
#ast-scroll-top { /*SCROLL TOP*/
    background-color: #ffffff;
    font-size: 15px;	
	color:#008AAB !important;
}