@font-face {
    font-family: "IntriqueScript";
    src: url("/fonts/IntriqueScript_PersonalUse.ttf");
}
@font-face {
    font-family: "Avenir";
    src: url("/fonts/Avenir Next.ttc");
}
@font-face {
    font-family: "Poplar";
    src: url("/fonts/PoplarStd.otf") format("opentype")
}
b{
    font-weight: bold !important;
}
.social svg{
    width: 50px;
    height: 50px;
}

.map-marker-icon svg{
    width: 50px;
    height: 50px;
    color: #EF0027;
}
.bkg-space{
    height: 20vh;
}
iframe{
    border-radius: 5px;
    width:100%;
    height:400px;
    box-shadow: 10px 10px 18px -10px rgba(0,0,0,0.75);
    -webkit-box-shadow: 10px 10px 18px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 18px -10px rgba(0,0,0,0.75);
}
.map{
    padding: 2rem;
}

.bkg-top-blue-drop{
    background-image: url('/images/encabezado_gota.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -2px;
}
.bkg-top-yellow-drop{
    background-image: url('/images/gota_amarilla.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
.bkg-white-drop{
    background-image: url('/images/gota_blanca.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-pink{
    background-color: #E50695 !important;
    color:#fff !important;
    border:none;
    font-size: 20px !important;
    font-weight: bold !important;
}


.footer-content{
    height:58vh
}
small a, small a:hover{
    letter-spacing: 4px;
    font-size: .6rem !important;
    color:#fff;
}


.fondo.menu{
background-image:none !important;
    background:linear-gradient(
        to bottom,
        #E9E5DC 0%,
        #E9E5DC 50%,
        #FFFFFF 50%,
        #FFFFFF 100%
    );
    background-attachment: fixed;
}
p{
    font-family: 'Arial';
    font-weight: 100;
    font-size: 1rem !important;
}

.subtitle{
    font-family: 'Avenir';
    font-weight: 600;
}

.title,h2{
    font-family: 'IntriqueScript';
    font-size: 5rem !important;
    color:#0098CE;
}

.bkg-black{
    background-color: #2D2926 !important;
}
.bkg-yellow{
    background-color: #FFDB00;
}

.bkg-pink{
    background-color: #E50695 !important;
}

.bkg-white{
    background-color: #E9E5DD !important;
}

.bkg-blue{
    background-color: #95D4E9 !important;
}

.txt-black{
    color: #2D2926;
}

.txt-pink{
    color: #E50695;
}

.txt-white{
    color: #E9E5DD;
}

.txt-blue{
    color: #0098CE;
}

.sello-pdf{
    opacity: 0.5;
    margin:auto;
}

/*
  Enter and leave animations can use different
  durations and timing functions.
*/
.slide-fade-enter-active {
    transition: all 0.3s ease-out;
}
  
.slide-fade-leave-active {
    transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
  
.slide-fade-enter-from,
.slide-fade-leave-to {
    transform: translateY(20px);
    opacity: 0;
}

.vue-pdf-embed > div {
    -webkit-box-shadow: 0px 4px 25px 3px rgba(0,0,0,0.59); 
    box-shadow: 0px 4px 25px 3px rgba(0,0,0,0.59);
    margin-bottom:2rem;
}

.pdf{
    padding: 2rem;
}

small{
    font-size: 3rem !important;
}

  
.icon-italos {
    position: absolute;
    left: 5%;
    top: 5px;
}

.opciones-menu button,
.opciones-menu a{
    position:relative;
    font-weight: 600;
}

.footer{
    background-color: rgba(150, 150, 150, 0.6);
    vertical-align: middle;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}

.footer.end{
    position: static;
}

.social-icons{
    color: #E9E5DD;

}

.social-module{
    position:absolute;
    top:8%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.social-box.d-md-none{
    padding: 1rem;
    background: #C43C32;
    border-radius: 100%;
    margin-left:10px;
    margin-right:10px;
}

.d-md-block .social-box{
    padding: 0.4rem;
    background: #C43C32;
    border-radius: 100%;
    margin-left:10px;
    margin-right:10px;
}

.rounded-circle{
    border-radius: 100%;
    overflow: hidden;
    width: 30vh;
    height: 30vh;
}

.carousel__item {
    min-height: 200px;
    width: 100%;
    background-color: #fff;
    color: #fff;
    font-size: 20px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-image{
    max-height: 500px;
}

img.carousel-image{
    border-radius: 8px;
}


@media only screen and (max-width: 600px) {
    
    .footer-content{
        height: fit-content;
    }
    .title,h2{
        font-family: 'IntriqueScript';
        font-size: 3rem !important;
        color:#0098CE;
    }
    p{
        font-size:1.3rem !important;
    }
    .logo{
        width:60% !important;
    }
    .bkg-space{
        height: 5vh;
    }
    small a, small a:hover{
        font-size: 0.8rem !important;
    }
    .social svg{
        width: 43px;
        height: 43px;
    }
        
    .bkg-top-blue-drop,
    .bkg-top-yellow-drop,
    .bkg-white-drop{
        background-size: contain !important;
    }
 
        
    .btn-pink{
        background-color: #E50695 !important;
        color:#fff !important;
        border:none;
    }
        
   
  }