/* Navegacion */
@import "./components/nav.css";
@import "./components/header.css";
@import "./components/change.css";
@import "./components/services_psicologia.css";
@import "./components/testimonios.css";
@import "./components/empresas.css";
@import "./components/marcas.css";
@import "./components/especialista.css";
@import "./components/contacto.css";
@import "./components/footer.css";

/* Fonst */

@font-face {
    font-family: Gotham-Bold;
    src: url(./fonts/Gotham-Bold.otf);
}

@font-face {
    font-family: GothamBook;
    src: url(./fonts/GothamBook.ttf);
}


@font-face {
    font-family: GothamMedium;
    src: url(./fonts/GothamMedium.ttf);
}

@font-face {
    font-family: MyriadPro-Regular;
    src: url(./fonts/MyriadPro-Regular.otf);
}

@font-face {
    font-family: SourceSerifVariable-Roman;
    src: url(./fonts/SourceSerifVariable-Roman.otf);
}

/* Animation HTML Global */

html {
    scroll-behavior: smooth;
  }

div#app {
    overflow-x: hidden;
}

/* Tiphografy */

.nav-item,
header .boton_slider,
strong,
h2,
#container_empresas h3,
#container_empresas a,
div#check_empresas div h4,
#especialista .contenido h3,
#especialista .contenido p{
    font-family: Gotham-Bold;
}

h5,
h1,
#especialista .contenido h2{
    font-family: SourceSerifVariable-Roman;
}

p,
footer #contenedor_info div a,
footer #contenedor_info div p{
    font-family: MyriadPro-Regular;
}

@media(max-width: 500px){
    h1{
        font-size: 2rem;
    }

    #especialista h3{
        font-family: Gotham-Bold;
    }
}