@font-face {
    font-family: 'palaquin.dark-bold';
    src: url('./fuentes/palanquin/palanquin.dark-bold.ttf');
}

@font-face {
    font-family: 'palaquin.regular';
    src: url('./fuentes/palanquin/palanquin.regular.ttf');
}

@font-face {
    font-family: 'funnel';
    src: url('./fuentes/Funnel/Funnel-Regular.ttf');
}

@font-face {
    font-family: 'icons';
    src: url('./fuentes/palanquin/icons.ttf');
}

:root{
    scroll-behavior: smooth;
    --bulma-primary-h: 60deg;
    --bulma-primary-s: 82%;
    --bulma-primary-l: 66%;
    --bulma-link-h: 272deg;
    --bulma-link-s: 81%;
    --bulma-link-l: 77%;
    --bulma-info-h: 216deg;
    --bulma-info-s: 97%;
    --bulma-info-l: 63%;
    --bulma-warning-h: 13deg;
    --bulma-warning-s: 80%;
    --bulma-warning-l: 66%;
}

body{
    background: #fff;
}

nav{
    background: #fff;
}

*{
     font-family: 'funnel';
}


/* ==== COMPLEMENTOS BULMA ====*/

/* == Fonts ==*/
.is-title-font{
    font-family: 'palaquin.dark-bold';
}

/* == Icon == */
.icon.is-font{
    font-family: 'icons';
}

/* == Navbar == */
.navbar.is-transparent{
    background: transparent;
    border: none;
    box-shadow: none;
}

.navbar.is-transparent a{
    color: #fff;
}

.navbar.is-transparent .navbar-item:hover{
    background: transparent;
}

/* == Layout == */
.is-half{
    width: 50%;
}

@media screen and (max-width: 768px){
    .is-full-mobile{
        width: 100%;
        min-width: 90%;
    }
}

/* == spacing == */
.p-7{
    padding: 4rem;
}
.pt-7{
    padding-top: 4rem;
}
.pl-7{
    padding-left: 4rem;
}
.pr-7{
    padding-right: 4rem;
}
.pb-7{
    padding-bottom: 4rem;
}
.px-7{
    padding-left: 4rem;
    padding-right: 4rem;
}
.py-7{
    padding-top: 4rem;
    padding-bottom: 4rem;
}


/* ===== CARRUCEL =====*/

.embla {
    overflow: hidden;
}

.embla__container {
    display: flex;
}

.embla__slide {
    flex: 0 0 100%;
    min-width: 0;
}

#carrucel-principal-slide{
    height: 100%;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

#carrucel-principal-slide{
    height: 100%;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}