/* GENERALES*/
*{
    margin:0;
    padding: 0;
}

h1 {
    font-size: 85px;
    font-family: "wulkan";
    color: #4B013A;
}

h2{
    font-size: 48px;
    font-family: "wulkan";
    color: #E0B589;
}

h3{
    font-family: "marcin";
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
    color: #4B013A;
}

p{
    font-size: 21px;
    font-family: "marcin";
    color: #232323 ;
}

a{
    text-decoration: none;
}


/*TIPOGRAFÍA*/

@font-face {
    font-family: "marcin";
    src: url(../type/marcinant-regular.otf);
  }

  @font-face {
    font-family: "wulkan";
    src: url(../type/wulkan-display\ black.otf);
  }


/*NAVBAR*/
.navbar{
    padding-top: 0;
    padding-bottom: 0;
    background-color: black;
    opacity: .7;
}

.txt-overlay{
    color:white;
    text-align: left;
    letter-spacing: -0.03em;
}



/*LOGOTIPO NAV*/
.img-fluid{
    max-width: 85%;
}

.navbar-brand{
    margin: 0 !important;
    text-align: center;
}

/*ICONOS DE REDES*/
.redes img{
    width: 35%;
}

.icono-f{
    text-align: end;
}


/*BOTONES MENÚ, CONTACTO*/
.botones{
    text-align: center;
}

.botones a{
    text-decoration: none;
    color: white;
    margin: 25px;
}



/*MENU HAMBURGUESA*/
.navbar-toggler{
    padding: 20px;
}

.navbar-collapse{
    margin-right: 0px;
}

.navbar-toggler-icon{
    background-image:url(../images/menuhamb.png) ;
}

/* BOTONES MENU DESPLEGADO*/
a.nav-link{
    padding: 20px !important ;
    font-weight: bold;
    color: white;
    font-size: 15px;
}
a.nav-link:hover{
    color: #4B013A;
}


/*video*/
video{
    
    size: cover;

}
.v-header{
    height: 100vh;
    display: flex;
    align-items: center;
    color: lightseagreen;
    opacity: .5;
}

.fullscreen-video-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    
    
}

.header-overlay{
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    background:black;
    z-index: 1;
    opacity: 0.5;
}
.header-content{
    text-align: center;
    z-index: 2;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 25px;
    margin-bottom: 190px;
}
.header-content h2{
    color: white;
    margin-bottom: 0;


}


#myVideo {
    background-size: cover;
    background-position: center bottom;
    text-align: center;
}

.botones-inicio{
    color: white;
    font-family: "marcin";
    


}

.botones-inicio:hover{
    color: #4b013a;
}

.borde{
    border: solid 1px white;
    border-radius: 60px;
    padding: 6px 15px;

}
    





  

/*CAROUSEL BULLETS*/
.carousel-indicators [data-bs-target]{
    width: 12px;
    height: 12px;
    border-radius: 100%;
}

.carousel-inner{

    top: 0;
    left: 0;
}
.carousel-item img{

    width: 100vmax;
    height: 100%;
    
    
}




/*++++++++++++++++++++++++++++++++++++++++++++++* PAGINA INICIO/

/*SECCION tradicion*/

.tradicion{
    margin-top: 120px;
    padding: 25px 0;
    background-color: #F4EADD;
    text-align: center;
}


/*SECC En el corazon*/
.corazon{
    margin-top: 100px;
}


/*SECC Cócteles*/
.bar{
    margin-top: 112px;
}


/*SECC Música*/
.musica{
    letter-spacing: -0.02em;
    margin-top: 112px;
    margin-bottom: 200px;
}



/*++++++++++++++++++++++++++++++++++++++++++++++* PAGINA RESTAURANTE/

/*SEC MATRIZ*/
.matriz{
    margin-top: 120px;

}

/*SEC terraza*/
.terraza{
    margin-top: 120px;
    letter-spacing: -0.01em;

}

/*SEC doctores*/
.doctores{
    margin-top: 120px;
    margin-bottom: 100px;
    letter-spacing: 0.01em;
}




/*++++++++++++++++++++++++++++++++++++++++++++++* PAGINA NOSOTROS/
/*SEC misión*/
.mision{
    margin-top: 120px;
    letter-spacing: -0.02em;
    
}
/*SEC visión*/
.vision{
    margin-top: 120px;
    
}
.foto-rest{
    margin-top: 120px;

}
/*SEC valores*/
.valores{
    margin-top: 40px;
    margin-bottom: 100px;
    text-align: justify;
    letter-spacing: -0.02em;



}
.valores h2{
    text-align: center;
    margin-bottom: 35px;

}

/*++++++++++++++++++++++++++++++++++++++++++++++* PAGINA CONTACTO/

/*SEC MAPA MATRIZ*/
.mapa-matriz{
    margin-top: 120px;
}
iframe{
    width: 100%;
    height: 500px;
}
.direccion{
    text-align: initial;
    margin-top: 20px;
}
.direccion-doc{
    text-align: end;
    margin-top: 20px;

}

/*SEC-MAPA DOCTORES*/
.mapa-doctores{
    margin-top: 120px;
}

.eventos{
    text-align: center;
    margin-top: 100px;
    margin-bottom: 200px;
    background-color: #CFE3C4;
    padding: 30px 0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++* PAGINA ESPECIALIDADES/

/*SEC-RECOMENDACIONES*/

.recom{
    margin-top: 120px;
    background-color:#F4EADD ;
    padding: 25px;
}
.tradi{
    text-align: center;
}

/*SEC-MANO*/
.manita{
    margin-top: 120px;
    letter-spacing: -0.02em;

}
/*SEC-SALBUTES*/
.salbutes{
    margin-top: 120px;
    letter-spacing: -0.03em;
}
/*SEC-TACOS*/
.tacos{
    margin-top: 120px;
}
/*SEC-chamorro*/
.chamorro{
    margin-top: 120px;
    margin-bottom: 120px;
    letter-spacing: -0.02em;

}






/*FOOTER*/
footer a{
    color: white;
    font-family: "marcin";
}
footer p{
    font-size: 20px;
    color: white;
    }
.direc{
    margin-bottom: 20px;
}    

.legales{
    text-align: center;
    margin-top: 20px;
}


footer{
    background-color:#531546;
    padding-top: 40px;
    padding-bottom: 25px;
    color: white;
    align-items: center;
}

.iconos-footer{
    text-align: center;
}

.fb-footer img{
    width: 100%;
}

.insta-footer img{
    width: 100%;

}




/* MEDIA Q-Large devices (desktops, less than 1290px) */
@media (max-width: 1290px){

    /*GENERALES*/
    body h1{
        font-size: 56px;
    }
    body h2{
        font-size: 50px;
    }
    
    body p{
        font-size: 18px;
    }

    
   /*FOOTER*/
    .redes a{
        margin: 10px;
    }
    .contacto{
        text-align: center;
        margin-top: 20px;
    }
    footer a{
        font-size: 14px;
    }
    .direc{
        margin-bottom: 0 !important;
        text-align: center;
    }
    .direc p{
        font-size: 13.5px;
        margin-top: 20px;
    }
    .contacto p{
        font-size: 14px;
    }

    .fb-footer img{
        width: 45%;
    }
    .insta-footer img{
        width: 45%;
    }
    
    .legales p{
        font-size: 9px;
        margin-top: 100px;
    }
   
}

/* MEDIA Q-Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) {

    /*GENERALES*/
    body p{
        font-size: 16px;
    }

    body h1{
        font-size: 52px;
    }
    body h2{
        font-size: 48px;
    }

    

    /*FOOTER*/
    .redes a{
        margin: 10px;
    }
    .contacto{
        text-align: center;
        margin-top: 20px;
    }
    .direc p{
        font-size: 11px;
        margin-top: 20px;
    }
    .contacto p{
        font-size: 11.5px;
    }

    .fb-footer img{
        width: 45%;
    }
    .insta-footer img{
        width: 45%;
    }
    
    .legales p{
        font-size: 9px;
        margin-top: 50px;
    }

    .header-content{
        margin-bottom: 95px;
    }
    
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {

    /*GENERALES*/
    body p{
        font-size: 15px;
    }

    body h1{
        font-size: 42px;
    }

    body h2{
        font-size: 38px;
    }


    .header-content{
        margin-bottom: 95px;
    }    

    /*FOOTER*/
    .direc{
        text-align: center;
        margin-bottom: 0px;
        margin-top: 10px;
        font-size: 10px;
    }
    .direc p{
        font-size: 16px;
    }
    .contacto{
        text-align: center;
        margin-top: 20px;
    }
    .contacto p{
        font-size: 16px;
    }
    .fb-footer img{
        width: 80%;
    }
    .insta-footer img{
        width: 80%;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {

    /*GENERALES*/
    body h1{
        font-size: 38px;
    }

    body h2{
        font-size: 36px;
        margin-top: 30px;
    }
    body p{
        font-size: 14px;
    }

    /*NAV*/
    .botones a{
        font-size: 12px;
        margin: 10px;
    }

    .header-content{
        margin-bottom: 95px;
    
    }
    
  


    /*FOOTER*/
    .legales p{ 
        margin-top: 50px;
        font-size: 9px;
    }
    .direc{
        text-align: center;
    }
    .contacto{
        text-align: center;
    }
    .contacto p{
        margin-top: 5px;
    }



   
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {

    /*GENERALES*/
    body p{
        font-size: 13px;
    }
    body h1{
        font-size: 36px;
    }
    body h2{
        font-size: 32px;
        margin-top: 30px;
    }

    .header-content{
        margin-bottom: 95px;
    }
    

    /*FOOTER*/
    .direc{
        text-align: center;
    }
    .contacto{
        text-align: center;
    }
    .fb-footer img{
        width: 10%;
    }
    .insta-footer img{
        width: 10%;
    }
    .contacto p{
        margin-top: 5px;
    }
    .legales{
        font-size: 8px;
    }

}

 /* Extra small devices (portrait phones, less than 480px) */
@media (max-width: 480px) {

    /*GENERALES*/
    body p{
        font-size: 12px !important;
        word-spacing: -0.02em;
    }
    
    
    /*NAV*/
    .redes img{
        width:50% !important;
    }

    .navbar-toggler{
        padding: 10px;
       
    }
    .navbar-toggler span{
        width: 150%;

    }

    .header-content{
        margin-bottom: 95px;
    }
   


    /*FOOTER*/

    .fb-footer img{
        width: 20%;
        margin-top: 15px;
    }
    .insta-footer img{
        width: 20%;
        margin-top: 15px;
    
    }
    .direc p{
        font-size: 12px !important;
        margin-top: 30px;
    }
    .contacto p{

        font-size: 14px;
        margin-top: 30px;
    }
    .legales p{
        font-size: 8px !important;
    }
    .mail{
        text-align: initial;

    }

}

/* Extra small devices (portrait phones, less than 390px) */
@media (max-width: 390px){

    h2{
        font-size: 20px !important;
    }
    body p{
        font-size: 10px !important;
        letter-spacing: -0.02em;
    }


    .redes img{
        width:50% !important;
    }

    .tradi p{
        font-size: 15px !important;
    }

    .fb-footer img{
        width: 20%;
    }

    .insta-footer img{
        width: 20%;
    }

    .navbar-toggler{
        padding: 10px;
    }

    .navbar-toggler span{
        width: 250%;
    }

    .direc p{
        font-size: 12px;
    }

    .contacto p{
        font-size: 12px;
    }

    .legales p{
        font-size: 7px;
    }

    .corazon p{
        text-align: justify;
        letter-spacing: 0.01em;


    }
    .bar p{
        text-align: justify;
    }
    .musica p{
        text-align: justify;
        letter-spacing: -0.04em;
    }

    video{
        height: 100vh;

    }

    .header-content{
        margin-bottom: 95px;
    }

    

}