/*
 Theme Name:   ModBer&BlaMon ThemeChild
 Theme URI:    https://example.com/
 Description:  Tema hijo de Astra
 Author:       ModBer&Blamon
 Author URI:   https://example.com/
 Template:     astra
 Version:      1.0.0
*/

/* Aquí puedes añadir tus modificaciones personalizadas de CSS */

/*-------------------------------------------------------------------------*/

/***************************
*** IMPORTAR TIPOGRAFÍAS ***
****************************/

/* Importar la tipografía Aero - Heavy */

@font-face {
  font-family: 'NeueLight';
  src: url('../fonts/NeueHaasDisplayLight.ttf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SegoeBold';
  src: url('../fonts/segoeuib.ttf') format('opentype');
  font-weight: 400; /* Puedes ajustarlo según corresponda */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SegoeSemiBold';
  src: url('../fonts/seguisb.ttf') format('opentype');
  font-weight: 400; /* Puedes ajustarlo según corresponda */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SegoeLight';
  src: url('../fonts/segoeuil.ttf') format('opentype');
  font-weight: 300; /* Puedes ajustarlo según corresponda */
  font-style: normal;
  font-display: swap;
}

/*****************************
*** ASIGNACIÓN TIPOGRAFÍAS ***
*****************************/

.textoquenoserompe {
  white-space: nowrap !important;
}

h1 {
  font-family: 'SegoeSemiBold', sans-serif !important;
  font-weight: 900;
  font-size: 60px !important;
  color: #fff !important;
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  padding-left: 1rem;
  padding-right: 1rem;
}

h2 {
  font-family: 'NeueLight', sans-serif !important;
  font-weight: 900;
  font-size: 50px !important;
}

h3 {
  font-family: 'SegoeBold', sans-serif !important;
  font-weight: 600;
  font-size: 25px !important;
}

h4 {
  font-family: 'SegoeBold', sans-serif !important;
  font-weight: 600;
  font-size: 20px !important;
}

h5 {
  font-family: 'SegoeSemiBold', sans-serif !important;
  font-weight: 300;
  font-size: 35px;
}

h6 {
  font-family: 'NeueLight', sans-serif !important;
  font-weight: 300;
  font-size: 30px;
}

p,
a,
.uagb-icon-list__label {
  font-family: 'SegoeLight', sans-serif !important;
  font-weight: 300;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/*-------------------------------------------------------------------------*/

/*************
*** HEADER ***
*************/

/*Desactivar header en la página principal provisional*/
.page-id-34 header {
  display: none;
}

/*Color de fondo*/
header#masthead {
  background-color: rgba(98, 186, 187, 0.7);
}

/*Correción hover menú*/
#ast-hf-menu-1 > li:hover::after {
  content: ''; /* Crea un pseudo-elemento */
  position: absolute; /* Posiciona el pseudo-elemento */
  left: 0;
  right: 0;
  bottom: 0; /* Coloca el subrayado justo debajo del texto */
  height: 1px; /* Ajusta el grosor del subrayado */
  background-color: #fff; /* Color del subrayado */
  margin-top: 0px; /* Separación entre el texto y el subrayado */
}

/*Corrección submenú*/
.sub-menu li {
  background-color: #1a1a1a;
}

.sub-menu a {
  font-size: 16px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.sub-menu a:hover {
  color: #62babb !important;
}

/*&&&&&&&&&&&&&&&*/

/*Activación Header tablet y movil*/
.ast-header-break-point .ast-primary-header-bar {
  display: block !important;
}
/*Color de la barra superior tras desplegar el menú*/
.ast-mobile-popup-header {
  background-color: #62babb;
}
/*Color de la "x" de cerrar*/
svg.ast-mobile-svg.ast-close-svg {
  color: #ffffff;
}

.ast-header-break-point .ast-icon.icon-arrow svg {
  height: 1.8em !important;
}

svg.ast-arrow-svg {
  margin: 0 !important;
}

/*Corregir posición del icono de desplegable del menú móvil*/
span.ast-icon.icon-arrow {
  display: flex !important;
  align-items: center !important;
}

/*Color del texto del submenú*/
ul.sub-menu a.menu-link {
  color: #fff !important;
}

/*Borrar los iconos del submenú*/
ul.sub-menu span.ast-icon.icon-arrow {
  display: none !important;
}

/*Borrar logo instagram*/
/* .ast-mobile-popup-content > div:nth-child(2) {
  display: none !important;
} */

/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

/*-------------------------------------------------------------------------*/

/*******************************************
*** IMAGEN DE FONDO DE TODO EL WORDPRESS ***
*******************************************/

body {
  background-image: url('https://obregonyarias.com/wp-content/uploads/2024/09/fondo-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/*-------------------------------------------------------------------------*/

/**************************
*** FORMULARIO CONTACTO ***
**************************/

/*Estilos del formulario*/
form {
  box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
  padding: 1.5rem;
  border-radius: 20px !important;
}

/*Quitar padding a todos los inputs de salvo al botón de enviar*/
form input:nth-last-of-type() {
  padding: 0 !important;
}

/*Formato de las etiquetas de las labels*/
label[for='your-name'],
label[for='your-lastname'],
label[for='your-telephone'],
label[for='your-email'],
label[for='your-message'] {
  font-weight: bold;
  color: #62babb;
}

label[for='your-name'] span,
label[for='your-lastname'] span,
label[for='your-telephone'] span,
label[for='your-email'] span,
label[for='your-message'] span {
  margin-top: 0.5rem !important;
}

label[for='your-name'] br:last-of-type,
label[for='your-lastname'] br:last-of-type,
label[for='your-telephone'] br:last-of-type,
label[for='your-email'] br:last-of-type,
label[for='your-message'] br:last-of-type {
  display: none !important;
}

/*-------------------------------------------------------------------------*/

/*************
*** INICIO ***
*************/
  /*BANNER CABECERAS*/
  /*>Adaptar el alto del banner pata tablets y móvil*/
  .container-banner-cabecera-home {
    min-height: 75vh !important;
  }

/*COLUMNA CON ICONO DIENTE Y TEXTO*/
.inicio-columna-textodiente {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.inicio-grupo-textodiente {
  display: flex;
  justify-content: center;
}

/*Cómo mejorar tu salud dental*/
.mejorartusalud-columnas {
  display: flex;
  justify-content: center;
}

/*BLOQUE DÓNDE NOS UBICAMOS*/
/*> Inserción de icono vía before*/
.inicio-texto-dondenosubicamos::before {
  content: '';
  display: inline-block;
  background-image: url('https://obregonyarias.com/wp-content/uploads/2024/09/icono-casa.png');
  background-size: contain; /* Asegura que la imagen mantenga su proporción */
  background-repeat: no-repeat;
  width: 60px; /* Ancho del icono */
  height: 60px; /* Alto del icono */
  margin-right: 10px; /* Espacio entre el icono y el texto */
  vertical-align: middle; /* Alinea el icono verticalmente */
}
/*> Colocación del h2 donde nos ubicamos centrado*/
.inicio-subtexto-dondenosubicamos {
  display: flex;
  justify-content: center;
}

/*BLOQUE DE TRATAMIENTOS CLICABLES*/
/*>Hover tarjetas*/
.columna-hover-css:hover {
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.7) !important;
}

/*> Redondear tarjetas y poner box shadow*/
.tarjeta-tratamiento {
  border-radius: 20px !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5) !important;
}

/*> Bloque como mejorar tu salud dental*/
.home-container-mejorarsalud > div {
  display: flex;
  justify-content: flex-start !important;
}

/*BLOQUE SLIDER*/
.inicio-imagen-slider > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*-------------------------------------------------------------------------*/

/*************
*** EQUIPO ***
*************/
/*Estilos fotos equipo*/
.equipo-foto-miembro > img {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  border-radius: 20px !important;
}

/*Color iconos rrss*/
.equipo-tarjeta-columna-icono-rrss li {
  background-color: #62babb !important;
}

.equipo-conjuntodetarjetas, .equipo-conjuntodetarjetas2 {
  display: flex;
  justify-content: center;
}

/*PROVICIONAL - Desactivación provisional de los linkedin de fran y paula*/
.equipo-conjuntodetarjetas2
  .equipo-tarjeta-columnas
  .equipo-tarjeta-columna-icono-rrss {
  display: none;
}

/*-------------------------------------------------------------------------*/

/*******************
*** TRATAMIENTOS ***
*******************/

.tratamientos-tarjeta {
  border-bottom: 6px solid #62babb !important;
}

/*-------------------------------------------------------------------------*/

/**************************
*** TRATAMIENTOS VARIOS ***
***************************/

/*BLOQUE DETALLES - Hacer que el título del detalles sea más grand y corregir sus paddings*/
.bloque-detalles {
  font-size: 25px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

/*TRATAMIENTO LISTA NUMERADA*/
.tratamiento-lista-numerada svg {
  width: 30px !important;
  height: 40px !important;
}

/**/

/*-------------------------------------------------------------------------*/

/***************
*** CONTACTO ***
****************/

.contacto-bloquecontenido-tabletymovil {
  display: none !important;
}

/*-------------------------------------------------------------------------*/

/*************
*** FOOTER ***
*************/
/*Alinear las 3 columnas arriba*/
footer
  .ast-builder-footer-grid-columns.site-above-footer-inner-wrap.ast-builder-grid-row {
  align-items: start !important;
}

/*Correcció espaciado entre h3 y enlaces*/
.footer-column h3 {
margin-bottom: 0.5em;
}

/*Corrección espaciado entre secciones footer*/
.footer-column:first-of-type {
  margin-bottom: 1em;
  }

/*Dar tamaño a los textos del footer*/
.footer-column {
  text-align: left;
}
/*Quitar márgenes de los ul del footer*/
.footer-column ul {
  margin: 0;
}

/*Quitar los estilos a los li del footer*/
.footer-li {
  list-style: none;
}
/*Modificar tamaño enlaces*/
footer a {
  /*   font-size: 14px; */
  white-space: nowrap;
}

/*Bloque mapa*/
.site-primary-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-full.ast-builder-grid-row-tablet-full.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack {
  border-style: none;
}

section#block-18 {
  display: flex;
  justify-content: center;
}

/*FOOTER COPYRIGHT*/
.footer-copyright {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

.ast-footer-copyright > p,
.footer-copyright > p > a,
.footer-barra-separadora-eliminable {
  font-family: 'SegoeLight', sans-serif !important;
  /*   font-size: 14px !important; */
}

.br-subfooter {
  display: none !important;
}

/*Color del simbolo & del subfooter*/
.footer-and-character {
  color: #5a5a5a;
}

/* .footer1,
.footer2,
.footer3 {
  flex-basis: 33%;
}

.footer2 {
  display: flex;
} */

/*-------------------------------------------------------------------------*/

/*****************
*** RESPONSIVE ***
******************/

@media (max-width: 1050px) {
  /*HOME*/

  .home-container-tratamientos h3 {
    font-size: 20px !important;
  }
}

@media (max-width: 972px) {
  /*EQUIPO*/
  /*>Bajar tamaño a los h4 de nombres y a los p de las tarjetas*/
  .equipo-h4-tarjeta {
    font-size: 16px !important;
  }
}

@media (max-width: 972px) {
  .ast-mobile-header-wrap {
    display: block !important;
  }
}

@media (max-width: 915px) {
  /*FOOTER*/
  /*>Activar br subfooter*/
  .br-subfooter {
    display: block !important;
  }
}

@media (max-width: 900px) {
  /*BANNER CABECERAS*/
  /*>Adaptar el alto del banner pata tablets y móvil*/
  .container-banner-cabecera {
    min-height: 60vh !important;
  }
}

@media (max-width: 800px) {
  /*HOME*/
  /*>Corrección desajuste tarjetas tratamientos antes de romper a tablet*/
  .home-container-tratamientos > div {
    column-gap: 0px !important;
  }
}

@media (max-width: 782px) {
  /*HOME*/
  /*>Paddings de los tratamientos*/
  /*   .home-container-tratamientos {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  } */

  /*Cómo mejorar tu salud dental*/
  .home-fondo-saluddental {
    padding: 2rem 2rem !important;
  }

  .mejorartusalud-columnas-columnaeliminable {
    display: none;
  }

  /*EQUIPO*/
  /*>Corrección espacio entre tarjetas*/
  .equipo-conjuntodetarjetas,
  .equipo-conjuntodetarjetas2 {
    gap: 2rem !important;
  }

  .equipo-espaciador-entreconjuntodetarjetas {
    height: 2rem !important;
  }

  /*Corrección disposición segundo conjunto de tarjetas*/
  .equipo-conjuntodetarjetas2 {
    display: flex;
    flex-direction: column;
  }

  /*>Disposición tarjetas + Disposición textos tarjetas*/
  .equipo-tarjeta,
  .equipo-tarjeta-columna-textos {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /*Corrección tamaño y posición horizntal fotos tarjetas*/
  .equipo-tarjeta figure {
    display: flex;
    justify-content: center;
  }

  .equipo-tarjeta img {
    width: 200px;
  }

  /*>Corrección del gap entre nombres y RRSS*/
  .equipo-tarjeta-columnas {
    gap: 5px !important;
  }

  /*>Tamaño nombres tarjetas*/
  .equipo-tarjeta-columna-textos h4 {
    font-size: 20px !important;
  }

  /*>Dispoción iconos RRSS*/
  .equipo-tarjeta-columna-icono-rrss {
    display: flex;
    justify-content: center;
    gap: 5px !important;
  }
  /*>Eliminar tarjeta de relleno*/
  .equipo-tarjeta-relleno {
    display: none !important;
  }

  /*TRATAMIENTOS VARIOS*/
  /*>Hacer más pequeños los titulares de los summary*/
  .bloque-detalles {
    font-size: 20px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }

  /*>Lista partida implantología*/
  .implantologia-listapartida {
    gap: 0px !important;
  }

  .implantologia-listapartida-columnaizda {
    margin-bottom: 0px !important;
  }

  /**/

  /*CONTACTO*/
  /*>Desctivar el bloque de desktop y activar el de tabletymovil*/
  .contacto-bloquecontenido-desktop {
    display: none !important;
  }

  .contacto-bloquecontenido-tabletymovil {
    display: block !important;
  }
}

@media (max-width: 781px) {
  /*BANNER CABECERAS*/
  /*>Adaptar el alto del banner pata tablets y móvil*/
  .container-banner-cabecera {
    min-height: 50vh !important;
    margin-top: 5.95rem !important;
  }

  /*BANNER CABECERAS*/
  /*>Adaptar el alto del banner pata tablets y móvil*/
  .container-banner-cabecera {
    min-height: 45vh !important;
  }

  /*>Corrección del margin top del h1*/
  .container-banner-cabecera h1 {
    margin-top: 0px !important;
    line-height: 1 !important;
  }

  /*EQUIPO*/
  /*>Adaptar a responnsive las cuatro tarjetas*/
  .equipo-conjuntodetarjetas .equipo-tarjeta, .equipo-conjuntodetarjetas2 .equipo-tarjeta {
    flex-basis: 100%;
  }
}

@media (max-width: 768px) {
  /*TRATAMIENTOS*/
  .esteticadental-tratamientos {
    padding-bottom: 0px !important;
  }
}

@media (max-width: 767px) {
  /*HOME*/
  /*>Tarjetas tratamientos*/
  .home-container-grupo-tratamientos div:not(:first-child),
  .home-container-grupo-tratamientos div:not(:last-child) {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .home-container-tratamientos h3 {
    font-size: 30px !important;
  }
}

@media (max-width: 628px) {
  h2 {
    font-size: 30px !important;
  }

  .espaciador {
    margin-top: 0px !important;
  }

  .tratamiento-lista-numerada {
    margin-top: 0px !important;
  }

  /*TRATAMIENTO LISTA NUMERADA*/
  .tratamiento-lista-numerada svg {
    width: 20px !important;
    height: 30px !important;
  }

  /*FOOTER*/
  /*> Corrección poner en columna*/
  footer .ast-builder-footer-grid-columns.site-above-footer-inner-wrap.ast-builder-grid-row {
    display: flex;
    flex-direction: column;
}
}

@media (max-width: 600px) {
  /*HOME*/
  /*>Benner verde*/
  .home-banner-verde {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  /*BANNER CABECERAS*/
  /*>Adaptar el alto del banner pata tablets y móvil*/
  .container-banner-cabecera {
    min-height: 35vh !important;
  }

  /*TRATAMIENTOS VARIOS*/
  /*>Hacer más pequeños los titulares de los summary*/
  .bloque-detalles {
    font-size: 18px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
}

@media (max-width: 544px) {
  /*INICIO*/
  .tarjeta-tratamiento {
    margin-bottom: 0 !important;
  }

  /*EQUIPO*/
  /*>Corrección del gap entre nombres y RRSS*/
  .equipo-tarjeta-columna-textos {
    margin-bottom: 0px !important;
  }

  /*Quitar margin bottom tarjetas*/
  .equipo-tarjeta {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 500px) {
  h1 {
    font-size: 35px !important;
  }

  /*HOME*/
  /*>Slider*/
  .home-slider .swiper-button-prev,
  .home-slider .swiper-button-next {
    width: 25px !important;
    height: 25px !important;
  }

  .home-slider-columnas {
    padding: 0px !important;
  }

  .home-slider .swiper-button-prev::after,
  .home-slider .swiper-button-next::after {
    font-size: 10px !important;
  }
/*>Corrección posición de los dots*/
  .home-slider-columnas .uagb-slider-container.uagb-block-6f21e514 .swiper-pagination {
    bottom: 3px;
}
/*>Corrección espaciado por la parte de abajo para dejar más espacio para los dots*/
.uagb-slider-container.uagb-block-6f21e514 {
  padding-bottom: 30px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
/*Corrección box shadow para los botones de slider*/
.home-slider-columnas .swiper-button-prev, .home-slider-columnas .swiper-button-next {
  box-shadow: 0px 0px 5px #5b5b5b;
}

  .swiper-content {
    padding: 0px !important;
  }

  /*BANNER CABECERAS*/
  /*>Adaptar el alto del banner pata tablets y móvil*/
  .container-banner-cabecera {
    min-height: 30vh !important;
  }
}

@media (max-width: 456px) {
  .footer-barra-separadora-eliminable {
    display: none !important;
  }

  .footer-copyright {
    flex-direction: column !important;
  }

  .footer-copyright > br {
    display: none !important;
  }
}

@media (max-width: 450px) {
  /*   p,
  a {
    font-size: 14px !important;
  } */

  /*HOME*/
  /*Cómo mejorar tu salud dental*/
  .home-fondo-saluddental {
    padding: 2rem 2rem !important;
  }
}

@media (max-width: 400px) {
  h2 {
    font-size: 20px !important;
  }
  h3 {
    font-size: 18px !important;
  }

  /*HOME*/
  /*>Paddings de los tratamientos*/
  .home-container-tratamientos {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /*BANNER CABECERAS*/
  /*>Adaptar el alto del banner pata tablets y móvil*/
  .container-banner-cabecera {
    min-height: 25vh !important;
  }
}

@media (max-width: 350px) {
  /*BANNER CABECERAS*/
  /*>Adaptar el alto del banner pata tablets y móvil*/
  .container-banner-cabecera {
    min-height: 24vh !important;
  }

  /*HOME + CONTACTO*/
  /*>Arreglar problema de espacio para formulario*/
  .home-bloque-formulario,
  .contacto-bloquecontenido-tabletymovil {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (max-width: 350px) {
  .home-container-tratamientos h3 {
    font-size: 25px !important;
  }
}

/*-------------------------------------------------------------------------*/

/*************
*** HEADER ***
**************/

/*CÓDIGO CUSTOM PARA HACER QUE SE SUBRAYE EL TEXTO DE MENÚ EN ACTIVO*/
/*>Menú Desktop*/
.page-id-732 #menu-item-1128::after,
.page-id-792 #menu-item-1127::after,
.page-id-1312 #menu-item-1372::after,
.page-id-851 #menu-item-1141::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #fff;
  margin-top: 0px;
}

.page-id-863 #menu-item-1138 > a,
.page-id-969 #menu-item-1129 > a,
.page-id-937 #menu-item-1137 > a,
.page-id-941 #menu-item-1136 > a,
.page-id-945 #menu-item-1135 > a,
.page-id-949 #menu-item-1134 > a,
.page-id-953 #menu-item-1133 > a,
.page-id-957 #menu-item-1132 > a,
.page-id-961 #menu-item-1131 > a,
.page-id-965 #menu-item-1130 > a {
  color: #62babb !important;
}
/*>Menú TabletyMovil*/
.page-id-863 .menu-item-1138 > a::before,
.page-id-969 .menu-item-1129 > a::before,
.page-id-937 .menu-item-1137 > a::before,
.page-id-941 .menu-item-1136 > a::before,
.page-id-945 .menu-item-1135 > a::before,
.page-id-949 .menu-item-1134 > a::before,
.page-id-953 .menu-item-1133 > a::before,
.page-id-957 .menu-item-1132 > a::before,
.page-id-961 .menu-item-1131 > a::before,
.page-id-965 .menu-item-1130 > a::before {
  content: '•';
  position: relative;
  margin-right: 10px;
}