html, body {
  scroll-behavior: auto !important; /* Desactiva el scroll automático de Bootstrap */
}




body{font-family: 'Gotham-medium'; background-color: #FF45C4;}

header{background-color: #2a3083; padding: 20px 0px; ;}

nav ul li{text-align: center; padding: 0px 15px;}

nav ul li a{padding: 0px; margin: 0px; color: #fff!important; font-family: 'Gotham-light'; font-size: 1.1em!important;height: auto; line-height: 15px;} 
nav ul li a:hover {color: #ebef42!important;}
.navbar-toggler{border: none; color: #fff;}

.wraper{padding-top: 80px; padding-bottom: 0px;}
.wraper2{padding-top: 50px; padding-bottom: 0px;}

#wrapherobox {padding-top: 110px; padding-bottom: 110px; background-color: #ffd8ef; background-image: url(../images/fondoestrellas.png); background-repeat: no-repeat; background-size: cover; }
#herobox-text{text-align: center;padding-top: 10%;color: #ffd8ef; }
#herobox{padding-top: 30px; padding-bottom: 30px;}
#herobox-text h2, #wrapdondees h2, #wraphorarios h2{font-family: 'Gotham-bold'; font-size: 3.2em;}

#wrapregistro{background-color: #2A3083; }
#wrapregistro h2{font-family: 'Gotham-bold'; font-size: 3.2em; text-align: center;color: #FFD8EF;}

#wrapfraseyversiculo{color: #FFC800; background-image: url(../images/fondorosado_02.jpg); background-repeat: no-repeat; background-size: cover;}
#frase1{font-size: 1.5em; }
#frase2{font-size: 1.1em;  }
.frase1{font-size: 1.3em; }

#wrapdondees{background-color: #FFC800;color: #ffd8ef; }
#iglesia{font-size: 1.6em; font-family: 'Gotham-light'; margin-bottom: 0px;}
#direccion{font-size: 1.2em; margin-bottom: 0px;font-family: 'Gotham-light'; }

#wraphorarios{background-image: url(../images/fondoflohorario1.png),url(../images/fondoflohorario2.png); background-repeat: no-repeat; background-position: left center, right center; background-color: #fff}
#wraphorarios h2{color: #ffd8ef;}

#wrapvideos{background-image: url(../images/fondovideo.jpg); background-repeat: no-repeat; background-size: cover; }

footer{background-color: #FF45C4;  text-align: center; color: #fff; font-size: 1rem; font-family: 'Gotham-light';}

input{/*font-size: 2rem;*/family: 'Gotham-light'; }

/* .wpcf7 input[type=submit] {
        margin-left: 24px;
        padding: 10px 10px;
      
        font-size: 16px;
        font-weight: bold;
        border: 0 none;
        cursor: pointer;
        width: 70%;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
    }

 .wpcf7 input[type=submit]:hover {
       background-color: #A4D7EA;
      
    }

    .wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
 margin: 0 24px;
    position: relative;
    left: 24px;
}*/


/* Estilos generales del header */
.header-main {
    position: relative;
    z-index: 1000;
}
.btn:disabled, .btn-primary{background-color:#FF45C4; border-color:#ffd8ef; font-size: 1.2rem; padding-top: 15px; text-transform: uppercase;}

.item-pastora {color: #ffd8ef;}

label {color:#FFD8EF; font-size: 1.2em;}

.wpcf7-spinner {
    display: block;
    margin: 10px auto 0;
}

/*input.form-control {
    padding-top: 10px;
    padding-bottom: 10px;
   height: 50px; 
    line-height: 50px;
    display: flex;
    align-items: center
}


.form-group select {
    width: 100%;
    height: auto;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  min-height: 44px; 
}
*/
/* Menú Desktop (768px en adelante) */
@media (min-width: 768px) {
    .navbar {
        background-color: #2A3083; /* Color de fondo desktop */
    }
}

/* Menú Mobile (767px hacia abajo) */
@media (max-width: 820px) {
   
    #wrapherobox {background-image: url(../images/fondoestrellas.png); background-position: center; padding-bottom: 180px; }
   
}
@media (max-width: 445px) {
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #2A3083; /* Color de fondo móvil */
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        padding: 1rem;
    }
    
    .navbar-toggler {
        border: none;
        padding: 0.5rem;
    }
    
    .navbar-toggler i {
        color: #ffffff; /* Color del icono hamburguesa */
        font-size: 1.8rem;
    }
    
    .nav-item {
        margin: 0.5rem 0;
    }
   
    #wraphorarios {background-size: 13%;}

    #wraphorarios img{padding-right: 35px; padding-left: 35px;}

    #wrapherobox {background-image: url(../images/fondoestrellas-mobil.png); background-position: center; padding-top: 60px;}
    
    #wraphorarios {
        background-position: left top, right bottom;
    }
    #wraphorarios h2{font-size: 2.8em;}
    
    #wrapregistro h2{margin-top: 15px;}
}