@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600;800&family=Roboto:wght@400;900&display=swap');

@media (min-width: 76px) and (max-width:325px) {
    #imagen_logo{
        height: 5em !important;
        margin-top: 1em !important;
        margin-bottom: -0.5em !important;
        max-inline-size: -webkit-fill-available !important;
    }

    #imagen_logo_color{
        height: 2.4em !important;
        margin-top: 3em !important;
        margin-bottom: 3em !important;
        max-inline-size: -webkit-fill-available !important;
    }
    .size-texto{
        font-size: 2.2em !important;
    }
    .txt_size-local{
        font-size: 1.1em !important;
    }
    .txt-size-contact{
        font-size: 1.1em !important;
    }
}


#body-index{
    background-image: url(../img/landing-page-fondo.png);
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-size: cover;
    background-position: center !important;
}

#body-cholula{
    background-image: url(../img/landing-4-cholula.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-size: cover;
    background-position: center !important;
}

#body-loreto{
    background-image: url(../img/landing-2-loreto.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-size: cover;
    background-position: center !important;
}

#body-san_manuel{
    background-image: url(../img/landing-3-san_manuel.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-size: cover;
    background-position: center !important;
}

#body-tlaxcala{
    background-image: url(../img/landing-5-tlaxcala.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-size: cover;
    background-position: center !important;
}

#body-general{
    background-image: url(../img/landing-3-san_manuel.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 0% !important;
}

.container{
    max-width: 95% !important;
}

#imagen_logo{
    height: 8em;
    margin: 2.5em;
}

#imagen_logo_color{
    height: 8em;
    margin: 2.5em;
}

spam{
    font-family: cursive;
}

.txt-size-contact{
    font-family: 'Roboto', sans-serif;
    -webkit-text-stroke: thin;
}

.size-texto{
    font-size: 4em;
    font-family: 'Roboto', sans-serif;
}

.txt_size-local{
    font-size: 1em;
    font-family: 'Raleway', sans-serif;
}

.txt-roboto{
    font-family: 'Roboto', sans-serif;
    -webkit-text-stroke: medium;
}

.size-icon-location{
    height: 2em;
}

.size-icon-sociales{
    height: 3em;
}

.texto_fuerte{
    -webkit-text-stroke-width: medium;
}

.texto-sombras{
    text-shadow: 1px 1px 2px black;
}
.color-blanco{
    color: white;
}

.color-verde{
    color: rgb(109, 226, 0);
}

.color-naranja{
    color: #fc884e
}

.fondo-verde{
    background-color: #7cc900 !important;
}

.fondo-verde-claro{
    background-color: #82c300 !important;
}

.fondo-blanco{
    background-color: #ffffff !important;
}

.text-webkit-center{
    text-align: -webkit-center;
}

.align-items-center{
    align-items: center;
}

.btn--verde{
    background-color: #7cc900;
}

.btn--verde:hover, .btn--blue_grey:focus {
    background: #7cc900;
    color: #ffffff;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}

 /* LANDING PAGE CHOLULA */

 .color-verde-claro{
    color: #82c300
}

.color-verde-oscuro{
    color: #4d8068
}

.txt_size-cholula{
    font-size: 1.2em;
    font-family: 'Raleway', sans-serif;
}

 /* END LANDING PAGE CHOLULA */











/* FORMULARIO */
.card {
    max-width: 700px;
    min-width: 400px;
    background-color: #fff;
    border: none;
    border-radius: 12px
}

label.radio {
    cursor: pointer;
    width: 100%
}

label.radio input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none
}

label.radio span {
    padding: 7px 14px;
    border: 2px solid #eee;
    display: inline-block;
    color: #039be5;
    border-radius: 10px;
    width: 100%;
    height: 48px;
    line-height: 27px
}

label.radio input:checked+span {
    border-color: #039BE5;
    background-color: #81D4FA;
    color: #fff;
    border-radius: 9px;
    height: 48px;
    line-height: 27px
}

.form-control {
    margin-top: 4px;
    height: 34px;
    border: 2px solid #eee;
    border-radius: 10px;
    background-color: rgba(187, 187, 187, 0.253) !important;
    font-size: 1em !important;
    border-radius: 10rem !important;
}

.form-control:focus {
    box-shadow: none;
    border: 2px solid #039BE5
}

.agree-text {
    font-size: 12px
}

.terms {
    font-size: 12px;
    text-decoration: none;
    color: #039BE5
}

.confirm-button {
    height: 50px;
    border-radius: 10px
}
/* FORMULARIO */




@media (min-width: 1400px) {
    #imagen_logo{
       height: 6.5em;
       margin: 2.5em;
    }

    #imagen_logo_color{
      height: 6.5em;
       margin: 2.5em;
    }
    .size-texto{
        font-size: 4.5em !important;
    }
    .txt_size-local{
        font-size: 1.3em !important;
    }
    
    .txt-size-contact{
        font-size: 3.5em !important;
    }

    .text-end-direccion{
        text-align: right !important;
    }
}

@media (min-width: 1200px) and (max-width:1399px) {
    #imagen_logo{
        /*height: 20em !important;
        margin-top: -3em !important;
        margin-bottom: -4em !important;*/
    }

    #imagen_logo_color{
       /* height: 8em !important;
        margin-top: 3em !important;
        margin-bottom: 3em !important;*/
    }

    .size-texto{
        font-size: 2.5em !important;
    }
    .txt_size-local{
        font-size: 1em !important;
    }
    .txt-size-contact{
        font-size: 2.5em !important;
    }
    .text-end-direccion{
        text-align: right !important;
    }
    h4{
    	font-size: 1.2em;
    }

    .txt_size-cholula{
    	font-size: 1em;
    	font-family: 'Raleway', sans-serif;
	}

}


@media (min-width: 992px) and (max-width:1199px) {
   #imagen_logo{
       height: 4.5em;
       margin: 2.5em;
    }

    #imagen_logo_color{
      height: 4.5em;
       margin: 2.5em;
    }

    .size-texto{
        font-size: 2.5em !important;
    }
    .txt_size-local{
        font-size: 1em !important;
    }
    .txt-size-contact{
        font-size: 2.5em !important;
    }
    
    .text-end-direccion{
        text-align: right !important;
    }
}


@media (min-width: 768px) and (max-width:991px) {
    #imagen_logo{
       height: 4.5em;
       margin: 2.5em;
    }

    #imagen_logo_color{
      height: 4.5em;
       margin: 2.5em;
    }

    .size-texto{
        font-size: 4em !important;
    }
    .txt_size-local{
        font-size: 1.1em !important;
    }
    .txt-size-contact{
        font-size: 2em !important;
    }

 
}

@media (max-width:991px) {
    #body-general{
        background-size: cover;
        background-position: 100% 10% !important;
    }
}

@media (min-width: 326px) and (max-width:576px) {
    #imagen_logo{
        height: 5em !important;
        margin: 2em;
    }

    #imagen_logo_color{
        height: 5em !important;
        margin: 2em;
    }
    .size-texto{
        font-size: 3em !important;
    }
    .txt_size-local{
        font-size: 1.3em !important;
    }
    .txt-size-contact{
        font-size: 2.1em !important;
    }
    
    .texto_fuerte {
        -webkit-text-stroke-width: initial;
    }
    
    .txt-roboto{
        -webkit-text-stroke: initial;
    }
}