/*GENERALES*/*{
    margin:0;
    padding:0;
    box-sizing:border-box;  
}

html{
    height: 100vh;
}


/*ENCABEZADO*/
body header{
    background-image: url('../img/fondo-anillo.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    
}
#logo{
    width: 55px;
    height: 55px;
}
header{
    background-image: none;
    font-family: "Parisienne", cursive;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    height: 450px;
    color: #eac7c7;
    padding-top: 15px;
    display:flex;
    flex-direction:column;
    align-items: center;
}
header button {
    border-color: #eac7c7;
    background: transparent;
    width: 90px;
     
}
header button a:hover{
    background-color: #eac7c7;
    color:#000000;
}
header button a{
    text-decoration: none;
    color: #eac7c7;
}
#reloj{
    border: 1px solid;
    width: 300px;
    margin-top: 280px;
}
.container-fluid{
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}






/*CUERPO*/
main h2{
    font-family: "Parisienne", cursive;
    font-weight: 600;
    font-style: normal;
    text-align: center;
}
main p{
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}
main{
    text-align: center;
    font-size: 1rem;
    background-color: #eac7c7;
    padding: 15px;
    display:flex;
    justify-content: center;
    align-items: center;
}





/**CARDS*/

.card a {
    background-color:#eac7c7;
    border-color: #eac7c7;
    color:#000000;
    font-weight: bold;
}
.card iframe{
    width: 90%;
    height: 100%;
    border-radius: 15px;
    padding-top: 5px;
}
.card{
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}
.card img{
    border-radius: 15px;
    width: 100%;
    height: 100%;
    padding-top: 5px;
}

/*UBICACION*/
#ubicacion{
    background-image: url('../img/fondo-ubicacion.jpg');

    background-repeat: repeat-y;
    width: 100%;
}




/*FORMULARIO*/
#bodaForm{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url("../img/fondo-marco.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    padding-bottom: 10px; 
}

#bodaForm h2{
    font-family: "Parisienne", cursive;
    font-weight: 600;
    font-style: normal;
    text-align: center;
}
#bodaForm textarea{
    width: 100%;
    height: 100px;
    resize:none;
}





/*FORMULARIO REGISTRO*/
#formulario{
    padding:10px;
}
#inicio{
    display:flex;
    flex-direction:row;

}
#inicio section{
    gap:15px;
    padding:10px;
    background-image: url('../img/fondo.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}





/*CONTACTO*/
#cont{
    background-image: url('../img/fondo1\ .jpg');
    background-size: cover;
    min-height: 100vh;
    
    width: 100%;
}
#cont h2{
    font-family: "Parisienne", cursive;
    font-style: normal;
    text-align: center;
    text-decoration: underline;
}
#container-preguntas{
    display:flex;
    flex-direction:row;
    margin: 15px;
    margin-top: 0px;
    align-items: center;
    padding-top:10px;
    padding-bottom: 10px; 
    padding-right: 15px;  
}
@media screen and (max-width: 315px){
    #container-preguntas{
        display:flex;
        flex-direction:column;
        margin-right: 15px;
        margin-top: 0px;
        align-items: center;
        padding-top:10px;
        padding-bottom: 10px;   
    }
   #contacto{
        min-width: 100%;
        margin-top:20px;
   }
   #preguntas{
    width:100%;
    }
}
   



#preguntas{
    width: 65%;
    padding-right: 15px;
    text-align: center;
}
#preguntas form textarea{
    resize: none;
    width: 100%;
    height: 150px;
    border-radius:5px;
    margin-top: 15px; 
}
#preguntas form{
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    font-size: 18px;
}
#preguntas form input{
    padding: 5px;
    border-radius: 5px;
    width: 100px;
}
#visual-preguntas{
    padding:15px;
}
#contacto{
    width: 35%;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    border-radius: 15px;
    box-shadow: 0px 6px 8px;
    padding: 5px;
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    font-size: 20px;
    display:flex;
    flex-direction: column;
    align-items:center
}
#visual-preguntas textarea{
    resize: none;
    width: 50%;
    height: 150px;
    border-radius:5px;
}
#visual-preguntas button{
    border-radius: 5px;
    padding:5px;
}

/*ICONO*/
.icono{
    width: 20px;
    height: 20px;
}

/*LOGIN ADMIN*/
#inicioSesion{
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}
#inicioSesion h5{
    font-family: "Parisienne", cursive;
    font-style: normal;
    text-align: center;
    text-decoration: underline;
    font-size:30px;
}
#inicioSesion button{
    padding:5px;
    margin: 10px;
    border-radius: 10px;
}
#container-sesion{
    display:flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-image: url('../img/fondo-admin.jpg');
    background-size: cover;
}

.container{
    height: 100vh;
}