body{
        color: #5C6671;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;


    }
img{
    display: inline-block!important; vertical-align: middle;
}

.social-icon {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #4b5563;
  border-radius: 10px;
  transition: all .3s ease;
}

.social-icon svg {
  width: 18px;
  height: 18px;
  stroke: #4b5563;
  fill: none;
  stroke-width: 1.8;
  transition: all .3s ease;
}

/* Hover */
.social-icon:hover {
  border-color: #fbbf24;
}

.social-icon:hover svg {
  stroke: #fbbf24;
}




#mobile-menu{
    border-radius: 0 30px 30px 0;
}
 @media (min-width: 1536px) {

        .container {
            max-width: 1285px!important;
        }
    }

    .hero-title{
    width: 100%;
    font-size: 28px;
    line-height: 1.2;
    position: absolute;
    left: 5.5%;
    top: 36px;
    line-height: 1.1;
    font-weight: 700;
        }
    @media (min-width: 768px) {
         .hero-title{
            font-size: 33px;
            /*  */
        }
    }
    @media (min-width: 1236px) {
         .hero-title{
            font-size: 48px;
        }
     
    }
   
    .hero-section{
       background: #F2F5F8;
    }
 .line-clamp-3 {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }
.header-site{
        background: #f2f5f8c4;
}


@media (min-width: 640px) {
    .container-med {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .container-med {
        max-width:768px
    }
    .boton-cita-home{
        top: 360px;
    }
}

@media (min-width: 1024px) {
    .container-med {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container-med {
        max-width:1060px
    }
}

@media (min-width: 1536px) {
    .container-med {
        /*max-width:1060px;*/
        max-width:1240px;
    }
}

@media (max-width: 767px){
   .boton-cita-home{
              margin-top: 120px !important;
   }
}



.text-site{
color: #FDB733;
}
.bg-site{
background: #FDB733;
}
.border-site{
    border-color: #FDB733;
}
.bg-gray-site{
background: #F2F5F8;
}
.item-cita{
    background: #FDB733;
}
.item-cita .circle-icon{
    width: 94px;
    height: 94px;
}

.border-3{
    border-width: 3px;
}

.hero-image-cover{
    aspect-ratio: 2.66/1;
    width: 100%;
    object-fit: cover;
    border-radius: 66px;
}


.item-service__cover{
    margin-top: -90px;
}
.item-service__btn{
    border-width: 2px!important;
    border-color: #5C6671!important;
}
.item-service__btn:hover{
   background: #FDB733;
   border-color: #FDB733!important;
   color: #fff;
}

.bg-wy-top{
    background: #FBFBFB;
    padding: 60px 50px 40px;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    position: relative;
}
.bg-wy-top_cord{
    width: 60px;
    height: 60px;
    background: #FBFBFB;
        position: absolute;
    left: -60px;
    bottom: 0;
    margin: 0;
}
.bg-wy-top_cord:before {
    content: "";
    display: block;
    width: 106px;
    height: 106px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: -45px;
    top: -45px;
}
.bg-wy-bottom{
    background: #FBFBFB;
    padding: 40px 40px 50px;
    border-radius: 80px 0 80px 80px;
}
.item-cite{
 box-shadow: 0 2px 4px 0px rgb(0 0 0 / 0.1);
    padding: 105px 68px 35px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7;
}
.splide__pagination {
    bottom: -38px;
}
.splide__pagination__page {
    height: 12px;
    width: 12px;
}
.splide__pagination__page.is-active{
    background: rgb(249 115 22 / var(--tw-bg-opacity, 1));
    transform: none;
}

.splide-testimonial{
    max-width: 663px;
}
.block-rimac{
    background: #F2F5F8;
    padding: 65px 100px;
    border-radius: 30px;
}

.title-section{
    color: #5C6671;
    font-weight: 700;
    font-size: 48px;
     line-height: 1.25;;
}
.title-section-sub{
    font-size: 19px;
}


.block-rimac__info{
    width: 100%;
}
.block-rimac__cover{
    width: 335px;
    flex: 0 0 335px;
}
.block-rimac__box{
    border-radius: 28px;
}
.item-card{
    border-radius: 30px;
}
.item-card__cover{
    border-radius: 30px 30px 0 0;
    overflow: hidden;
}
.item-card__info{
    /* border-radius: 0 0 30px 30px; */
    padding: 30px 30px 35px;
}
.hours-consults{
    max-width: 822px;
    margin-inline: auto;
}

.hours-consults__item{
    background: #F2F5F8;
    border-radius: 30px;
    padding: 40px 30px;
  
}
.text-40{
    font-size: 40px;
}
@media (min-width: 768px) {
    .md\:text-40 {
        font-size: 40px!important;
        line-height: 40px!important;
    }
}

.line-height-1_3{
    line-height: 1.3!important;
}
.section-contact{
    background: #F2F5F8;
}

.btn-contact{
    min-width: 182px;
  
}


.max-w-100{
    max-width: 100%;
}

.block-enter{
    border-radius: 30px;;
}

.item-nst{

}
.item-nst__cover{
    height: 393px;
    border-radius: 50px;
}

.item-nst__icon{
     position: absolute;
    bottom: 0;width: 115px;
    height: 115px;
    right: 0;}
.item-nst__cort{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 175px;
    height: 191px;
    background-image: url(../img/border_cord.png);
        background-size: 100% 100%;
}

.item-servicio{
    background: #FDB733;
    padding: 24px;
    width: 392px;
  
    max-width: 100%;
    margin-inline: auto;
}
.item-servicio .circle-icon{
    width: 131px;
    height: 131px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-especialidad{
    background: #FDB733;
    padding: 50px;
    width: 100%;
    margin-inline: auto;
    max-width: 392px;
}
.item-especialidad .circle-icon{
    width: 94px;
    height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.rounded-4xl{
    border-radius: 2rem;
}


.accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
            opacity: 0;
        }
        .accordion-content.open {
            max-height: 500px; /* Un valor suficientemente grande para el contenido */
            opacity: 1;
        }

.list-zbr li:nth-child(odd) {
    background: #F2F5F8;
  }
  .list-zbr li:nth-child(even) {
    background: #fff;

  }

  .swiper-hero{
    border-radius: 60px;
    overflow: hidden;
  }

.paragraph p:not(:last-child){
    margin-bottom: 20px;
}

.aspect-img-news{
    aspect-ratio: 2.171 / 1;
    width: 100%;
}


@media (max-width: 767px) {

    .hero-title {
        left: 0px;
        text-shadow: 0 2px 6px rgba(0,0,0,0.45);

    }
   
    .hero-image-cover{
        border-radius: 25px;
    }
    .title-section{
        font-size: 27px;
        line-height: 1.2;
        text-align: center;
    }
    .block-rimac {
    padding: 45px 40px;
    }
    .bg-wy-bottom{
            border-radius: 0 0 80px 80px;
    }
    .bg-wy-top {
        padding: 45px 25px 25px;

    }
    .bg-wy-bottom{
        padding: 25px;
    }
     .item-cite {
        padding: 84px 45px 35px;
       /*  font-size: 15px; */

    } 
     .block-rimac__cover{
                flex: none;
        width: 100%;
    
     }
    .block-rimac__cover img{
        border-radius: 0;
    }
    .item-service__cover{
                 width: 167px !important;
        height: 167px !important;
        margin-top: -74px;
    }
    .item-servicio{
        padding: 20px;
    }
    .item-nst__cover {
        height: 280px;
        border-radius: 25px;
    }

    .swiper-hero {
        border-radius: 20px;
    }


    .bg-wy-top{
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
        width: 100%;
        }
        .bg-wy-bottom{
        
            border-radius: 30px 0 30px 30px;
        }
        .logo-header{
            width: 151px;
            height: 33px;
        }
    .hero-image-cover{
        aspect-ratio: 121/131;
  
    }

    .scroll-mobile{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
                margin-right: -16px;
                padding-right: 16px;

    }
    .scroll-mobile .grid{
        grid-auto-flow: column;
        grid-auto-columns: auto;
        display: inline-grid;
        gap: 16px;
                width: max-content;
    
    }
    .scroll-mobile .grid > div{
        width: 161px;

    }
    .item-cita .circle-icon{
        width: 66px;
        height: 66px;
    }
    .block-rimac__cover img{
            border-radius: 0;
    max-height: 140px;
    /*object-fit: cover;*/
    object-fit: contain;
    width: 100%;
    }
    .hours-consults__item {
    padding: 34px 30px;
}
.btn-contact{
            min-width: auto;
        font-size: 15px;
        padding-right: 15px !important;
        width: 100%;
        /* padding-left: 6px !important; */
        line-height: 1.2;
}
.logo-montefiori-footer{
    width: 271px;
    height: 59px;
}
.item-nst__icon{
    width: 97px;
    height: 97px;
}

.item-nst__cort {
    width: 154px;
    height: 153px;
}

.item-nst{
    width: calc(100vw - 56px);
}


}
@media (min-width: 769px) {
    .block-enter__cover{

        max-width: 518px;
    }

    
}
@media (min-width: 1024px) {
    .wrap-slide{
        /* width: calc(100% - 505px); */
    }

    .bg-hero-banner__cord{
    width: 397px;
    height: 250px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    background-image: url(../img/border_lb.png);
}
    
}
.splide__pagination {
    bottom: -26px;
}

 .modal-enter {
            opacity: 0;
            pointer-events: none;
        }
        .modal-enter-active {
            opacity: 1;
            pointer-events: auto;
        }
        
        .modal-content-enter {
            opacity: 0;
            transform: scale(0.9) translateY(20px);
        }
        .modal-content-active {
            opacity: 1;
            transform: scale(1) translateY(0);
        }



.bullets-lists:before{
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #FDB733;
    border-radius: 50%;
    margin-right: 10px;
    flex-shrink: 0;
        vertical-align: middle;
}

.splide{
    visibility: visible;
    
}

.text-slider, .text-slider2{
    line-height: 1;
    left: 6%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    position: absolute;
}
.text-slider__top{
    margin-bottom: 15px;
       text-shadow: 0px 4px 4px rgb(0 0 0 / 0.25);
}

.text-slider p{
    font-size: 18px;
    max-width: 300px;
    line-height: 1.3;
}
.text-slider2 .text-slider__top{
    /*margin-bottom: 0;*/
    margin-bottom: 5px;
}
@media (max-width: 767px) {
.text-slider{
    left: 25px;
    width: calc(100% - 50px);
    bottom: 15px;
    top: auto;
    transform: none;
}


.text-slider p, .text-slider2 p{
    font-size: 14px;
}
.text-slider2{
    left: 25px;
    width: calc(100% - 50px);
    top: 10px;
    left: 25px;
    transform: none;
}
}
.text-slider__text1, .text-slider__text2{
    display: inline-block;
        box-shadow: 0 5px #fdb733;
}

.text-slider__text1{
     border-radius: 25px 25px 25px 0;
    font-size: 45px;
    font-weight: 600;
    padding: 16px;
    margin-bottom: -13px;
    position: relative;
    z-index: 2;
}

.text-slider__text2{
       border-radius: 0 25px 25px 0;
    font-size: 60px;
    font-weight: 700;
    padding: 16px;
    position: relative;
    z-index: 1;
}

.text-slider__text3{
       margin-top: -13px;
    font-size: 18px;
    line-height: 1.3;
    display: inline-block;
    padding: 16px;
    border-radius: 0 25px 25px 25px;
}
@media (max-width: 1024px) {
.text-slider__text1{
    font-size: 35px;    
}
.text-slider__text2{
    font-size: 45px;    
}

}
@media (max-width: 767px) {
.text-slider__text1{
    font-size: 25px;    
}
.text-slider__text2{
    font-size: 40px;    
}

}