/* Estilos para pantallas grandes (1440px y más) */
@media (min-width: 1440px) {
  /* Agrega aquí los estilos específicos para pantallas grandes */
}

/* Estilos para pantallas grandes (1200px - 1439px) */
@media (min-width: 1200px) and (max-width: 1439px) {
  /* Agrega aquí los estilos específicos para pantallas de 1200px a 1439px */
}

/* Estilos para pantallas medianas (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  /* Agrega aquí los estilos específicos para pantallas de 992px a 1199px */
}

/* Estilos para pantallas pequeñas (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {}

/* Estilos para pantallas entre 1400px y 1440px */
@media (max-width: 1400px) {
  /* Agrega aquí los estilos específicos para pantallas de hasta 1400px */
}

/* Estilos para pantallas entre 1200px y 1399px */
@media (max-width: 1200px) {
  .value-section.programs {
    padding: 0 40px;
  }

  .mix-float-button {
    padding: 0 20px;
  }

  .tab-section {
    width: 100%;
    padding: 100px 20px;
    position: relative;
  }

  .hero.detail {
    padding: 0 18px;
    padding-top: 107px;
    min-height: 638px;
  }

  .card {
    padding: 24px;
    height: auto;
  }

  .content-section__image {
    min-width: 300px;
  }

  .content-section__image img {
    object-fit: cover;
  }
}

/* Estilos para pantallas entre 992px y 1199px */
@media (max-width: 992px) {
  .news-detail-section {
    padding: 58px 40px;
  }

  .contact-section {
    padding: 58px 40px;
  }

  .filter-section {
    display: none;
  }

  .value-section.programs {
    padding: 0 20px;
  }

  .programs-container {
    grid-template-columns: repeat(2, minmax(280px, 1fr));
  }

  .mix-float-button .white-hero-box {
    padding: 20px 15px;
    flex-wrap: wrap;
  }

  .mix-float-button .white-hero-box .hero__button {
    margin-top: 20px;
  }

  .hero-content-mobile {
    display: block;
  }

  .diploma__title {
    padding-top: 20px;
  }

  .diploma__content {
    flex-direction: column;
  }

  .diploma__actions {
    flex-direction: column;
  }

  .diploma__actions .hero__button {
    min-width: 100%;
  }

  .testimonies-section {
    padding: 0 40px;
  }

  .methodologie-content {
    padding: 68px 40px 0 40px;
  }

  /* Agrega aquí los estilos específicos para pantallas de hasta 992px */
  .hero,
  .value-section {
    padding: 40px;
  }

  .card {
    width: 100%;
  }

  .cards {
    overflow-x: auto;
  }
}

/* Estilos para pantallas entre 768px y 991px */
@media (max-width: 768px) {
  .detail-title {
    font-size: 20px;
  }

  .detail-abstract-title {
    font-size: 16px;
  }

  .detail-text {
    font-size: 14px;
  }

  .detail-quote {
    font-size: 16px;
  }

  .news-detail-section {
    padding: 0 20px 58px 20px;
  }

  .contact-section {
    padding: 0px 20px 58px 20px;
  }

  .mini-hero {
    flex-direction: column;
    min-height: 180px;
    padding-top: 81px;
    justify-content: start;
  }

  .mini-hero-content {
    position: relative;
    width: 100%;
    padding: 0 20px;
  }

  .mini-hero-content h1 {
    width: 100%;
    font-size: 25px;
    color: rgba(18, 18, 18, 1);
    text-align: start;
    margin-bottom: 32px;
  }

  .breadcrumbs-container {
    display: none;
  }

  .breadcrumbs-container.mobile {
    display: flex;
    width: 100%;
    justify-content: start;
    padding: 10px 20px;
  }

  .breadcrumbs-container.mobile .breadcrumb__link {
    padding: 5px 0;
  }

  .date-container .hero__button {
    min-width: 100%;
    width: 100%;
  }

  .date-container {
    border: 1px solid rgba(182, 182, 182, 1);
    padding: 20px;
  }

  .mix-float-button {
    width: 100%;
    display: flex;
    padding: 0 20px;
    justify-content: center;
    position: relative;
    position: absolute;
    top: -40px;
    left: 0;
  }

  .carousel-indicators [data-bs-target] {
    margin-bottom: 0;
  }

  .slider-hero .carousel-control-next,
  .carousel-control-prev {
    display: none;
  }

  .slider-hero .hero__button {
    width: 100%;
    max-width: 100%;
  }

  .slider-hero .hero-content {
    margin-bottom: 30px;
    justify-content: end !important;
  }

  .slider-hero .hero-content .hero-title {
    font-size: 40px;
  }

  .slider-hero {
    min-height: 450px;
  }

  .slider-hero .carousel-item {
    padding: 40px 20px;
  }

  .faqs-wrapper {
    margin-top: 80px;
  }

  .faqs-wrapper .faqs__title {
    font-size: 25px;
  }

  .faqs-text {
    text-align: center;
  }

  .faqs {
    padding: 65px 40px;
  }

  .testimonies-section .section-title {
    font-size: 20px;
  }

  .diploma__info {
    padding: 0;
  }

  .diploma__title {
    text-align: left;
    font-size: 25px;
  }

  .diploma__description {
    text-align: left;
    font-size: 13px;
  }

  .diploma {
    flex-direction: column;
    padding: 20px;
  }

  .diploma__content {
    flex-direction: column;
  }

  .logo-desktop {
    display: none;
  }

  .footer.empresas {
    padding: 10px 0;
  }

  .footer-info {
    flex-direction: column;
  }

  .footer-info .footer-item-half {
    border-right: 1px solid transparent;
    flex-direction: column;
  }

  .footer.empresas .footer-row-footer {
    padding: 20px;
  }

  .footer.empresas .footer-row-footer .footer-logo img {
    width: 100%;
    height: 100%;
  }

  .footer-logo.left-logo img {
    width: 100px !important;
    height: 22px !important;
    margin-bottom: 4px;
  }

  .footer-logo.right-logo img {
    width: 200px !important;
    height: 22px !important;
  }

  header {
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    z-index: 5;
  }

  .methodologie-content__image-container {
    justify-content: start;
  }

  .methodologie-content__number {
    font-size: 20px;
  }

  .methodologie-content__description {
    font-size: 11px;
  }

  .methodologie-content__title {
    font-size: 20px;
  }

  .methodologie-content__paragraph {
    font-size: 16px;
  }

  .methodologie-content__column--half {
    width: 50%;
  }

  .methodologie-content__column--full {
    width: 100%;
  }

  .content-section__container {
    flex-direction: column;
  }

  .content-section__image {
    min-width: 100%;
    margin-bottom: 24px;
  }

  .content-section__image img {
    width: 100%;
  }

  .content-section__content {
    padding-left: 0px;
  }

  .value-proposition {
    flex-direction: column-reverse;
    margin: 0;
    position: relative;
    bottom: 92px;
  }

  .value-proposition__card {
    max-width: 100%;
    position: static;
    margin-bottom: 32px;
  }

  .value-proposition__text-container {
    max-width: 100%;
  }

  .value-proposition__title {
    font-size: 20px;
  }

  .value-proposition__description {
    font-size: 16px;
  }

  .value-proposition__text-container.max .info-section {
    flex-direction: column;
    margin-bottom: 0;
  }

  .value-proposition__text-container.max a {
    margin: 32px 0;
    width: 100%;
    max-width: 100%;
  }

  .news-container {
    margin-bottom: 0px;
  }

  .banner-choose-us .methodologie-content__number {
    font-size: 31px;
  }

  .banner-choose-us .methodologie-content__description {
    font-size: 16px;
  }

  .banner-choose-us .methodologie-content__box {
    padding: 0;
  }

  .value-proposition__text-container.global .info-section {
    align-items: start;
    flex-direction: column;
    margin-bottom: 0;
  }

  .value-proposition__text-container.global a {
    margin: 32px 0;
    width: 100%;
    max-width: 100%;
  }
}


/* Estilos para pantallas entre 576px y 767px */
@media (max-width: 576px) {
  .programs-container.filter .program-card:only-child {
    max-width: 100%;
  }

  .programs-container.filter {
    grid-template-columns: repeat(1, minmax(100%, 1fr));
  }

  .banner-choose-us .methodologie-content {
    padding: 40px 20px;
  }

  .value-proposition__title {
    font-size: 20px;
  }

  .mix-float-button {
    top: -120px;
  }

  .hero.detail {
    align-items: center;
    min-height: 720px;
  }

  .mix-float-button .hero__button {
    width: 100%;
    min-width: 100%;
  }

  .icon-text-box svg {
    margin-right: 8px;
  }

  .icon-text-box .text-box .text-box-title {
    font-family: var(--merri);
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: rgba(18, 18, 18, 1);
  }

  .icon-text-box .text-box .text-box-description {
    font-family: var(--lato);
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: rgba(18, 18, 18, 1);
  }

  .hero.detail .hero-content h1 {
    font-size: 31px;
  }

  .slider-item-body .slider-item-img {
    min-width: 48px !important;
    width: 48px !important;
    height: 48px !important;
  }

  .slider-hero .hero-content .hero-title {
    font-size: 31px;
  }

  .faqs {
    padding: 40px 20px;
  }

  .slider-item .slider-item-img {
    width: 150px;
    height: 150px;
  }

  .slider-item-title {
    font-size: 16px;
  }

  .slider-item-role {
    width: 100%;
    font-size: 11px;
  }

  .slider-item-quote {
    font-size: 13px;
  }

  /* .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  } */
  .swiperTestimoniesV2 .swiper-button-next,
  .swiperTestimoniesV2 .swiper-button-prev {
    width: 32px;
    height: 32px;
  }

  .testimonies-section {
    padding: 0 20px;
  }

  .pagination-buttons {
    gap: 32px;
  }

  .methodologie-content__paragraph_info {
    font-size: 16px;
  }

  .methodologie-bg .bg-image {
    min-height: 650px;
  }

  .methodologie-content__image-container {
    min-width: 500px;
    max-width: 100%;
  }

  .methodologie-content__image {
    /*width: 500px;
    min-width: 500px;*/
  }

  .methodologie-content {
    padding: 68px 20px 0 20px;
  }

  .content-section__box {
    margin: 0;
  }

  .content-section__subtitle {
    font-size: 13px;
  }

  .value-proposition__category-title {
    font-size: 13px;
  }

  .content-section__title {
    font-size: 20px;
  }

  .value-proposition__description {
    -webkit-line-clamp: unset;
    /* Desactiva la limitación de líneas */
    -webkit-box-orient: unset;
    /* Restablece la orientación */
    overflow: visible;
    /* Permite que el texto fluya naturalmente */
    text-overflow: unset;
    /* Desactiva los puntos suspensivos */
    white-space: normal;
    /* Permite que el texto haga wrap a nuevas líneas */
  }

  .value-section {
    padding: 20px;
  }

  .value-proposition {
    bottom: 75px;
  }

  .hero {
    padding: 20px;
    align-items: end;
    padding-bottom: 78px;
    min-height: 668px;
  }

  .hero::before {
    background: linear-gradient(to top,
        rgba(var(--clr-black-rgb), 1) 0%,
        rgba(var(--clr-black-rgb), 0.8) 25%,
        rgba(var(--clr-black-rgb), 0.4) 50%,
        rgba(var(--clr-black-rgb), 0.2) 75%,
        rgba(var(--clr-black-rgb), 0) 100%);
  }

  .hero.detail::before {
    background: linear-gradient(to top,
        rgba(var(--clr-black-rgb), 1) 0%,
        rgba(var(--clr-black-rgb), 0.9) 40%,
        /* Incrementado */
        rgba(var(--clr-black-rgb), 0.7) 60%,
        /* Incrementado */
        rgba(var(--clr-black-rgb), 0.4) 80%,
        /* Incrementado */
        rgba(var(--clr-black-rgb), 0) 100%);
  }

  .carousel.slide::before {
    background: linear-gradient(to top,
        rgba(var(--clr-black-rgb), 1) 0%,
        rgba(var(--clr-black-rgb), 0.8) 25%,
        rgba(var(--clr-black-rgb), 0.4) 50%,
        rgba(var(--clr-black-rgb), 0.2) 75%,
        rgba(var(--clr-black-rgb), 0) 100%);
  }

  .hero-content {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .hero-content a {
    width: 100%;
    /* Botón de ancho completo */
  }

  /* Estilos específicos para el título y párrafo */
  .hero-content h1,
  .hero-content .hero-title {
    font-size: 31px;
    /* Tamaño del título */
  }

  .hero-content p {
    font-size: 16px;
    /* Tamaño del párrafo */
  }

  .areas-container {
    grid-template-columns: repeat(1, minmax(220px, 1fr)) !important;
  }

  .news-container {
    flex-direction: column;
    max-height: 100%;
  }

  .news-container__date {
    font-size: 14px;
  }

  .news-container__title {
    font-size: 13px;
  }
}

@media(max-width: 390px) {
  .pagination .page-item {
    margin: 1px;
  }
}

/* List form class */
@media (min-width: 768px) {
  .programs-container.filter.list-form-class {
    display: flex;
    flex-direction: column;
  }

  .list-form-class .program-card {
    flex-direction: row;
    min-height: auto;
    border-radius: 0;
  }

  .list-form-class .program-card img {
    display: none;
  }

  .list-form-class .program-card .program-bar {
    min-width: 32px;
    height: auto;
    align-items: start;
    justify-content: center;
    padding: 8px 0;
  }

  .list-form-class .program-card .additional-info {
    flex-direction: row;
  }

  .list-form-class .program-card .program-footer {
    display: flex;
    margin-top: 0;
    text-align: right;
    padding: 0;
    padding-right: 15px;
    align-items: center;
    min-width: 75px;
  }

  .list-form-class .program-card .date-info {
    margin-right: 75px;
  }

  .list-form-class .program-card:only-child {
    max-width: 100% !important;
  }
}