/*VARS*/
:root{
    --main-color: #193073;
    --secondary-color : #8D87AB;

    --main-font-color: var(--main-color);
    --general-font-color: #555555;
    --subtitle-font-color: #8D87AB;
    --error-font-color: #993333;

    --main-opacity: 0.9;
    --secondary-opacity: 1;
    --main-line: var(--main-color) 1px solid;
    --light-bg-color: #F5F6F1;
    --bg-position: top;
    --main-font: "Courgette";
    --title-font: "Alex Brush";


    --cafe-claro: #F5F6F1;
    --cafe-oscuro: #E2B445;
    --azul-oscuro: #193073;
    --azul-medio: #294EBC;
    --azul-claro: #6D89DF;
    --morado-oscuro: #8D87AB;
    --morado-claro: #CEBFD4;
}

/*FIN COLORES DE FONDO*/


/*FIN VARS*/


/*GENERALES*/
body{
    color: var(--general-font-color);
    background-color: var(--light-bg-color);
    font-family: var(--main-font);
}

a{
    text-decoration: none;
    color: inherit;
}
a:hover{
    text-decoration: underline !important;
}

.sinEspacio{
    margin-bottom: 0px;
}

.lineaSeparacionBaja {
    border-bottom: var(--main-line);
}

.textBannerBackSubtitulo{
    margin-top: 5vh;
    background-color: var(--main-color);
    opacity: var(--main-opacity);
}

.textBannerSubtitulo{
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    opacity: var(--main-opacity);
    font-size: 45px;
    font-weight: bold;
}

.textosWarning{
    font-size: 20px;
}

.boton{
    background-color: var(--main-color) !important;
    border-color: var(--main-color);
}
.boton:hover{
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color);
}


/*FIN GENERALES*/

/*COLORES DE FUENTE*/
.textoOscuro{
    color: var(--general-font-color);
}

.textoCafeOscuro{
    color: var(--main-font-color);
}

.textoSubtitulo{
    color: var(--subtitle-font-color);
}

.textoError{
    color: var(--error-font-color);
    font-size: 14px;
}
/*FIN COLOR FUENTE*/


/*SOBREESCRITOS DE BOOTSTRAP*/
.bg-light{
    background-color: var(--light-bg-color) !important;
}

.nav-link{
    padding-right: 10px;
    border-right: var(--main-line);
}
.nav-link:hover{
    color:var(--main-font-color);
}

/*FIN DE SOBREESCRITOS*/


/*FONTS*/
.textoNormal {
    font-family: var(--main-font);
}

.tituloCursiva{
    font-family: var(--title-font), cursive;
}

.italianno-regular {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-style: normal;
}

.tangerine-regular {
    font-family: "Tangerine", cursive;
    font-weight: 400;
    font-style: normal;
}

.tangerine-bold {
    font-family: "Tangerine", cursive;
    font-weight: 700;
    font-style: normal;
}

.alex-brush-regular {
    font-family: "Alex Brush", cursive;
    font-weight: 400;
    font-style: normal;
}
  
.great-vibes-regular {
    font-family: "Great Vibes", cursive;
    font-weight: 400;
    font-style: normal;
}

.courgette-regular {
    font-family: "Courgette", cursive;
    font-weight: 400;
    font-style: normal;
}
/*FIN DE FUENTES*/

/*ESPECIFICOS*/

.logoPagina{
    margin-bottom: 0px;
    margin-top: 5px;
}

.bannerImg {
    height: 50vh;
    background-image: url("../image/banner.jpg");
    background-size: cover;
    background-position: bottom;
    opacity: var(--main-opacity);
}

.textBannerBack{
    margin-top: 15vh;
    background-color: var(--main-color);
    opacity: var(--main-opacity);
    border-radius: 20px;
}

.textBannerBackSinTop{
    margin-top: 5vh;
    background-color: var(--main-color);
    opacity: var(--main-opacity);
    border-radius: 20px;
}

.textBanner{
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    opacity: var(--main-opacity);
    font-size: 60px;
    font-weight: bold;
}


.textoInvitacion{
    font-size: 30px;
}

.imagenPareja{
    opacity: var(--main-opacity);
}




.mapa{

}



.bannerIglesia {
    height: 30vh;
    background-image: url("../image/iglesia.jpg");
    background-size: cover;
    background-position: var(--bg-position);
    opacity: var(--main-opacity);
}

.bannerFestejo {
    height: 30vh;
    background-image: url("../image/jardin.jpeg");
    background-size: cover;
    background-position: var(--bg-position);
    opacity: var(--main-opacity);
}

.bannerHotel {
    height: 30vh;
    background-image: url("../image/hotel.jpg");
    background-size: cover;
    background-position: var(--bg-position);
    opacity: var(--main-opacity);
}

.bannerHotel2 {
    height: 30vh;
    background-image: url("../image/caminoReal.jpeg");
    background-size: cover;
    background-position: var(--bg-position);
    opacity: var(--main-opacity);
}

.footer{
    color: white;
    background-color: var(--main-color);
    opacity: var(--secondary-opacity);
}


.logoMesas{
    max-height: 50px;
}

/*FIN ESPECIFICOS*/

/*REGLAS ESPECIFICAS DE TAMAÑO CHICO*/

@media (max-width: 991.98px) { 

    .visibleChico{
        
    }

    .visibleGrande{
        display: none;
    }

}
/*FIN DE TAMAÑP CHICO*/


/*REGLAS ESPECIFICAS DE TAMAÑO GRANDE*/
@media (min-width: 992px) {

    .visibleChico{
        display: none;
    }

    .visibleGrande{
        
    }

    
}
/*FIN DE TAMAÑO GRANDE*/