body, h1, h2, h3, h4, h5, h6, p, a, span, div, button, input, textarea {
    font-family: 'Poppins', sans-serif !important;
}
body {
    background-image: url(../images/fondocostura.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; /* Hace que la imagen no se desplace con el scroll */
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
.nav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgb(22, 215, 224); /* Agrega un fondo para que no se superponga con el contenido */
    z-index: 1000; /* Asegura que esté sobre otros elementos */
    padding: 10px 0;

}
#avisoLink{
    color: rgb(57, 57, 198);
}
.modal{z-index: 9000;}
.modal-content{background-color: rgb(255, 255, 255)!important;}
.titulo-y-cierre {display: flex; justify-content: space-between;}
.titulo-y-cierre h5{padding-top: 1em;font-family: "Roboto", sans-serif;color: #3cb6a2; font-weight: 700;}
button.close{background-color: rgb(254, 42, 42); border: none; color: white; padding: .5em 1em .5em 1em; border-radius: 5em;}
button.close:hover{background-color: rgb(195, 16, 16);}
.contenido-aviso{justify-content: left; text-align: left; overflow-y: scroll; height: 35em;}
.contenido-aviso h6{font-family: "Montserrat", sans-serif; font-weight: 700; color: #3650B7;;}
.contenido-aviso p{font-family: "Montserrat", sans-serif; font-size: .8em; padding-right: 1em;}
.contenido-aviso ul li{font-family: "Roboto", sans-serif; font-size: .9em; padding-right: 1em;}
.main{
    padding-top: 100px; /* Ajusta según la altura del nav */
}
.nav h1 {
    margin-top: 15px;
    color: #3a3a3a; /* Ajusta la separación desde la parte superior */
}

*embajador*/
section.embajador{padding: 12em 0em 12em 0em; justify-content: center;background-color: #E6EAF3;}
h3.h3-emb{ font-family: "Montserrat", sans-serif;color: #ffffff; font-weight: 600; text-align: center; font-size: 4em;}
h4.h4-emb{ font-family: "Roboto", sans-serif;color: #3650B7; font-weight: 400; text-align: center; font-size: 2em;}
h4.h4-emb strong{color: #77b12b;}
section.embajador p{text-align: center; font-family: "Montserrat", sans-serif; color: #7e7e7e; font-size: 1.2em;}
.canal{display: flex; justify-content: center;}
.canal-img img{width: 5em;}
.canal-p a{text-decoration: none;cursor: pointer;}
.canal-p a p{margin: 1.2em 0em 0em .5em}
.canal-p a p span{background-color: #20B038; padding: .5em 1em .5em 1em; color: white; border-radius: .5em;
  font-family: "Montserrat", sans-serif; font-weight: 500;}
.canal-p a p span:hover{background-color: #1b9b30;}

/*footer*/
section.pie-pagina{background-color: #1b136f; position: relative; padding: 2em 0em 0em 0em;}
.curva-foot{text-align: center;}
.curva-foot img{width: 12em; margin-bottom: 2em;}
.copy-foot{background-color: #0d0849; height: 2em;}
/***/
ul{
    list-style: numeric;
}
.montserrat li{
    font-weight: 500;
}
.dr-simi{
    min-width: 150px;
    max-width: 250px;
    margin-top: 40%;
    margin-left: 80px;
    width: 70%;
}
.character {
    width: 400px;
    animation: wave 0.6s infinite alternate ease-in-out;
    transform-origin: top left;
}
@keyframes wave {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-5deg); }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-20px); /* Efecto de deslizamiento */
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes glow {
    0% { box-shadow: 0px 0px 10px rgba(8, 130, 243, 0.7); }
    50% { box-shadow: 0px 0px 30px rgba(8, 130, 243, 1); }
    100% { box-shadow: 0px 0px 10px rgba(8, 130, 243, 0.7); }
}
form {
    background-color: rgba(255, 255, 255, 0.826);
    border-radius: 15px; /* Bordes redondeados */
    padding: 20px; /* Espaciado interno */
    margin-top: 5px;
    box-shadow: 0px 4px 10px rgba(103, 103, 145, 0.3); /* Sombra azul suave */
    border: 8px solid rgb(22, 215, 224); /* Borde azul */
    animation: fadeIn 1s ease-out;
    max-width: 900px; /* Ajusta el tamaño máximo */
    width: 80%; /* Ocupa el 80% del contenedor */
    margin: auto; /* Lo centra en la pantalla */
    animation: glow 1.5s infinite alternate ease-in-out;
   
}

#msjok{
   
    border-radius: 10px;
    color:#3a3a3a;
    padding-bottom: 10px;
    display: none;
    
}

footer{
    background: rgb(7, 131, 255);
    background: linear-gradient(45deg, rgb(16, 95, 241) 0%, rgb(7, 168, 254) 100%);
    position: relative;
}
footer a {
    font-size: 0.8rem;
    text-decoration: none;
    color: black;
}
footer p{
    font-size: 14px;
    color: black;
}

@media screen and (max-width: 769px) {
    main{
        background-color: #00132C !important;
        background-image: none !important;
        padding: 0;
        margin: 0;
    }
    .montserrat li{
        text-align: start;
        font-size: 0.7rem;
        font-weight: 500;
    }
    label{
        font-size: 0.8rem;
    }
    footer a {
        font-size: 0.7rem;
        text-decoration: none;
        color: black;
    }
    footer p{
        font-size: 0.7rem;
        color: black;
    }
}