/* styles.css */
/* styles.css */
/* Estilos para encabezados */
h1 {
    font-family: "Futura Light", sans-serif;
    font-size: 21px;
}

h2 {
    font-family: "Futura Light", sans-serif;
    font-size: 22px;
}

h3 {
    font-family: "Linotype Didot", serif;
    font-size: 80px;
}

h4 {
    font-family: "Linotype Didot", serif;
    font-size: 60px;
}

h5 {
    font-family: "Linotype Didot", serif;
    font-size: 45px;
}

h6 {
    font-family: "Futura", sans-serif;
    font-size: 27px;
}

/* Estilos para párrafos */
p.parrafo1 {
    font-family: "Linotype Didot", serif;
    font-size: 18px;
}

p.parrafo2 {
    font-family: "Futura Light", sans-serif;
    font-size: 16px;
}

p.parrafo3 {
    font-family: "Futura Light", sans-serif;
    font-size: 14px;
}

/* Estilos para el navbar */
.navbar .nav-item.active a {
    font-family: "Linotype Didot", serif;
    font-size: 18px;
    color: #d8c7af;
    font-style: italic;
}

.navbar .nav-item {
    display: inline-block;
    text-align: center;
    margin: 0 50px; /* Agregar un margen de 20px a la derecha e izquierda de cada elemento  */
}


.navbar .nav-link {
    font-family: "Didot", serif; /* Estilo para el resto de enlaces de menú 
    font-size: 18px;
    color: #2f2e2e; /* Color negro para los enlaces inactivos 
    transition: color 0.3s; /* Transición de color al hacer hover 
    font-style: italic;*/
}

.navbar .nav-link:hover {
    color: #d8c7af; /* Color al hacer hover en los enlaces inactivos */
}

.custom-navbar {
    background-color: #fff;
    height: 120px;
}

.logo-img {
    max-height: 120px;
}

/* Estilo para el botón de menú colapsado (cuando se muestra) */
.navbar-toggler-icon {
    background-color: #2f2e2e; /* Cambia el color de fondo del botón */
    border: none; /* Elimina el borde del botón si es necesario */
    padding: 5px 10px; /* Ajusta el espaciado interno del botón */
    color: #fff; /* Cambia el color del icono del botón si es necesario */
    border-radius: 4px; /* Agrega bordes redondeados al botón si es necesario */
}

/* Cambia el color de fondo del botón de menú colapsado cuando se activa (hacer clic) */
.navbar-toggler-icon:focus {
    background-color: #2f2e2e; /* Cambia el color de fondo del botón cuando se hace clic*/
}

/* Estilo para el menú desplegable colapsado */
.navbar-collapse {
    background-color: #2f2e2e; /* Cambia el color de fondo del menú desplegable */
    color: #fff; /* Cambia el color de las letras del menú desplegable a blanco */
}

/* Estilo para los enlaces en el menú desplegable */
.navbar-collapse a {
    color: #fff; /* Cambia el color de las letras de los enlaces en el menú desplegable a blanco */
}

/* Estilo para los enlaces activos en el menú desplegable */
.navbar-collapse a.active {
    color: #d8c7af; /* Cambia el color de las letras del enlace activo a un color deseado */
}
*/
h1 {
    font-family: "Futura Light", sans-serif;
    font-size: 21px;
}

/* Estilo para h3i con fuente Italic, tamaño 68px y color #d8c7af */
h3i {
    font: italic normal normal 80px/1.4em "didot-w01-italic", "didot-w05-italic", serif;
    color: #d8c7af;
}

/* Estilo para h3f con fuente Italic, tamaño 45px y color #d8c7af */
h3f {
    font: italic normal normal 45px/1.4em "didot-w01-italic", "didot-w05-italic", serif;
    color: #d8c7af;
}

h3n {
    font: normal normal normal 22px/1.4em "futura-lt-w01-light", "futura-lt-w05-light", sans-serif;
    color: #d8c7af;
}

p6i {
    font: normal normal normal 27px/1.4em "futura-lt-w01-book", "futura-lt-w05-book", sans-serif;
}

hnum {
    font: italic normal normal 60px/1.4em "didot-w01-italic", "didot-w05-italic", serif;
}

p1 {
    font: normal normal normal 17px/1.4em futura-lt-w01-light,futura-lt-w05-light,sans-serif;
    color: #2F2E2E !important;
}


/* Estilo para el bloque de parallax con imagen de fondo */
.parallax-block {
    width: 745px;
    height: auto; /* Ajusta la altura según tus necesidades */
    background-image: url("https://jaudol.miette.es/img/bg-inicio-sd.jpg");
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

/* Estilo para el contenido del bloque */
.parallax-block .content {
    position: absolute;
    top: 50%; /* Ajusta la posición vertical del contenido */
    left: 50%; /* Ajusta la posición horizontal del contenido */
    transform: translate(-50%, -50%);
    text-align: center;
}

/* Estilos personalizados para los campos de entrada */
.form-control {
    border: none !important; /* Elimina el borde */
    border-bottom : 1px solid #000 !important; /* Agrega una línea inferior negra */
    border-radius: 0 !important; /* Elimina cualquier redondeo en los bordes */
    margin-bottom: 35px !important; /* Agrega un espacio entre los campos */
    font-family: "Futura Light", !important;
    font-size: 16px !important;
}

/* Estilo para el botón */
.btn {
    border: none !important; /* Elimina el borde */
    background-color: #fff !important; /* Color de fondo del botón */
    color: #2F2E2E !important; /* Color de texto del botón */
    font-family: "Futura Light", !important;
    font-size: 16px !important;
}

.paralaje { 
    background-image: url("https://jaudol.miette.es/img/bg-inicio-sd.jpg");
    height: 100%; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* margin-left:-410px; */
    /* margin-right:-410px; */
    width:100%;
    }
    .contenido-paralaje { 
    width:100%;
    max-width: 1100px;
    margin:0 auto;
    color:#FFF;
    padding-top:50px; 
    }

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}  
.modal-dialog-custom {
    max-width: 800px; /* Puedes ajustar el valor según tus necesidades */
}