/* General */
body {
  margin: 0;
  font-family: 'Urbanist', sans-serif;
  color: #333;
}

/* Contenedor general */
.wrapper {
  max-width: 1920px;
  margin: 0 auto;
  overflow-x: hidden; /* evita scroll lateral */
}

/* Header */
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 1000;
  backdrop-filter: blur(5px);
}

/* Logo */
.logo {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 40px;
}

/* Logo */
.logo img {
  height: 52px;
}

/* Ajuste responsive del logo */
@media (max-width: 1024px) {
  .logo {
    padding: 10px 20px;
  }

  .logo img {
    height: 40px;   /* más pequeño en tablet */
  }
}

@media (max-width: 600px) {
  .logo {
    padding: 8px 15px;
  }

  .logo img {
    height: 32px;   /* más pequeño en móvil */
  }
}


/* Navegación escritorio */
nav {
  background: #83cccc;
  padding: 10px 40px;
  border-radius: 20px;
  margin-right: 100px;
  max-width: 1920px;
}

nav ul {
  list-style: none;
  display: flex;
  gap: 80px;
  margin: 0;
  padding: 0;
}

nav ul li {
  position: relative;
}

nav ul li:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-54%);
  color: #fff;
  font-weight: 300;
  font-size: 39px;
}

nav ul li a {
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  transition: color 0.3s;
  font-size: 22px;
}

nav ul li a:hover {
  color: #e0e0e0;
}

/* Botón hamburguesa */
.menu-toggle {
  display: none;
  font-size: 2rem;
  cursor: pointer;
  padding: 15px 30px;
  user-select: none;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  nav {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    border-radius: 0;
    margin: 0;
    display: none;
    flex-direction: column;
    text-align: center;
    padding: 20px 0;
    background: rgba(131, 204, 204, 0.8); /* 0.8 = 80% opacidad */

    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  }

  nav ul {
    flex-direction: column;
    gap: 20px;
  }

  nav ul li:not(:last-child)::after {
    content: none; /* Se quitan los separadores en móviles */
  }

  .menu-toggle {
    display: block;
  }

  nav.active {
    display: flex;
  }
}

/* HERO */

.hero-checkup{
    position:relative;
    width:100%;
    overflow:hidden;
    border-bottom:18px solid #84d0d1;
}

.hero-checkup img{
    width:100%;
    height:530px;
    object-fit:cover;
    display:block;
}

/* Caja coral */

.hero-content{
    position:absolute;
    left:7%;
    bottom:18px;

    background:rgba(236, 187, 177, 0.92);

    width:720px;
    max-width:85%;

    padding:32px 40px;

    border-radius:28px;

    /* patrón decorativo opcional */
    overflow:hidden;
}

.hero-content{
    background:
        rgba(236, 187, 177, 0.95)
        url("images/Pleca-titulo.jpg")
        center/cover;
}

.hero-content h1{
    position:relative;
    z-index:2;

    margin:0;

    color:#ffffff;

    font-size:3.3rem;
    font-weight:700;
    line-height:1.05;
    text-transform:uppercase;
}

.hero-content h1 span{
    display:block;
    margin-top:10px;

    font-size:2.9rem;
    font-weight:300;
}

/* TABLET */

@media (max-width:991px){

    .hero-checkup img{
        height:420px;
    }

    .hero-content{
        left:4%;
        width:90%;
        padding:25px 30px;
    }

    .hero-content h1{
        font-size:2.4rem;
    }

    .hero-content h1 span{
        font-size:2rem;
    }
}

/* MÓVIL */

@media (max-width:768px){

    .hero-checkup img{
        height:350px;
    }

    .hero-content{
        left:15px;
        right:15px;
        width:auto;

        padding:20px;
        border-radius:20px;
    }

    .hero-content h1{
        font-size:1.8rem;
    }

    .hero-content h1 span{
        font-size:1.5rem;
    }
}

/* SECCIÓN */

.checkup-info{
    padding:90px 0;
}

.checkup-container{
    max-width: 1500px;
    margin:auto;

    display:flex;
    align-items:center;
    gap:0;
}

/* IMAGEN */

.checkup-image{
    width:48%;
    position:relative;
    z-index:2;
}

.checkup-image img{
    width:100%;
    display:block;

    border-radius:35px;

    box-shadow:0 5px 15px rgba(0,0,0,.12);
}

/* CONTENIDO */

.checkup-content{
    width:52%;
    margin-left:-5px;
}

/* TARJETA SUPERIOR */

.checkup-top{
    color:#666;
    font-size:2rem;
    line-height:1.25;
    font-weight:400;
    padding:35px 40px;
    border-radius:0 35px 35px 0;
    box-shadow:0 4px 10px rgba(0,0,0,.08);
    width:78%;
    margin-left:-5px;
    position:relative;
    z-index:1;
}

/* TARJETA TURQUESA */

.checkup-bottom{
    background:#86c7c8;
	margin-left: 5px;
    color:#fff;
    padding:35px 40px;
    border-radius:0 35px 35px 35px;
    margin-top:-10px;
    position:relative;
    z-index:2;
}

.checkup-bottom p{
    margin:0;
    font-size:1.95rem;
    line-height:1.35;
}

.checkup-bottom p + p{
    margin-top:28px;
}

.checkup-bottom strong{
    font-weight:700;
}

/* =====================================
   RESPONSIVE TABLET
===================================== */

@media (max-width: 1024px){

    .checkup-info{
        padding:70px 0;
    }

    .checkup-container{
        flex-direction:column;
        gap:25px;
        padding:0 30px;
    }

    .checkup-image,
    .checkup-content{
        width:100%;
    }

    .checkup-content{
        margin-left:0;
    }

    .checkup-top{
        width:100%;
        margin-left:0;
        border-radius:25px;
        padding:30px;
        font-size:1.8rem;
    }

    .checkup-bottom{
        margin-left:0;
        margin-top:15px;
        border-radius:25px;
        padding:30px;
    }

    .checkup-bottom p{
        font-size:1.8rem;
    }
}


/* =====================================
   RESPONSIVE MÓVIL
===================================== */

@media (max-width: 768px){

    .checkup-info{
        padding:55px 0;
    }

    .checkup-container{
        padding:0 20px;
        gap:20px;
    }

    .checkup-image img{
        border-radius:25px;
    }

    .checkup-top{
        padding:25px;
        font-size:1.6rem;
        line-height:1.45;
        border-radius:22px;
    }

    .checkup-bottom{
        padding:25px;
        border-radius:22px;
    }

    .checkup-bottom p{
        font-size:1.55rem;
        line-height:1.5;
    }

    .checkup-bottom p + p{
        margin-top:20px;
    }
}


/* =====================================
   MÓVILES PEQUEÑOS
===================================== */

@media (max-width: 480px){

    .checkup-info{
        padding:45px 0;
    }

    .checkup-container{
        padding:0 15px;
    }

    .checkup-top{
        padding:20px;
        font-size:1.45rem;
        line-height:1.5;
    }

    .checkup-bottom{
        padding:20px;
    }

    .checkup-bottom p{
        font-size:1.4rem;
        line-height:1.55;
    }

}

/* ==========================
   ¿QUÉ ES UN CHECK UP?
========================== */

.checkup-definition{
    background:#ffffff;
}

.checkup-definition-container{
    display:flex;
    min-height:420px;
}

/* IMAGEN */

.definition-image{
    width:40%;
}

.definition-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

/* CONTENIDO */

.definition-content{
    width:60%;

    background:#eef6f6;
    position:relative;

    padding:55px 55px 55px 45px;

    border-left:16px solid #7fc7c9;

    display:flex;
    flex-direction:column;
    justify-content:center;

    overflow:hidden;
}

/* Patrón decorativo */

.definition-content::before{
    content:"";

    position:absolute;
    inset:0;

    background-image:url("images/pattern-white.png");
    background-repeat:no-repeat;
    background-position:right top;
    background-size:cover;

    opacity:.15;
    pointer-events:none;
}

.definition-content > *{
    position:relative;
    z-index:2;
}

.definition-content h2{
    margin:0 0 35px;

    color:#7fc7c9;

    font-size:3.6rem;
    font-weight:700;
    line-height:1.05;
    text-transform:uppercase;

    max-width:600px;
}

.definition-content .intro{
    margin:0 0 25px;

    color:#666;

    font-size:2rem;
    font-weight:700;
    line-height:1.25;

    max-width:780px;
}

.definition-content p{
    color:#6b6b6b;

    font-size:1.9rem;
    line-height:1.45;
    margin:0;

    max-width:850px;
}

.section-header{
    max-width:1400px;
    margin:0 auto 50px;
    text-align:center;
    padding:0 20px;
}

.section-header h2{
    font-size:3.5rem;
    color:#666;
    margin-bottom:10px;
    line-height:1.1;
}

.section-header p{
    font-size:1.4rem;
    color:#666;
    margin:0;
}

/* =====================================
   TABLET
===================================== */

@media (max-width: 1024px){

    .checkup-definition-container{
        flex-direction:column;
        min-height:auto;
    }

    .definition-image{
        width:100%;
        height:auto;
    }

    .definition-image img{
        width:100%;
        height:auto;
        display:block;
        object-fit:cover;
    }

    .definition-content{
        width:100%;
        padding:50px 40px;
        border-left:none;
        border-top:12px solid #7fc7c9;
        overflow:visible;
    }

    .definition-content h2{
        font-size:3rem;
        max-width:100%;
        margin-bottom:25px;
    }

    .definition-content .intro{
        font-size:1.8rem;
        max-width:100%;
        margin-bottom:20px;
    }

    .definition-content p{
        font-size:1.75rem;
        max-width:100%;
    }

    .section-header{
        margin-bottom:40px;
    }

    .section-header h2{
        font-size:3rem;
    }

    .section-header p{
        font-size:1.5rem;
    }
}


/* =====================================
   MÓVIL
===================================== */

@media (max-width: 768px){

    .checkup-definition-container{
        flex-direction:column;
        min-height:auto;
    }

    .definition-image{
        width:100%;
    }

    .definition-image img{
        width:100%;
        height:auto;
        display:block;
    }

    .definition-content{
        width:100%;
        padding:35px 25px;
        border-top:8px solid #7fc7c9;
        overflow:visible;
    }

    .definition-content h2{
        font-size:2.4rem;
        line-height:1.2;
        margin-bottom:18px;
    }

    .definition-content .intro{
        font-size:1.6rem;
        line-height:1.5;
        margin-bottom:15px;
    }

    .definition-content p{
        font-size:1.5rem;
        line-height:1.7;
    }

    .section-header{
        margin-bottom:25px;
        padding:0 20px;
    }

    .section-header h2{
        font-size:2.4rem;
        line-height:1.2;
    }

    .section-header p{
        font-size:1.4rem;
        line-height:1.5;
    }
}


/* =====================================
   MÓVILES PEQUEÑOS
===================================== */

@media (max-width: 480px){

    .definition-content{
        padding:28px 20px;
		max-width: 380px;
    }

    .definition-content h2{
        font-size:2rem;
        line-height:1.25;
        margin-bottom:15px;
    }

    .definition-content .intro{
        font-size:1.4rem;
        line-height:1.6;
    }

    .definition-content p{
        font-size:1.35rem;
        line-height:1.75;
    }

    .section-header h2{
        font-size:2rem;
    }

    .section-header p{
        font-size:1.3rem;
    }
}




/* =====================================
  checkup-section
===================================== */

.checkup-section{
    padding:2px 0;
    background-image:url("images/FONDO-43.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.container{
    max-width:1400px;
    margin:auto;
    display:flex;
    gap:60px;
    align-items:center;
}

.left-content{
    width:45%;
}

.image-frame{
    background:#cdeff3;
    border-radius:35px;
    overflow:hidden;
    padding:30px;
    box-shadow:0 15px 30px rgba(0,0,0,.08);
}

.image-frame img{
    width:100%;
    display:block;
    transition:opacity .6s ease;
}

.bottom-text{
    background:#efb6aa;
    color:#fff;
    padding:25px;
    border-radius:0 0 25px 25px;
    text-align:center;
    font-size:28px;
}

.right-content{
    width:55%;
}

.right-content h2{
    font-size:54px;
    margin-bottom:10px;
    color:#666;
}

.right-content p{
    margin-bottom:40px;
    color:#666;
}

.item{
    display:flex;
    align-items:center;
    gap:18px;
    background:#fff;
    border-radius:50px;
    margin-bottom:20px;
    padding:18px 25px;
    cursor:pointer;
    transition:.4s;
    box-shadow:0 5px 15px rgba(0,0,0,.05);
}

.item img{
    width:60px;
    height:60px;
    object-fit:contain;
}

.item span{
    font-size:22px;
    color:#666;
    font-weight:600;
}

.item.active{
    background:#efb6aa;
}

.item.active span{
    color:#fff;
}


.checkup-includes{
    width:100%;
    padding:80px 20px;
}

.includes-header{
    text-align:center;
    margin-bottom:50px;
}

.includes-header h2{
    font-size:3rem;
    color:#7cc9cb;
    font-weight:800;
    margin:0;
}

.includes-icons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:60px;
    margin-bottom:50px;
}

.include-icon{
    width:100px;
    height:100px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.4s;
}

.include-icon.active{
    background:#7cc9cb;
    transform:scale(1.08);
}

.include-icon img{
    width:80px;
    height:80px;
    object-fit:contain;
}

.includes-card{
    max-width:950px;
    margin:auto;
    border-radius:40px;
    overflow:hidden;
    position:relative;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.includes-image{
    position:relative;
}

.includes-image img{
    width:100%;
    display:block;
    transition:opacity .5s ease;
}

.includes-info{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:rgba(124,201,203,.92);
    padding:25px 40px;
    text-align:center;
    color:#fff;
}

.includes-info h3{
    font-size:2rem;
    margin:0 0 15px;
    font-weight:700;
}

.includes-info p{
    margin:0;
    font-size:1.1rem;
    line-height:1.5;
}

/* =====================================
   TABLET
===================================== */

@media (max-width: 1024px){

    .container{
        flex-direction:column;
        gap:40px;
        padding:0 30px;
    }

    .left-content,
    .right-content{
        width:100%;
    }

    .image-frame{
        padding:20px;
    }

    .right-content h2{
        font-size:4rem;
        line-height:1.15;
        text-align:center;
    }

    .right-content p{
        text-align:center;
        margin-bottom:30px;
        font-size:1.8rem;
    }

    .item{
        padding:16px 22px;
    }

    .item img{
        width:55px;
        height:55px;
    }

    .item span{
        font-size:1.9rem;
    }

    .includes-header h2{
        font-size:2.6rem;
    }

    .includes-icons{
        gap:30px;
        flex-wrap:wrap;
    }

    .include-icon{
        width:90px;
        height:90px;
    }

    .include-icon img{
        width:65px;
        height:65px;
    }

    .includes-card{
        border-radius:30px;
    }

    .includes-info{
        padding:25px;
    }

    .includes-info h3{
        font-size:1.8rem;
    }

    .includes-info p{
        font-size:1rem;
    }
}


/* =====================================
   MÓVIL
===================================== */

@media (max-width: 768px){

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

    .container{
        padding:0 20px;
        gap:30px;
    }

    .image-frame{
        padding:15px;
        border-radius:25px;
    }

    .bottom-text{
        font-size:1.8rem;
        padding:18px;
    }

    .right-content h2{
        font-size:3rem;
        text-align:center;
        margin-bottom:15px;
    }

    .right-content p{
        font-size:1.5rem;
        line-height:1.6;
        text-align:center;
        margin-bottom:25px;
    }

    .item{
        gap:15px;
        padding:14px 18px;
        border-radius:20px;
    }

    .item img{
        width:48px;
        height:48px;
        flex-shrink:0;
    }

    .item span{
        font-size:1.6rem;
        line-height:1.3;
    }

    .checkup-includes{
        padding:25px 15px;
		max-width: 380px;
    }

    .includes-header{
        margin-bottom:35px;
    }

    .includes-header h2{
        font-size:2.2rem;
        line-height:1.2;
    }

    .includes-icons{
        gap:18px;
        margin-bottom:35px;
    }

    .include-icon{
        width:75px;
        height:75px;
    }

    .include-icon img{
        width:52px;
        height:52px;
    }

    .includes-card{
        border-radius:25px;
    }

    .includes-image img{
        min-height:280px;
        object-fit:cover;
    }

    .includes-info{
        position:relative;
        padding:20px;
    }

    .includes-info h3{
        font-size:1.6rem;
        margin-bottom:10px;
    }

    .includes-info p{
        font-size:1.4rem;
        line-height:1.6;
    }
}


/* =====================================
   MÓVILES PEQUEÑOS
===================================== */

@media (max-width: 480px){

    .container{
        padding:0 15px;
    }

    .right-content h2{
        font-size:2.4rem;
    }

    .right-content p{
        font-size:1.4rem;
    }

    .bottom-text{
        font-size:1.5rem;
    }

    .item{
        padding:12px 15px;
    }

    .item img{
        width:42px;
        height:42px;
    }

    .item span{
        font-size:1.4rem;
    }

    .includes-header h2{
        font-size:1.9rem;
    }

    .includes-icons{
        gap:12px;
    }

    .include-icon{
        width:65px;
        height:65px;
    }

    .include-icon img{
        width:45px;
        height:45px;
    }

    .includes-image img{
        min-height:220px;
    }

    .includes-info{
        padding:18px;
    }

    .includes-info h3{
        font-size:1.4rem;
    }

    .includes-info p{
        font-size:1.25rem;
        line-height:1.6;
    }
}


/* SECCIÓN ENFERMEDADES */

.diseases-section{
    width:100%;
    padding:70px 0;
    position:relative;
    overflow:hidden;
}

/* Fondo decorativo opcional */
.diseases-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("images/Fondo-rosa-2.jpg") center center;
    background-size:cover;
    pointer-events:none;
}

.diseases-container{
    max-width:1300px;
    margin:auto;
    padding:0 30px;

    display:grid;
    grid-template-columns: 1.5fr 0.9fr;
    align-items:center;
    gap:40px;

    position:relative;
    z-index:2;
}

/* Título tipo cápsula */

.section-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:#efb8ae;
    color:#fff;

    font-size:2rem;
    font-weight:700;
    text-transform:uppercase;

    padding:18px 40px;

    border-radius:60px;

    margin-bottom:35px;

    width:fit-content;
}

/* Texto */

.diseases-text{
    color:#666;
    font-size:1.2rem;
    line-height:1.2;
}

.diseases-text .intro{
    font-weight:600;
    margin-bottom:18px;
}

.diseases-text ul{
    list-style:none;
    padding:0;
    margin:0 0 28px;
}

.diseases-text li{
    margin-bottom:8px;
    position:relative;
    padding-left:18px;
}

.diseases-text li::before{
    content:"-";
    position:absolute;
    left:0;
}

.footer-text{
    margin-top:20px;
    font-weight:500;
}

/* Imagen */

.diseases-image{
    border:8px solid #efb8ae;
    border-radius:0 0 0 80px;
    overflow:hidden;
    background:#fff;
}

.diseases-image img{
    width:100%;
    display:block;
    height:100%;
    object-fit:cover;
}


/* =====================================
   TABLET
===================================== */

@media (max-width: 1024px){

    .diseases-section{
        padding:60px 0;
    }

    .diseases-container{
        grid-template-columns:1fr;
        gap:40px;
        padding:0 25px;
    }

    .diseases-content{
        order:2;
    }

    .diseases-image{
        order:1;
        max-width:700px;
        margin:0 auto;
    }

    .section-badge{
        font-size:1.7rem;
        padding:16px 32px;
        margin-bottom:25px;
    }

    .diseases-text{
        font-size:1.7rem;
        line-height:1.6;
    }

    .diseases-text li{
        margin-bottom:12px;
    }
}


/* =====================================
   MÓVIL
===================================== */

@media (max-width: 768px){

    .diseases-section{
        padding:30px 0;
    }

    .diseases-container{
        padding:0 20px;
        gap:30px;
    }

    .section-badge{
        width:100%;
        text-align:center;

        font-size:1.4rem;
        line-height:1.3;

        padding:14px 20px;
        border-radius:30px;

        margin-bottom:20px;
    }

    .diseases-text{
        font-size:1.45rem;
        line-height:1.7;
    }

    .diseases-text .intro{
        margin-bottom:15px;
    }

    .diseases-text ul{
        margin-bottom:20px;
		font-size: 1rem;
    }

    .diseases-text li{
        padding-left:15px;
        margin-bottom:10px;
    }

    .footer-text{
        margin-top:15px;
		font-size: 1rem;
    }

    .diseases-image{
        border-width:6px;
        border-radius:0 0 0 45px;
    }

    .diseases-image img{
        min-height:250px;
        object-fit:cover;
    }
}


/* =====================================
   MÓVILES PEQUEÑOS
===================================== */

@media (max-width: 480px){

    .diseases-container{
        padding:0 15px;
		max-width: 325px;
    }

    .section-badge{
        font-size:1.2rem;
        padding:12px 0px;
    }

    .diseases-text{
        font-size:1.3rem;
        line-height:1.75;
    }

    .diseases-image{
        border-radius:0 0 0 35px;
    }

    .diseases-image img{
        min-height:200px;
    }
}


/* ==========================
   CHECK UP PRIMERA VEZ
========================== */

.first-checkup{
    width:100%;
    padding:60px 0;
	
}

.first-checkup-container{
    max-width:1200px;
    margin:0 auto;
    padding:0 30px;

    display:flex;
    align-items:center;
    gap:70px;
}

/* Imagen */

.first-checkup-image{
    flex-shrink:0;
}

.first-checkup-image img{
    width:230px;
    height:230px;
    border-radius:50%;
    object-fit:cover;

    box-shadow:
        0 10px 30px rgba(0,0,0,.08);
}

/* Texto */

.first-checkup-content{
    max-width:950px;
}

.first-checkup-content h2{
    margin:0 0 20px;

    font-size:2.5rem;
    font-weight:700;
    line-height:1;

    color:#666;
}

.first-checkup-content h2 span{
    display:block;
    color:#84c9c8;
    margin-top:5px;
}

.first-checkup-content p{
    margin:0;
    color:#666;
    font-size:1.7rem;
    line-height:1.4;
}

.first-checkup-content .intro{
    font-weight:700;
    margin-bottom:4px;
}


/* =====================================
   TABLET
===================================== */

@media (max-width: 1024px){

    .first-checkup{
        padding:50px 0;
    }

    .first-checkup-container{
        gap:40px;
        padding:0 25px;
        align-items:center;
    }

    .first-checkup-image img{
        width:190px;
        height:190px;
    }

    .first-checkup-content h2{
        font-size:2.1rem;
        line-height:1.1;
        margin-bottom:15px;
    }

    .first-checkup-content p{
        font-size:1.5rem;
        line-height:1.6;
    }
}


/* =====================================
   MÓVIL
===================================== */

@media (max-width: 768px){

    .first-checkup{
        padding:45px 0;
    }

    .first-checkup-container{
        flex-direction:column;
        text-align:center;
        gap:25px;
        padding:0 20px;
    }

    .first-checkup-image{
        width:100%;
        display:flex;
        justify-content:center;
    }

    .first-checkup-image img{
        width:170px;
        height:170px;
    }

    .first-checkup-content{
        max-width:100%;
    }

    .first-checkup-content h2{
        font-size:1.9rem;
        line-height:1.2;
        margin-bottom:15px;
    }

    .first-checkup-content h2 span{
        margin-top:8px;
    }

    .first-checkup-content p{
        font-size:1.45rem;
        line-height:1.7;
    }

    .first-checkup-content .intro{
        margin-bottom:10px;
    }
}


/* =====================================
   MÓVILES PEQUEÑOS
===================================== */

@media (max-width: 480px){

    .first-checkup-container{
        padding:0 15px;
    }

    .first-checkup-image img{
        width:140px;
        height:140px;
    }

    .first-checkup-content h2{
        font-size:1.7rem;
    }

    .first-checkup-content p{
        font-size:1.3rem;
        line-height:1.75;
    }
}



/* =====================================
   CHECK UP CONMIGO
===================================== */

.why-checkup{
    background-image:url("images/Fondo-azul-5.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    padding:80px 0;
    position:relative;
}

.why-container{
    max-width:1300px;
    margin:auto;
    padding:0 30px;

    display:grid;
    grid-template-columns:420px 1fr;
    gap:50px;
    align-items:center;
}

.image-wrapper{
    border-radius:45px;
    overflow:hidden;
    height:580px;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
	margin-top: 70px;
}

.image-wrapper img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

    transition:opacity .5s ease;
}

.dots{
    display:flex;
    justify-content:center;
    gap:12px;
    margin-top:20px;
}

.dot{
    width:14px;
    height:14px;
    border-radius:50%;
    background:#ffffff;
    transition:.3s;
}

.dot.active{
    background:#7fcaca;
    transform:scale(1.2);
}

.why-right h2{
    text-align:center;
    color:#7fcaca;
    font-size:3rem;
    margin-bottom:30px;
}

.reason{
    background:#fff;
    padding:18px 25px;
    border-radius:12px;
    margin-bottom:16px;

    font-size:1.6rem;
    color:#666;

    text-align:center;

    box-shadow:0 3px 10px rgba(0,0,0,.08);

    transition:.4s;
}

.reason.active{
    background:#7fcaca;
    color:#fff;
    transform:translateY(-2px);
}

.reason.active strong{
    color:#fff;
}

.reason strong{
    font-weight:700;
}


/* =====================================
   TABLET
===================================== */

@media (max-width: 1024px){

    .why-checkup{
        padding:60px 0;
    }

    .why-container{
        grid-template-columns:1fr;
        gap:35px;
        padding:0 25px;
    }

    .image-wrapper{
        max-width:550px;
        height:500px;
        margin:0 auto;
    }

    .why-right h2{
        font-size:2.6rem;
        line-height:1.2;
        margin-bottom:25px;
    }

    .reason{
        font-size:1.45rem;
        padding:16px 20px;
    }
}


/* =====================================
   MÓVIL
===================================== */

@media (max-width: 768px){

    .why-checkup{
        padding:50px 0;
    }

    .why-container{
        padding:0 20px;
        gap:25px;
    }

    .image-wrapper{
        width:100%;
        height:420px;
        border-radius:30px;
        margin-top:0;
    }

    .why-right h2{
        font-size:2.2rem;
        line-height:1.25;
        margin-bottom:20px;
    }

    .dots{
        gap:10px;
        margin-top:15px;
    }

    .dot{
        width:12px;
        height:12px;
    }

    .reason{
        padding:15px 18px;
        font-size:1.35rem;
        line-height:1.5;
        border-radius:10px;
        margin-bottom:12px;
    }

    .reason.active{
        transform:none;
    }
}


/* =====================================
   MÓVILES PEQUEÑOS
===================================== */

@media (max-width: 480px){

    .why-container{
        padding:0 15px;
    }

    .image-wrapper{
        height:320px;
        border-radius:25px;
    }

    .why-right h2{
        font-size:1.9rem;
    }

    .reason{
        font-size:1.25rem;
        padding:14px 15px;
        line-height:1.6;
    }

    .dot{
        width:10px;
        height:10px;
    }
}


/* ==========================
   AGENDA CHECK UP
========================== */

.agenda-checkup{
    position:relative;
    overflow:hidden;
    padding:50px 0;
}

/* Imagen de fondo */

.agenda-bg{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
    z-index:0;
}

.agenda-container{
    position:relative;
    z-index:2;

    max-width:1200px;
    margin:auto;
    padding:0 40px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

/* Texto */

.agenda-content{
    max-width:620px;
	text-align: right;
}

.agenda-content h2{
    margin:0 0 14px;
    color:#83c9c8;
    font-size:2.5rem;
    font-weight:700;
    line-height:1.1;
}

.agenda-content .subtitle{
    margin:0 0 25px;
    color:#666;
    font-size:1.5rem;
    font-weight:700;
}

.agenda-content .description{
    margin:0 0 35px;
    color:#666;
    font-size:1.5rem;
    line-height:1.4;
}

/* Botón */

.agenda-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:235px;
    height:25px;
    background:#83c9c8;
    color:#fff;
    text-decoration:none;
    font-size:1.8rem;
    font-weight:700;

    border-radius:28px 28px 0 28px;

    transition:.3s;
}

.agenda-btn:hover{
    transform:translateY(-3px);
}

/* Imagen */

.agenda-image{
    flex-shrink:0;
}

.agenda-image img{
    width:520px;
    height:300px;

    object-fit:cover;

    border-radius:28px;

    display:block;
}

/* Tablet */

@media (max-width:992px){

    .agenda-container{
        gap:30px;
    }

    .agenda-content h2{
        font-size:2.5rem;
    }

    .agenda-image img{
        width:420px;
        height:210px;
    }
}

/* Móvil */

@media (max-width:768px){

    .agenda-checkup{
        padding:40px 0;
    }

    .agenda-container{
        flex-direction:column;
        text-align:center;
    }

    .agenda-content{
        max-width:100%;
    }

    .agenda-content h2{
        font-size:2rem;
    }

    .agenda-content .subtitle{
        font-size:1.5rem;
    }

    .agenda-content .description{
        font-size:1.3rem;
    }

    .agenda-image{
        width:100%;
    }

    .agenda-image img{
        width:100%;
        height:auto;
    }
}