/*Generales*/

@font-face {
    font-family: "montserrat";
    src: url(../fuentes/montserrat-variable.ttf);
}

@font-face {
    font-family: "italianno";
    src: url(../fuentes/italianno-regular.ttf);
}

@font-face {
    font-family: "ibm";
    src: url(../fuentes/ibm-plex-sans.ttf);
}

@font-face {
    font-family: "ibm-italic";
    src: url(../fuentes/ibm-plex-sans-italic.ttf);
}

body {
    background-color: #FFF9ED;
}

h1 {
    margin-top: 150px;
    margin-bottom: 80px;
    color: #332F27;
    font-family: "ibm";
    font-weight: 200;
    font-size: 70px;
}

h2 {
    font-family: "montserrat";
    font-weight: 900;
    font-size: 65px;
    text-align: center;
    line-height: 0.8;
    color: #332F27;

}

h3 {
    font-family: "italianno";
    font-size: 67px;
    text-align: center;
    margin-top: -59px;
}

h4 {
    font-family: "italianno";
    font-size: 67px;
    text-align: center;
    margin-bottom: -20px;

}

p {
    font-family: "ibm";
    text-align: center;
    font-size: 20px;
    color: #332F27;
}

.descripcion-item {
    margin: 0 200px;
}


/*Navbar*/
.color-fondo {
    background-color: #332F27;
    padding-left: 35px;
    font-family: "ibm"
}

.navbar-brand {
    padding-bottom: 9px;
    margin-right: 40px;
}

.nav-link.active {
    border: solid 1px #fff9ed69;
    border-radius: 13px;
}

a.nav-link {
    margin-left: 25px;
    margin-right: 25px;
    text-align: center;
    border-radius: 13px;
    transition: all 0.3s ease;
}

.home:hover {
    background-color: #fff9ed;
    color: #F2800F !important;
}

.ilustracion:hover {
    background-color: #ED2144;
    border-radius: 13px;
}

.social-media:hover {
    background-color: #F2800F;
    border-radius: 13px;
}

.artes:hover {
    background-color: #F86EAA;
    border-radius: 13px;
}

.ads:hover {
    background-color: #FFBD17;
    border-radius: 13px;
    color: black;
}

/*INCIO*/

.inicio {
    background-color: #332F27;
    margin: 15px;
    border-radius: 25px;
    margin-top: 74px;
}

.logo-inicio {
    margin: 255px 100px;
}

/*Presentación*/
.presentacion {
    margin: 50px 30px;
}

h4.naranja {
    color: #F2800F;
}

h2.nombre {
    padding-bottom: 10px;
}

.boton-cv {
    background-color: #F2800F;
    border-radius: 7px;
    padding: 12px 25px;
    color: white;
    display: inline-block;
    font-weight: bold;
    transition: all 0.3s ease;
    margin: 20px;
    margin-bottom: 40px;
}

.boton-cv:hover {
    background-color: #F86EAA;
}


/*Caruseles*/

.logos-carrusel {
    margin: 70px;
}

.carrusel {
    margin: 90px 40px 50px;
}

/*FOOTER*/
footer {
    color: white;
    background-color: #332F27;
    text-align: center;
}

.redes {
    margin: 40px 40px 20px;
}

h5 {
    margin-bottom: 25px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.226);
    padding: 20px
}

.contacto {
    display: inline-block;
    margin: 5px 20px;

}

.icono-contacto {
    width: 20px;
    vertical-align: middle;
    margin-right: 8px;
}

.contacto-footer {
    margin-bottom: 15px;
}

.logo-footer {
    margin-top: 30px;
    margin-bottom: 40px;
}


/*ILUSTRACIÓN Y DISEÑO EDITORIAL*/

.descripcion-recetario {
    border-radius: 15px;
    padding: 150px 50px;
}

h3.rosa {
    color: #F86EAA;
}

.recetario {
    background-color: #332F27;
    padding: 80px 0;
}

h4.verde {
    color: #2DAD50;
}


.simis {
    padding: 60px 0;
}

.simis-content {
    padding: 0 80px;
}

.simis-figura img {
    max-width: 300px;
    width: 100%;
}

.simis-carousel img {
    margin: auto;
    opacity: 0.85;
}

.simis-carousel .owl-item {
    transition: opacity 0.6s ease-in-out;
}

.borde {
    border-top: 2px dashed #2dad4f1f;
}


/*SOCIAL MEDIA*/

.monblasq {
    margin: 35px;
    padding: 35px;
    border-radius: 30px;
    margin-bottom: 80px;
    background-color: rgb(255, 239, 223);
}

.monblasq-carousel img {
    max-width: 350px;
    margin: auto;
}

.carruseles-instagram {
    margin: 35px;
    padding: 35px;
    background-color: #332F27;
    border-radius: 30px;
}

h2.blanco {
    color: #fff9ed;
    margin-bottom: 40px;
}

p.blanco {
    color: #FFF9ED;
}

/*EPSON*/
h4.rosa {
    color: #F86EAA;
}

.arte-epson {
    margin-top: 150px;
    margin-bottom: 100px;
}

.masters {
    background-color: #332F27;
    padding: 70px 50px;
}

.crms {
    margin: 30px 0;
}

.concierto-shakira {
    max-width: 600px;
    margin: auto;
}


.pop {
    margin: 100px 30px;
}

.keyvisual {
    margin: 100px 30px;
}

/*ADS CAMPAÑAS DIGITALES*/
.ads_cap-dig {
    margin-top: 150px;
    margin-bottom: 100px;
}

h4.amarillo {
    color: #FFBD17;
}

.logos-autos {
    margin-bottom: 45px;
}

.ads-audi {
    margin-top: 25px;
    margin-bottom: 100px;
}

.ads-byd {
    margin-top: 25px;
    margin-bottom: 50px;
}

h4.rojo {
    color: #ED2144;
}


/*Generales*/

@media (max-width: 576px) {
    
    p {
        font-size: 16px;
        margin: 0 15px
    }

    h2 {
        font-size: 50px;
    }

}

@media (max-width: 414px) {
    
    h4 {
        font-size: 54px;
    }

}


/*INCIO*/
@media (max-width: 1400px) {
    .navbar {
        font-size: 12px;
    }
}

@media (max-width: 1200px) {
    .logo-inicio {
        max-width: 50%;
    }
}

@media (max-width: 1199.98px) {
    .presentacion {
        margin: 20px 30px;
    }

    .color-fondo {
        padding: 30px;
    }

    .inicio {
        margin-top: 120px;
    }

    a.nav-link {
        padding: 16px;
        font-size: 16px
    }

    .carrusel {
        margin: 50px 40px 50px;
    }
}

@media (max-width: 576px) {
    .retrato {
        max-width: 80%;
    }
    .color-fondo {
        padding: 30px 10px;
    }
}


@media (max-width: 414px) {
    .navbar-brand {
        margin: 0 0;
    }

    .logo-inicio {
        margin: 270px 67px;
    }

}

@media (max-width: 375px) {
    
    .navbar-brand {
        max-width: 50px;
    }

}

/*ILUSTRACIÓN Y DISEÑO EDITORIAL*/

@media (max-width: 1399.98px) {
    .libro-cerrado {
        max-height: 400px;
    }

    .libro-abierto {
        max-width: 85%;
    }
}

@media (max-width: 1200px) {
    .descripcion-recetario {
        padding: 90px 50px;
    }

}

@media (max-width: 992px) {
    .simis-content {
        padding: 0 0;
    }

    .recetario {
        padding: 40px;
    }

    .descripcion-recetario {
        padding: 40px 50px;
    }
}

@media (max-width: 768px) {
    .descripcion-recetario {
        padding: 40px 20px;
    }
}


@media (max-width: 414px) {
    .libro-cerrado {
        max-width: 350px;
    }
}



/*SOCIAL MEDIA*/
@media (max-width: 576px) {
    .carruseles-instagram {
        margin: 0;
        border-radius: 0;
    }

    .descripcion-cig {
        margin-bottom: 30px;
    }

    .ads_cap-dig {
    margin-top: 150px;
    margin-bottom: 65px;
}
}



@media (max-width: 414px) {
    h2.blanco {
        font-size: 41px !important;
    }
}

/*EPSON*/
@media (max-width: 1200px) {
    .descripcion-pop {
        margin: 0px 100px;
    }
}

@media (max-width: 768px) {
    .descripcion-pop {
        margin: 0 30px;
    }
}

/*ADS*/
@media (max-width: 576px) {
    h2.blanco,
    h2.mbq {
        font-size: 25px;
    }
}

@media (max-width: 768px) {
    h2.blanco {
        font-size: 50px;
    }
}