/*
Theme Name:     Child Theme
Template:       hello-elementor
Version:        1.0.0
Description:    Tema hijo basado en el tema padre.
Author:         A 
*/

body{
  background: #f3f9fb !important;
  background-color: #f3f9fb !important;
}
 
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
    width: 100%;
    border: 1px solid #d2d0d0 !important;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
  }

  .bloque-suscripcion h5{
    font-size: 2em;
    font-weight: 600;
  }

  .logo-icon-menu{
    margin-right: 20px;
  }

  .logo-text-menu{
    font-weight: 800;
    color: #0f723d;
  }

  .enfasis{
    background: #09c1e0;
    padding: 2px 3px;
    border-radius: 10px;
    color: #fff;
  }

  .titulo-carrera-home{
    background: #09c1e0b5;
    padding: 4px 4px;
    border-radius: 6px;
    color: #fff;
  }
 
.p-margin-b p{
  margin-bottom: 0px;
}

/* carrusel */

.custom-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.slider-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slider-item {
  flex: 0 0 auto;
  box-sizing: border-box;
  padding: 5px;
}

.item-content p{
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 600;
}

.item-content span{
  font-size: 13px;
}

.item-content {
  background-size: cover !important;
  background-position: center !important;
  height: 120px;
  padding: 4px 6px 6px 6px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
  border-radius: 10px;
}

/* Aplica el degradado y la imagen de fondo */
.item-content.custom-gradient {
  background-blend-mode: multiply;
  background-color: darkgray;
}

.slider-controls {
  text-align: right;
  margin-top: 10px;
  padding-right: 20px;
}

.slider-controls button {
  border-radius: 50px;
  background: #f3f9fb;
  color: #868585;
  border: none;
  padding: 10px 20px;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 16px;
}


.slider-controls button:hover,.slider-controls button:focus {

  background-color: #0bbfdf;
  color: #fff;
  padding: 2px 10px;
  border-radius: 50%;

}

/* Estilos responsivos */
@media (min-width: 1024px) {
  .slider-item {
      width: calc(100% / 3.15); /* 3 elementos + 15% del siguiente */
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  .slider-item {
      width: calc(100% / 2.15); /* 2 elementos + 15% del siguiente */
  }
}

@media (max-width: 767px) {
  .slider-item {
      width: calc(100% / 2.15); /* 2 elementos + 15% del siguiente */
  }
}

/* Estilos responsivos */
@media (min-width: 1024px) {
  .slider-item-top {
    width: calc(100% / 4.3) !important; /* 5 elementos + 10% del siguiente */
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  .slider-item-top {
    width: calc(100% / 4.3) !important; /* 5 elementos + 10% del siguiente */
  }
}

@media (max-width: 767px) {
  .slider-item-top {
      width: calc(100% / 4.3) !important; /* 5 elementos + 10% del siguiente */
  }
}

/* carrusel */


/* top */

.slider-item-top .item-content{
  background-color: #f3f9fb !important;
  background: #f3f9fb !important;
  color: #d4d4d4;
}

.img-perfil-top{
  width: 60px;
  border-radius: 50% !important;
}

.img-perfil-top-n1{
  width: 75px;
}

.nombre-top{
  font-size: 12px !important;
  font-weight: 600;
  color: #111;
}

.tiempo-top{
  font-size: 11px !important;
  font-weight: 400;
  color: #6f6f6f;
}

/* top */