.page {
    width: 100%;            /* La página ocupa el 100% del ancho disponible */
    max-width: 1200px;       /* El ancho máximo de la página */
    margin: 0 auto;          /* Centrar la página horizontalmente */
    padding: 10px;           /* Espacio interno */
    background-color: #fff;  /* Color de fondo blanco */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra suave para dar relieve */
}


/* SECCION 1 */
.check_pack {
            font-family: Arial, sans-serif;
            background-color: #0b2c44;
            color: white;
            text-align: center;
            padding: 20px;
        }
        .container_check {
            max-width: 1000px;
            margin: auto;
            background: #0b2c44;
            padding: 20px;
           
   
        }
        .title_check h1 {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 10px;
            text-transform: uppercase;
            border-bottom: 4px solid #ff4081;
            display: inline-block;
            padding-bottom: 5px;
        }
      .image-container_check {
    background: transparent; /* Elimina el fondo blanco */
    padding: 0;
    border-radius:70px; /* Más redondeado */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Recorta la imagen */
    width: 100%;
    max-width: 1000px;
    height: 150px; /* Ajusta la altura para que sea alargado */
	margin-top: 50px;
	margin-bottom:50px;
}

.image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Centra y recorta la imagen */
}

        .description_check {
            font-size: 16px;
            margin-top: 10px;
        }

/* SECCION_2 */
.info {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.container_info {
    display: flex;
    max-width: 100%;
    height: 80vh;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background: url('images/ginecologia/banner2.webp') no-repeat center center/cover;
}

.text-section_info {
    padding: 30px;
    width: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.text-section_info h2 {
    color: #002f6c;
    font-size: 26px;
    font-weight: normal;
    border-bottom: 4px solid #ff4081;
}

.text-section_info p {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}
/* Responsivo para tablets */
@media (max-width: 768px) {
    .container_info {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        background: url('images/ginecologia/A2%20CELULAR.webp') no-repeat center center/cover;
    }
    .text-section_info {
        width: 100%;
        padding: 30px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        text-align: center;
        margin-top: auto; /* Empuja el texto hacia abajo */
        padding-bottom: 20px;
    }
}

/* Responsivo para móviles */
@media (max-width: 480px) {
    .container_info {
        min-height: 100vh;
        background: url('images/ginecologia/A2%20CELULAR.webp') no-repeat center center/cover;
        display: flex;
        flex-direction: column;
    }
    .text-section_info {
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        text-align: center;
        margin-top: auto; /* Empuja el texto hacia abajo */
        padding-bottom: 20px;
    }
    .text-section_info h2 {
        font-size: 22px;
    }
    .text-section_info p {
        font-size: 14px;
    }
}



        
/* SECCIÓN_3 */
/* PAQUETES Y PRECIOS_CSS DE INDEX */

/* SECCION_4 */
.pack_des {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.back {
    max-width: 100%;
    max-height: 50%;
    background: url('images/ginecologia/A1.webp')center/cover no-repeat;
    padding-bottom: 20px;
	
}

/* Contenedor */
.container_des {
    max-width: 60%;
    margin-left: 40%; /* Empuja el contenedor hacia la derecha */
    margin-right: 20px; /* Espacio desde el borde derecho */
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

/* Títulos */
.container_des h2 {
    text-align: center;
    color: #131313;
    padding-top: 30px;
}
.container_des h3 {
    text-align: left;
    color: #131313;
    padding-top: 12px;
	font-weight: normal;
	padding-left:100px;
	padding-bottom:20px;
}

/* Párrafos */
.container_des p {
    text-align: left;
    color: #131313;
    padding: 10px 50px;
    font-size: 16px;
    justify-content: center; 
}

/* Información contenedor */
.info_des {
    display: flex;
    align-items: center;
    justify-content: center;
}

.text_des {
    width: 70%;
    background-color: rgba(173, 216, 230, 0.3); /* Azul claro transparencia */
    margin-bottom: 2%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}

.text_des ul {
    list-style: none;
    padding: 0;
}

.text_des li {
    display: flex;
    align-items: center;
}

.text_des img {
    width: 80px;
    height: 80px;
}

.text_des strong {
    color: #1e3a8a;
}

/* Media Queries para hacerlo responsivo */

/* Para tabletas y dispositivos móviles */
@media (max-width: 768px) {
    .container_des {
        max-width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .container_des h2 {
        font-size: 22px;
    }

    .container_des p {
        font-size: 14px;
        padding: 10px 20px;
    }

    .text_des {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        border-radius: 10px;
    }

    .text_des img {
        width: 60px;
        height: 60px;
    }

    /* Cambiar el banner solo en dispositivos móviles */
    .back {
        position: relative;
        background: url('images/ginecologia/A1-mov.webp') center center; /* Banner diferente para móvil */
        background-size: cover;
    }

    .back::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.8); /* Blanco con opacidad */
        z-index: 1; /* Asegura que la capa esté encima de la imagen pero debajo del texto */
    }

    .back * {
        position: relative;
        z-index: 2; /* Asegura que el contenido de la sección esté por encima de la capa blanca */
    }

    /* Ajuste para pantallas medianas (tablets, 768px o menos) */
    .container_des h3 {
        padding-left: 50px;
        text-align: justify;
    }
}

/* Ajuste para pantallas pequeñas (móviles, 480px o menos) */
@media (max-width: 480px) {
    .container_des h2 {
        font-size: 18px;
    }

    .container_des p {
        font-size: 12px;
    }

    .container_des h3 {
        padding-left: 20px;
        text-align: justify;
        font-size: 18px;
    }

    .text_des {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .text_des img {
        width: 50px;
        height: 50px;
    }

    .container_des {
        display: flex;
        flex-direction: column;
        min-height: 85vh;
        align-items: flex-end;
        justify-content: flex-end;
    }
}


  
		
		
/* SECCION_5 */
.ventajas {
            font-family: Arial, sans-serif;
            background-color: #0d3b5f;
            color: white;
            text-align: center;
            margin: 0;
            padding: 0;
        }
        .container_ven {
            width: 80%;
            margin: auto;
            padding: 20px;
        }
        .container_ven h2 {
            font-size: 24px;
            margin-bottom: 20px;
        }
        .grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            margin-top: 20px;
        }
        .card-ven {
    padding: 0;
    border-radius: 90px;
    display: flex;
    align-items: center;
	text-align:left;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    width: 450px; /* Se ajusta al contenido */
    max-width: 100%; /* Evita que crezca demasiado */
    min-height: 100px; /* Controla la altura mínima */
}

.card-ven img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    margin-right: 15px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 1);
}

        .card-ven p {
    font-size: 16px;
	color:white;
}

.card-ven:nth-child(1) { background: #198ECE; } /* azul */
.card-ven:nth-child(2) { background: #A773A1; } /* Rosa */
.card-ven:nth-child(3) { background: #A773A1; } /* rosa */
.card-ven:nth-child(4) { background: #198ECE; } /* azul */

.card-ven:nth-child(1) img { border: 8px solid #198ECE; } /* rosa */
.card-ven:nth-child(2) img { border: 8px solid #A773A1; } /* azul */
.card-ven:nth-child(3) img { border: 8px solid #A773A1; } /* rosa */
.card-ven:nth-child(4) img { border: 8px solid #198ECE; } /* azul */

/* Responsivo para pantallas más pequeñas (móviles) */
@media (max-width: 768px) {
    .grid {
        grid-template-columns: 1fr; /* Pone las tarjetas en una sola columna */
        gap: 30px;
    }

    .card-ven {
        width: 100%; /* Asegura que las tarjetas ocupen el ancho completo */
        margin: 0 auto; /* Centra las tarjetas */
        padding: 0px;
        flex-direction: column; /* Apila los elementos verticalmente */
        align-items: center; /* Centra todos los elementos */
        justify-content: flex-start; /* Alinea los elementos al inicio */
    }

    .card-ven img {
        width: 120px;
        height: 120px;
        margin-top: 0px; /* Espacio entre la parte superior del contenedor y la imagen */
        margin-bottom: 15px; /* Espacio entre la imagen y el texto */
    }

    .card-ven p {
        font-size: 14px; /* Ajuste de tamaño de fuente */
        text-align: center; /* Centra el texto dentro del contenedor */
        margin: 30px 15px; /* Agrega margen a los lados para evitar que el texto toque los bordes */
    }

    .container_ven h2 {
        font-size: 20px;
    }
}

/* Responsivo para tabletas y pantallas medianas */
@media (max-width: 1024px) {
    .grid {
        grid-template-columns: 1fr; /* Asegura que las tarjetas estén en una sola columna */
        gap: 40px;
    }

    .card-ven {
        width: 100%;
    }

    .card-ven img {
        width: 150px;
        height: 150px;
    }

    .container_ven h2 {
        font-size: 20px;
    }

    .card-ven p {
        font-size: 15px; /* Ajuste de tamaño de fuente */
    }
}
/* SECCION_6 */
.banner-fin {
            width: 100%;
            max-height: auto; /* Ajusta la altura según necesidad */
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .banner-fin img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

.mobile-img {
        display: none;
    }

    @media screen and (max-width: 768px) {
        .desktop-img {
            display: none;
        }

        .mobile-img {
            display: block;
            width: 100%;
            height: auto;
        }
    }
	
	
/* FLECHA DE REGRESO */
#irArriba {
      position: fixed;
      bottom: 110px;
      right: 240px;
      background-color: #333;
      color: white;
      border: none;
      padding: 12px 16px;
      border-radius: 10%;
      cursor: pointer;
      font-size: 30px;
      display: none; /* Oculto por defecto */
      box-shadow: 0 4px 6px rgba(0,0,0,0.3);
      z-index: 1000;
      transition: background-color 0.3s;
    }

    #irArriba:hover {
      background-color: pink;
    }
	/* RESPONSIVO PARA TABLETS */
@media (max-width: 1024px) {
  #irArriba {
    right: 40px;
    bottom: 90px;
    font-size: 28px;
    padding: 10px 14px;
  }
}

/* RESPONSIVO PARA MÓVILES */
@media (max-width: 768px) {
  #irArriba {
    right: 20px;
    bottom: 70px;
    font-size: 26px;
    padding: 8px 12px;
  }
}