/*------------------ TITULO NOMBRE DE LOS NOVIOS-----------------------------------------*/ 
.contenedor_titulo_nombres {
    max-width: 1000px;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
    font-size: 5em; /* Tamaño inicial del texto */
    text-align: center; /* Centro el texto horizontalmente */
    font-family: 'Cormorant', serif;
    color: #4C4C4C;
}

/* Consulta de medios para ajustar el tamaño del texto en pantallas más pequeñas */
@media (max-width: 600px) {
    .contenedor_titulo_nombres {
        font-size: 3em; /* Cambiar el tamaño del texto para pantallas más pequeñas */
    }
}
/*------------------ TITULO- NOMBRE DE LOS NOVIOS----------------------------------------*/









/*------------------ TITULO galeria-----------------------------------------*/ 
.contenedor_texto_galeriadefotos {
    max-width: 1000px;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
    font-size: 1.8em; /* Tamaño inicial del texto */
    text-align: center; /* Centro el texto horizontalmente */
    font-family: 'Cormorant', serif;
    color: #4C4C4C;
    margin-top: 25PX;
    margin-bottom: 10px;
}

/* Consulta de medios para ajustar el tamaño del texto en pantallas más pequeñas */
@media (max-width: 600px) {
    .contenedor_texto_galeriadefotos{
        font-size: 1.5em; /* Cambiar el tamaño del texto para pantallas más pequeñas */
    }
}
/*------------------ TITULO- galeria----------------------------------------*/





/*------------------ este es solo para la descripcion del paquete solo texto----------------------------------------*/
.contenedor_paquetes {
    max-width: 800px;
    margin: auto;
    padding: 30px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
 

}

.texto-superior {
    background-color: #c7c7c7;
    padding: 10px;
    border-radius: 8px;
    border: 2px solid #c7c7c7;
    margin: 0 auto; /* Centra horizontalmente */
    margin-bottom: 20px;
    font-size: 1.5em; /* Tamaño del título */
    max-width: 220px;
    /* font-weight: bold; /* Negrita */
}

.texto-largo {
    text-align: center;
    line-height: 1.6;
    font-size: 1em;

}


@media (max-width: 800px) {
    .texto-largo{
        font-size: 1.2em; /* Cambiar el tamaño del texto para pantallas más pequeñas */
        
    }

    .contenedor_paquetes{
    margin-left: 20px;
        margin-right: 20px;
    }

}



.boton {
    padding: 6px 12px;
    font-size: 0.9em;
    border: 2px solid #7f8c8d; /* Borde gris */
    border-radius: 5px;
    background-color: transparent; /* Sin fondo */
    color: #383838; /* Color del texto igual al color del borde */
    text-align: center;
    cursor: pointer;
    transition: color 0.3s ease, border-color 0.3s ease; /* Efecto de transición */
    max-width: 220px;
    margin: 0 auto; /* Centra el botón horizontalmente */
    font-weight: bold;
}
/*------------------ este es solo para la descripcion del paquete solo texto----------------------------------------*/











/*------------------ este es para los contenedores de los detalles incluyendo la imagen----------------------------------------*/
.contenedor_detalles {
    max-width: 700px;
    margin: auto;
    text-align: center;
    overflow: hidden; /* Añade un overflow para que la imagen no afecte el flujo del texto */
   /*  border: 1px solid #ccc; /* Añade un borde de 2px sólido de color gris claro 
   border-radius: 10px; /* Añade esquinas redondeadas para un aspecto más estilizado */
    margin-bottom: 35px;
    background-color: #EAE7DF;
    
}

.texto_superior {

    padding: 10px;
    font-size: 1.5em;
    
    color: #292929;
    max-width: 300px;
}

.contenedor_imagen {
    width: 100%;
    max-height: 100%; /* Garantiza que la imagen no exceda la altura del contenedor */
}

.imagen {
    width: 100%;
    height: auto;
}

.texto_inferior {
    text-align: center;
    padding: 20px;
    padding-left: 50px;
    padding-right: 50px;
    line-height: 1.6;
    font-size: 1.2em;
    color: #292929;
    
}

@media (max-width: 800px) {
    .contenedor_detalles{
        margin-left: 20px;
        margin-right: 20px;
        
    }
     }

/*------------------ este es para los contenedores de los detalles incluyendo la imagen----------------------------------------*/

.imagen_logo {
    max-width: 20%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 50px;
}