/*
 Theme Name:   Hello Biz Child
 Theme URI:    https://congresomedicinacriticapediatrica.com/
 Description:  Tema hijo de Hello Biz
 Author:       Tu Nombre
 Author URI:   https://congresomedicinacriticapediatrica.com/
 Template:     hello-biz
 Version:      1.0.0
*/

/* Aquí puedes escribir estilos personalizados */

body {
  font-family: "DM Sans", sans-serif !important;
}

.brandon-font-thin {
  font-family: brandon-grotesque, sans-serif !important;
  font-style: normal !important;
  font-weight: 100 !important;
}

.brandon-font-regular {
  font-family: brandon-grotesque, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

.brandon-font-bold {
  font-family: brandon-grotesque, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.rockwell-font-thin {
  font-family: Rockwell, sans-serif !important;
  font-style: normal !important;
  font-weight: 100 !important;
}

.rockwell-font-regular {
  font-family: Rockwell, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

.rockwell-font-bold {
  font-family: Rockwell, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.rockwell-font-bold *,
.brandon-font-bold *,
.rockwell-font-regular *,
.brandon-font-regular *,
.rockwell-font-thin *,
.brandon-font-thin * {
  font-family: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
}

.home .e-n-tabs-heading {
  width: fit-content !important;
}

.home .e-n-tab-title {
  padding-left: 0 !important;
}

.home .e-n-tabs-heading {
  border-bottom: 1px solid #c1c1c1 !important;
}

.home .e-n-tab-title[aria-selected="true"] {
  border-bottom: 3px solid #e50581 !important;
  font-weight: bolder !important;
}

.page-id-342 .e-n-tabs-heading {
  width: fit-content !important;
}

.page-id-342 .e-n-tab-title-text {
  color: #050b20e5 !important;
}

.page-id-342 .e-n-tab-title {
  padding-left: 0 !important;
}

.page-id-342 .e-n-tabs-heading {
  border-bottom: 1px solid #c1c1c1 !important;
}

.page-id-342 .e-n-tab-title[aria-selected="true"] {
  border-bottom: 3px solid #405ff2 !important;
  font-weight: bolder !important;
}

p {
  margin-bottom: 0 !important;
}

.custom-scrolled {
  background-color: rgba(
    255,
    255,
    255,
    0.95
  ) !important; /* Blanco con transparencia */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important; /* Sombra sutil */
  transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.custom-scrolled
  .elementor-137
  .elementor-element.elementor-element-3a99fa91
  .elementor-nav-menu--main
  .elementor-item {
  color: #050b20 !important;
}

.elementor-location-footer a {
  color: white !important;
}

.elementor-location-footer a:hover {
  text-decoration: underline;
}

@media (max-width: 1024px) and (min-width: 768px) {
  .elementor-450
    .elementor-element.elementor-element-c4aba26
    > .elementor-widget-container,
  .elementor-450
    .elementor-element.elementor-element-71cc108
    > .elementor-widget-container,
  .elementor-450
    .elementor-element.elementor-element-042bc3e
    > .elementor-widget-container,
  .elementor-450
    .elementor-element.elementor-element-7fd2790
    > .elementor-widget-container {
    padding: 0px 25px 0px 25px !important;
    background-size: contain !important;
    background-image: none !important;
    padding: 25px 0 !important;
  }

  .elementor-450
    .elementor-element.elementor-element-c4aba26
    > .elementor-widget-container {
    background-color: #e50581 !important;
    width: fit-content !important;
    padding: 20px !important;
    margin: 30px auto 30px auto !important;
    border-radius: 20px !important;
  }

  .elementor-450
    .elementor-element.elementor-element-71cc108
    > .elementor-widget-container {
    background-color: #ff7237 !important;
    width: fit-content !important;
    padding: 20px !important;
    margin: 30px auto 30px auto !important;
    border-radius: 20px !important;
  }

  .elementor-450
    .elementor-element.elementor-element-042bc3e
    > .elementor-widget-container {
    background-color: #00aec7 !important;
    width: fit-content !important;
    padding: 20px !important;
    margin: 30px auto 30px auto !important;
    border-radius: 20px !important;
  }

  .elementor-450
    .elementor-element.elementor-element-7fd2790
    > .elementor-widget-container {
    background-color: #01244e !important;
    width: fit-content !important;
    padding: 20px !important;
    margin: 30px auto 30px auto !important;
    border-radius: 20px !important;
  }

  .elementor-450
    .elementor-element.elementor-element-c4aba26
    > .elementor-widget-container {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  .e-n-tabs-heading .e-n-tab-title {
    flex: 1 !important;
  }
  .elementor-450
    .elementor-element.elementor-element-c4aba26
    > .elementor-widget-container,
  .elementor-450
    .elementor-element.elementor-element-71cc108
    > .elementor-widget-container,
  .elementor-450
    .elementor-element.elementor-element-042bc3e
    > .elementor-widget-container,
  .elementor-450
    .elementor-element.elementor-element-7fd2790
    > .elementor-widget-container {
    padding: 0px 25px 0px 25px !important;
    background-size: contain !important;
    background-image: none !important;
    padding: 25px 0 !important;
  }

  .elementor-450
    .elementor-element.elementor-element-c4aba26
    > .elementor-widget-container {
    background-color: #e50581 !important;
  }

  .elementor-450
    .elementor-element.elementor-element-71cc108
    > .elementor-widget-container {
    background-color: #ff7237 !important;
  }

  .elementor-450
    .elementor-element.elementor-element-042bc3e
    > .elementor-widget-container {
    background-color: #00aec7 !important;
  }

  .elementor-450
    .elementor-element.elementor-element-7fd2790
    > .elementor-widget-container {
    background-color: #01244e !important;
  }
}

.post-descripcion {
  font-family: "brandon-grotesque", sans-serif !important;
}

.carousel [type="button"] {
  border: none;
  background: rgba(255, 255, 255, 0.2);
  padding: 25px 5px;
  border-radius: 18px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  height: fit-content;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2; /* Asegura que quede encima del contenido */
}

/* Flecha derecha personalizada */
.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23050B20' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-size: 45px 30px;
  width: 45px;
  height: 30px;
}

/* Invertir flecha para el botón anterior */
.carousel-control-prev-icon {
  transform: rotate(180deg);
}

.carousel [type="button"]:hover,
.carousel [type="button"]:focus,
.carousel [type="button"]:active,
.carousel [type="button"]:visited {
  background-color: white !important;
}

@media (min-width: 992px) {
  /* .carousel-control-prev {
    left: -130px;
}

.carousel-control-next {
    right: -130px;
} */
}

.carousel .info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 150px;
}

.carousel .titulo {
  color: #01244e;
  font-size: 62px;
  font-style: normal;
  font-weight: 700;
}

.carousel .info-wrapper p {
  color: #00aec7;

  font-family: "brandon-grotesque", sans-serif !important;
  font-size: 36px;
}

.carousel-indicators {
  display: none;
}

/* Evitar que el contenido desborde */
.carousel-item .row {
  width: 100%;
  margin: 0;
}

.elementor-23 .elementor-element.elementor-element-762f6eb .ehp-form {
  padding: 0 !important;
  display: contents !important;
}

.elementor-widget-ehp-form {
  width: 100% !important;
}
.elementor-widget-ehp-form .ehp-form__field {
  border: none !important;
  padding: 5px 10px !important;
}

.elementor-field-textual {
  height: 50px !important;
}

.ehp-form__button {
  background-color: #01244e !important;
  font-family: "brandon-grotesque", sans-serif !important;
  color: white !important;
  font-size: 22px !important;
  border-radius: 16px !important;
  height: 50px !important;
}

.elementor-swiper-button-next,
.elementor-swiper-button-prev {
  background: rgba(198, 198, 198, 0.5) !important;
  padding: 25px 10px !important;
  border-radius: 18px !important;
}

.elementor-swiper-button-next:hover,
.elementor-swiper-button-prev:hover {
  background: rgba(198, 198, 198, 0.8) !important;
}

.elementor
  .elementor-widget:not(.elementor-widget-text-editor):not(
    .elementor-widget-theme-post-content
  )
  figure {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

.eph-form__textarea {
  height: auto !important;
}

.carousel .imagen-destacada {
  height: 800px !important;
  width: auto !important;
}

@media (min-width: 992px) {
  .carousel .imagen-destacada {
    height: 600px !important;
    width: auto !important;
  }
}

@media (min-width: 1600px) {
  .carousel .imagen-destacada {
    height: 800px !important;
    width: auto !important;
  }
}

.carousel {
  padding-top: 80px !important;
}

body {
  overflow-x: hidden !important;
}

.row > .col-lg-6.col-md-6.col-12:last-of-type {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}

.row > .col-lg-6.col-md-6.col-12:first-of-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}

.contador {
  padding: 15px 150px 15px 150px;
  width: fit-content;
  margin-top: 30px;
  background-color: white;
  border-radius: 16.533px;
  box-shadow: 0px 10.333px 41.333px 0px rgba(0, 0, 0, 0.15);
}

.contador-title,
.contador-hours,
.contador-text {
  color: #050b20;
  font-family: "brandon-grotesque", sans-serif !important;
  font-size: 24.8px;
  font-weight: 500;
}

.contador-hours {
  font-size: 33.067px;
}

.contador-text {
  color: #5d5d5d;
  font-size: 18.6px;
}

@media (max-width: 767px) {
  .carousel .info-wrapper {
    padding: 0 15px !important;
  }

  .carousel .titulo {
    font-size: 45px;
    width: 100%;
    text-align: center;
  }

  .carousel .info-wrapper p {
    font-size: 22px;
    margin-bottom: 20px!important;
  }

  .contador {
    padding: 15px;
    display: flex;
    width: 80%;
    margin: 10px auto 30px auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .carousel .imagen-destacada {
    height: 400px !important;
    width: auto !important;
  }
}