@font-face {
    font-family: "TitilliumWebBlack";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-Black.ttf") format("truetype");
}
@font-face {
    font-family: "TitilliumWebRegular";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-Regular.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWebBold";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-Bold.ttf") format("truetype");
}
.colorRojo {
    color: #e1333a;
}
.colorAzul {
    color: #01369d;
}
.colorAzul0 {
    color: #223863;
}
.colorNegro {
    color: black;
}

.colorbgbeige {
    background-color: #ededed;
}
.colorbgbeige2 {
    background-color: #dadada;
}

.colorPrincipal1 {
    color: #f7f6e9;
}

.colorRosa {
    color: #e81f76 !important;
}
.colorTurquesa {
    color: #4b9eae !important;
}
.colorAmrillo {
    color: #eeb45a !important;
}
.tituloDeescipcion {
    color: #1a254b !important;
    font-weight: 900 !important;
}

.descripcionJuegos {
    color: #1a254b !important;
    font-weight: 700 !important;
    font-size: large;
}

.mensajePresidente {
    color: #1a254b;
    font-weight: 600;
}
.modalHeader {
    background-color: #e81f76;
    color: #ffffff;
}

.tituloActCulturales {
    font-weight: 900;
    color: #e81f76;
    text-align: center;
    font-size: 22px;
}

.borderRigth {
    border-right: 2px solid #fff;
}

.linkJL {
    color: #fff;
}
.linkJL:hover {
    color: #fff;
    text-decoration: underline;
}
.mouse {
    cursor: pointer;
}

@media (max-width: 767px) {
    .tituloDeescipcion {
        color: #ffffff;
        font-size: medium;
    }
    .borderRigth {
        border-right: 0px solid #fff;
    }

    .descripcionJuegos {
        color: #ffffff;
        font-size: 13px;
    }
}

.horarioBack {
    height: 45vh;
    background-image: url(".././imgs/horario.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.capitalSiBack {
    height: 45vh;
    background-image: url(".././imgs/disfrutaSLP.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.galeriaBack {
    height: 45vh;
    background-image: url(".././imgs/galeriaImg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.comedorBack {
    height: 45vh;
    background-image: url(".././imgs/comedor.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .horarioBack {
        height: 45vh;
        background-image: url(".././imgs/horario.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .capitalSiBack {
        width: 100%;
        background-image: url(".././imgs/disfrutaSLP.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .galeriaBack {
        width: 100%;
        background-image: url(".././imgs/galeriaImg.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .comedorBack {
        width: 100%;
        background-image: url(".././imgs/comedor.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
}

.enconstruccion {
    width: 100% !important;
    height: 100vh !important;
}

@media (max-width: 767px) {
    .enconstruccion {
        width: 100% !important;
    }
}

.tituloEtiqueta {
    color: #1a254b;
    font-size: 16px;
    font-weight: 900;
    font-family: "TitilliumWebBold";
}

.tituloEtiquetaDescripcion {
    color: black;
    font-size: 15px;
    font-weight: 500;
    font-family: "TitilliumWebRegular";
}

.mostrar {
    display: block;
}
.ocultar {
    display: none;
}

.btnLink {
    padding: 10px;
    cursor: pointer;
    font-weight: 900;
    color: #eeb45a;
}

.btnLink:hover {
    padding: 10px;
    cursor: pointer;
    font-weight: 900;
    color: #01369d;
}

.backgroundAhoraSi {
    height: 100%;
    width: 100%;
    border-bottom-right-radius: 0px;
    background-image: url(".././imgs/Bgahorasi.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.divisorEncabezado {
    border-bottom: 10px solid #fff;
    -webkit-box-shadow: 0 8px 6px -6px rgba(186, 186, 186, 0.75);
    -moz-box-shadow: 0 8px 6px -6px rgba(186, 186, 186, 0.75);
    box-shadow: 0 8px 6px -6px rgba(186, 186, 186, 0.75);
}
.tituloEncabezadoVP {
    color: #1a254b;
    font-weight: 900;
    font-family: "TitilliumWebBlack";
    font-size: 65px;
}

.tituloSubEncabezadoVP {
    color: #1a254b;
    font-weight: 900;
    font-family: "TitilliumWebRegular";
    font-size: 55px;
}

.videoVP {
    width: 100%;
    height: 500px;
}

.mobil {
    display: block;
}

@media (max-width: 767px) {
    .backgroundAhoraSi {
        height: 70vh;
        width: 100%;
        border-bottom-right-radius: 0px;
        background-image: url(".././imgs/Bgahorasi.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .divisorEncabezado {
        border-bottom: 0px solid #fff !important;
        -webkit-box-shadow: 0 0px 0px 0px rgba(186, 186, 186, 0.75);
        -moz-box-shadow: 0 0px 0px 0px rgba(186, 186, 186, 0.75);
        box-shadow: 0 0px 0px 0px rgba(186, 186, 186, 0.75);
    }
    .tituloEncabezadoVP {
        color: #1a254b;
        font-weight: 900;
        font-family: "TitilliumWebBlack";
        font-size: 45px;
    }
    .tituloSubEncabezadoVP {
        color: #1a254b;
        font-weight: 900;
        font-family: "TitilliumWebRegular";
        font-size: 45px;
    }
    .videoVP {
        width: 100%;
    }
    .eventosmobil {
        margin-top: 15vh;
    }
    .mobil {
        display: none;
    }
}
.showCard {
    box-shadow: 4px 7px 14px -5px rgba(186, 186, 186, 0.75);
    -webkit-box-shadow: 4px 7px 14px -5px rgba(186, 186, 186, 0.75);
    -moz-box-shadow: 4px 7px 14px -5px rgba(186, 186, 186, 0.75);
}

.zoomSimple {
    transition: transform 0.3s; /* Animation */
}
.zoomSimple:hover {
    transform: scale(1.1);
}

.tituloObra {
    cursor: pointer;
    position: absolute;
    left: 15px;
    bottom: 0;
    background-color: #1a254b94;
}

.tituloObra label {
    font-size: 21px;
    font-weight: 800;
    color: #fff;
}

.tituloObra:hover {
    background-color: #1a254b;
}