/**Titulos */
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
/**Textos */
@import url('https://fonts.googleapis.com/css2?family=Signika+Negative&display=swap');

body {
    margin: 0;
    font-family: 'Secular One', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    text-align: left;
    background-color: rgb(0, 0, 0);
}

@media (min-width: 992px) {
    body::after {
        position: fixed;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-image: url(../../../../img/BTS_3.jpg);
        background-size: cover;
        background-position: center;
        content: '';
        transition-duration: .5s;
    }
}

@media (max-width: 991px) {
    body::after {
        position: fixed;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-image: url(../../../../img/BTS_3.jpg);
        background-size: cover;
        background-position: center;
        content: '';
        transition-duration: .5s;
    }

    .col-11 {
        padding-bottom: 14px;
    }
}
.tiempo li {
    color: #ffffff;
    font-size: 18px;
}
.txtleft {
    text-align: center;
    font-size: 20px;
    color: #ffffff
}
a {
    color: #ffffff;
}
a:hover {
    color: #ffffff;

}
.text-white {
    color: rgb(255, 255, 255) !important;
}

.text-white2 {
    color: #ffffff !important;
}
.title {
    color: #ffffff;
    font-family: 'Courgette', cursive;
    font-size: 42px;
    text-shadow: rgb(255, 255, 255);
}
@media(max-width:767px) {
    .title {
        font-size: 35px;
        margin-bottom: 20px;
    }
}
.festejado {
    color: #ffffff;
    font-size: 38px;
    font-family: 'Courgette', cursive;
    text-shadow: rgb(255, 255, 255);
}
@media (min-width: 992px) {
    .festejado {
        font-size: 35px;
    }
}

@media (max-width: 991px) {
    .festejado {
        font-size: 35px;
        font-weight: 600;
    }
}
#cintillo h1 {
    color: #ffffff;
    margin-bottom: 0;
    transition-duration: .5s;
    font-family: 'Courgette', cursive;
    text-shadow: rgb(0, 0, 0);
}
#cintillo.cintillo-scrolled h1 {
color: #ffffff;
transition-duration: .5s;
text-shadow: #ffffff 0.1em 0.1em 0.2em;
}
.sombra-texto {
    text-shadow: #000000 0.1em 0.1em 0.2em
}
#cintillo {
    width: 100.5%;
}
#cintillo.cintillo-scrolled, #carta, .btn-mps, .btn-carta {
    background: linear-gradient(135deg, #5d5297d4 0%, #d90089 25%, rgb(191, 146, 195) 80%, #3473bb 100%);
}

.cuadro-mapa, .cuadro-body, .cuadro-form, .cuadro-boletos, .cuadro-carousel, .cuadro-top {
    background: linear-gradient(135deg, #5d5297d4 0%, #d9008880 25%, #bf92c3a6 75%, #3473bbbd 100%);
    box-shadow: 0px 0px 11px 1px #ef89c9;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(135deg, #5d5297d4 0%, #d9008880 25%, #bf92c3a6 75%, #3473bbbd 100%);
    box-shadow: 0px 0px 11px 1px #ef89c9;
    background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent, transparent);
}
.cuadro-top {
    box-shadow: 0px 3px 10px 2px #e2dfda;
    margin-top: 123px;
}
@media(max-width:400px) {
    .ntimg {
        padding-right: 25px;
    }
}

@media(max-width:380px) {
    .ntimg {
        padding-right: 36px;
    }
}
.idioma {
    position: fixed;
    z-index: 99999;
    bottom: 20px;
    left: 20px;
    cursor: pointer;
    opacity: 1;
}

.gfoto {
    width: 40%;
}

@media(max-width:767px) {
    .gfoto {
        width: 120%;
        margin-left: -60px;
    }
}
.boton-sobre {
    top: 35%;
    color: #fff;
    font-family: 'Courgette', cursive;
    background: none;
}

#sobre img {
    width: 30.6%;
}

#carta {
    position: fixed!important;
    background-position: center;
    text-shadow: 2px 4px 6px #4a4a4a;
}
.fxed{
position: absolute;
margin-top: 400px;
}
.btn-carta{
align-items: center;
color: white;
padding: 15px 32px;
text-decoration: none;
font-size: 16px;
text-decoration: underline;
align-self: center;
border-radius: 20px;
display: flex;
justify-content: center;
box-shadow: 1px 1px 5px 1px white;
}
.btn-carta:hover{
background: #201f0b;
background: linear-gradient(135deg, rgb(191, 146, 195) 0%, #3473bb 25%, #5d5297d4 86%, #d90089 114%);
box-shadow: 1px 1px 5px 1px rgb(56, 56, 56);
}
.boton-sobre {
width: 230px;
}
.btn-mps {
    align-items: center;
    color: white;
    padding: 15px 32px;
    text-decoration: none;
    font-size: 16px;
    text-decoration: underline;
    align-self: center;
    border-radius: 20px;
    display: flex;
    justify-content: center;
	box-shadow: 1px 1px 5px 1px white;
}
.btn-mps:hover{
	background: linear-gradient(135deg, rgb(191, 146, 195) 0%, #3473bb 25%, #5d5297d4 86%, #d90089 114%);
	box-shadow: 1px 1px 5px 1px rgb(56, 56, 56);
}