/* Landing Page Styles */
body {
    overflow-x: hidden;
}
.PrimerBloque{margin-top:82px}
.PrimerBloque .col-md-6.col-xs-12{padding:0}
.PrimerBloque .col-md-6.col-xs-12 .blockLeft{background:#99d9d9;height:100vh;padding:50px;display:flex;align-items:center;flex-direction:row}
.PrimerBloque .col-md-6.col-xs-12 .blockRight{height:100vh}
.PrimerBloque .col-md-6.col-xs-12 .blockLeft .content h1{font-size:55px;color:#132740;font-weight:400!important}
.PrimerBloque .col-md-6.col-xs-12 .blockLeft .content p{font-size:18px;color:#132740;margin-top:30px}
.PrimerBloque .col-md-6.col-xs-12 .blockLeft .content .hero-btn a.btn.btn-primary{padding:10px 25px;background:#4fb1b1!important;border:1px solid #4fb1b1!important;border-radius:5px}
.PrimerBloque .col-md-6.col-xs-12 .blockRight .content img{width:100%;height:100vh;object-fit:cover}

/* Segundo Bloque */
.SegundoBloque .content-one .col-md-12{padding:50px;background:#99d9d9}
.SegundoBloque .content-one .about-header{text-align:left!important;color:#132740}
.SegundoBloque .content-one .about-header h2{font-size:18px;text-transform:uppercase;font-weight:500;letter-spacing:1px;margin-bottom:20px}
.SegundoBloque .content-one .about-header p{font-weight:600;font-size:18px;margin:0}
.SegundoBloque .content-one .content-two{margin:40px auto}
.SegundoBloque .content-one .content-two .box{background:#fff;padding:40px;border-radius:10px;text-align:center;min-height:200px;display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;justify-content:center}
.SegundoBloque .content-one .content-two .box img{width:70px;height:70px;object-fit:contain;padding:10px;margin-bottom:10px}
.SegundoBloque .content-one .content-two .box h4{margin:0;width:80%;color:#132740}
.SegundoBloque .content-one .content-two .box a.showMore{margin-top:10px;font-size:25px;font-weight:500;color:#99d9d9}

/* Tercer Bloque - Doctores */
.landing-page .swiper-slide{background:transparent!important}
.landing-page .btn{padding:10px 20px!important;background:#fff!important;border-color:#99d9d9!important}
.TercerBloque .content{background:#99d9d9;padding:50px;text-align:center}
.TercerBloque .content h2{font-size:55px;color:#132740;font-weight:400!important;margin:0}

/* Doctor Carousel */
.doctor-carousel {
    padding: 30px 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: transparent;
}
.doctor-carousel .swiper {
    width: 100%;
    padding: 20px 0;
}
.doctor-carousel .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
}
.doctor-carousel .box-team {
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    width: 220px;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    border: 1px solid #eee;
}
.doctor-carousel .box-team:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(153,217,217,0.2);
    border-color: #99d9d9;
}
.doctor-carousel .box-team img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #99d9d9;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}
.doctor-carousel .box-team:hover img {
    transform: scale(1.05);
    border-width: 4px;
}
.doctor-carousel .box-team h4 {
    font-size: 18px;
    font-weight: 600;
    color: #132740;
    margin: 0 0 10px;
    line-height: 1.2;
}
.doctor-carousel .box-team span {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    color: #99d9d9;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.doctor-carousel .swiper-button-next,
.doctor-carousel .swiper-button-prev {
    color: #99d9d9;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}
.doctor-carousel .swiper-button-next:hover,
.doctor-carousel .swiper-button-prev:hover {
    background: #99d9d9;
    color: #fff;
}
.doctor-carousel .swiper-button-next:after,
.doctor-carousel .swiper-button-prev:after {
    font-size: 18px;
    font-weight: bold;
}
.doctor-carousel .swiper-pagination {
    bottom: -5px;
}
.doctor-carousel .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
}
.doctor-carousel .swiper-pagination-bullet-active {
    background: #99d9d9;
    transform: scale(1.2);
}

/* Cuarto Bloque */
.CuartoBloque .content{background:#ffffff87;min-height:100vh;padding:50px;display:flex;justify-content:center;flex-direction:column}
.CuartoBloque .content h2{font-size:55px;color:#132740;font-weight:400!important;text-align:center;margin-bottom:40px}
.CuartoBloque .content p{font-size:18px;margin:0;color:#132740;width:80%;margin:0 auto;text-align:center}
.CuartoBloque .content img{display:block;margin:0 auto 30px auto}
.CuartoBloque .content a.btn.btn-primary{margin:0 auto;display:block;width:max-content;color:#132740!important;font-weight:bold;background:#4fb1b1!important;border-color:#4fb1b1!important}

/* Contact Section */
section#contact .content img{margin:0}
section#contact .content h2{margin-top:50px;text-align:left}
section#contact .content a{margin:0}
section#contact .content p{text-align:left;width:100%;margin-bottom:20px}
section#contact .content div b{font-size:20px;color:#132740}

/* Servicios Section */
.servicios-section{padding:150px 0 100px;background-color:#fff;position:relative;margin-top:100px}
.servicios-section::before{content:'';position:absolute;top:-100px;left:0;right:0;height:100px;background:linear-gradient(to bottom right,transparent 49%,#fff 50%)}
.servicios-section h2{font-family:'Poppins',sans-serif;font-size:2.5rem;font-weight:600;color:#132740;text-align:center;margin-bottom:80px;position:relative}
.servicio-card{background:white;border-radius:15px;padding:50px 35px;margin-bottom:40px;transition:all .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid rgba(40,167,69,.1);height:95%;display:flex;flex-direction:column}
.servicio-card h3{color:#99d9d9;font-family:'Poppins',sans-serif;font-weight:600;font-size:1.5rem;margin:25px 0 20px}
.servicio-card p{color:#666;font-family:'Inter',sans-serif;line-height:1.8;margin-bottom:0;flex-grow:1}
.servicio-icon{font-size:3rem;color:#99d9d9;height:90px;width:90px;display:flex;align-items:center;justify-content:center;background:rgba(40,167,69,.1);border-radius:50%;margin:0 auto 30px;transition:all .3s ease}
.servicio-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(40,167,69,.15);border-color:#99d9d9}
.servicio-card:hover .servicio-icon{background:#99d9d9;color:white;transform:scale(1.1)}

/* Responsive Styles */
@media (max-width: 768px) {
    .PrimerBloque .col-md-6.col-xs-12 .blockLeft{height:auto;padding:30px}
    .PrimerBloque .col-md-6.col-xs-12 .blockRight{height:50vh}
    .PrimerBloque .col-md-6.col-xs-12 .blockLeft .content h1{font-size:40px}
    .servicios-section{padding:100px 0 50px}
    .servicio-card{margin-bottom:30px}
}

@media (max-width: 480px) {
    .PrimerBloque .col-md-6.col-xs-12 .blockLeft .content h1{font-size:32px}
    .TercerBloque .content h2{font-size:32px}
    .CuartoBloque .content h2{font-size:32px}
    .doctor-carousel .box-team{height:200px}
    .doctor-carousel .box-team img{width:80px;height:80px}
}