/* 
MOBILE  640px
TABLET  768px
HD      1280px
FULL HD 1920px
2K      2880px
*/


/*//////////////////////////////////////////////////////////////////////////////////*/

:root {
    /*      primary color       */
    --CPrimario_01: #f4c603;
    --CPrimario_02: #161615;
    --CPrimario_03: #f7f7f5;
    --CPrimario_04: #c6a000;
    /*      second color       */
    --CPrimario_05: #2D2B2A;
    --CPrimario_06: #565250;
    --CPrimario_07: #fff;
    /* IMG - WEBP   Logo*/
    --BGLogoWhite: URL('../IMG/LOGO/logo_01.webp');
    --BGLogoBlack: URL('../IMG/LOGO/logo_02.webp');
    --BGLogoSmall: URL('../IMG/LOGO/logo_03.webp');
    /* Banner */
    --BG_bannerPrincipal: URL('../IMG/BANNER/B_banner_01.webp');
    /* IMG  WEBP    Article */
    --BGArticle_01: URL('../IMG/ARTICLE/a_01.webp');
    --BGArticle_02: URL('../IMG/ARTICLE/a_02.webp');
    --BGArticle_03: URL('../IMG/ARTICLE/a_03.webp');
}


/* font-family: 'Alfa Slab One', cursive;
font-family: 'Montserrat', sans-serif; */


/*//////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////  U T I L I T Y  /////////////////////////////*/


/*////////////////////////////  U T I L I T Y  /////////////////////////////*/


/* GENERAL */

html {
    font-size: 62.5%;
    /* 1 REM  = 10px */
    min-height: 100%;
    position: relative;
    font-family: 'Montserrat', sans-serif;
}

*,
*:before,
*:active {
    box-sizing: inherit;
}

body {
    font-size: 1.6rem;
    margin: 0;
}

.banner_BI {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    box-shadow: inset 0rem 0rem 25rem 0rem var(--CPrimario_02);
}

.BGC_CP_01 {
    background-color: var(--CPrimario_01);
}

.BGC_CP_02 {
    background-color: var(--CPrimario_02);
}

.BGC_CP_03 {
    background-color: var(--CPrimario_03);
}

.BGC_CP_04 {
    background-color: var(--CPrimario_04);
}


/*////////////////////////////  U T I L I T Y  /////////////////////////////*/


/*////////////////////////////      H E A D E R     /////////////////////////////*/

.header_top {
    padding-top: 1rem;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    background-image: var(--BG_bannerPrincipal);
}

.header_top .ht_logo {
    width: 50%;
    height: 8rem;
    background-image: var(--BGLogoWhite);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.header_top .ht_message p {
    margin: 0 auto;
    padding-top: 3rem;
    color: var(--CPrimario_03);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center;
    font-family: 'Alfa Slab One', cursive;
}

.header_top .ht_message p span {
    color: var(--CPrimario_01);
    font-size: 6rem;
}

.header_top .ht_message p span span {
    color: var(--CPrimario_03);
    font-size: 6rem;
}

.header_top .ht_slogan {
    padding-bottom: 3rem;
    color: var(--CPrimario_03);
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;
}

.header_top .ht_slogan p {
    padding-bottom: 3rem;
    color: var(--CPrimario_03);
    font-size: 2rem;
    text-align: center;
    font-weight: 900;
    font-family: 'Montserrat', sans-serif;
}

@media (min-width: 1280px) {
    .header_top .ht_message p {
        font-size: 6rem;
    }
    .header_top .ht_message p br {
        visibility: hidden;
        display: none;
    }
}

@media (min-width:1920px) {}

@media (min-width:2880px) {}


/*////////////////////////////      H E A D E R     /////////////////////////////*/


/*////////////////////////////      I N F O     /////////////////////////////*/

.B_info {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}

.B_info .BI_tittle {
    display: flex;
    justify-content: space-around;
}

.B_info .BI_tittle P {
    margin: 0 auto;
    text-align: center;
    font-family: 'Alfa Slab One', cursive;
    text-transform: uppercase;
    color: var(--CPrimario_02);
    width: 100%;
    height: 6rem;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.B_info .BI_details {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.B_info .BI_details .BI_D_element {
    background-color: var(--CPrimario_03);
    height: 19rem;
    width: 100%;
    cursor: pointer;
    transition: all 1s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 0rem;
    box-shadow: 1rem 0rem 2rem grey;
}

.B_info .BI_details .BI_D_element:hover {
    background-color: var(--CPrimario_01);
}

.BI_details .BI_D_element .BI_D_E_image {
    height: 10rem;
    width: 30%;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 2rem;
}

.BC_01 {
    background-image: var(--BGArticle_01);
}

.BC_02 {
    background-image: var(--BGArticle_02);
}

.BC_03 {
    background-image: var(--BGArticle_03);
}

.B_info .BI_details .BI_D_element h3 {
    text-transform: uppercase;
    font-family: 'Alfa Slab One', cursive;
    margin: 0 auto;
    text-align: center;
}

@media (min-width: 1280px) {
    .B_info {
        width: 120rem;
    }
    .B_info .BI_details {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
}

@media (min-width:1920px) {}

@media (min-width:2880px) {}


/*////////////////////////////      I N F O     /////////////////////////////*/


/*////////////////////////////      P R O X I M A E N T E    /////////////////////////////*/

.B_soon P {
    margin: 0 auto;
    font-family: 'Alfa Slab One', cursive;
    width: 100%;
    color: var(--CPrimario_03);
    letter-spacing: 1rem;
    text-transform: uppercase;
    font-size: 2rem;
    text-shadow: 0rem 0rem 1rem var(--CPrimario_01);
}

.B_soon {
    width: 100%;
    margin-top: 5rem;
    background-color: var(--CPrimario_02);
    display: flex;
    align-items: center;
    text-align: center;
    font-size: large;
    flex-direction: column;
    padding: 2rem 0rem;
}

.B_soon .footer_banner_social .footer_social {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 2rem auto;
    gap: 3rem;
}

.footer_banner_social p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    letter-spacing: 0rem;
    margin-top: 2rem;
    text-shadow: 0rem 0rem 0rem var(--CPrimario_01);
}

.f_s_social {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--CPrimario_03);
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.f_s_social:hover {
    background-color: var(--CPrimario_01);
}

@media (min-width: 1280px) {
    .B_soon .footer_banner_social .footer_social {
        gap: 5rem;
    }
}

@media (min-width:1920px) {}

@media (min-width:2880px) {}


/*////////////////////////////      P R O X I M A E N T E    /////////////////////////////*/


/*////////////////////////////      F O O T E R     /////////////////////////////*/

.footer {
    position: static;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: var(--CPrimario_01);
    display: flex;
    flex-direction: column;
    color: var(--CPrimario_03);
}

.footer_reserved {
    background-color: var(--CPrimario_05);
    display: flex;
    align-items: center;
}

.footer .footer_reserved p,
.footer .footer_privacity p {
    width: auto;
    text-transform: uppercase;
    text-align: center;
    font-size: 1rem;
    margin: 1rem auto;
}

.footer .footer_privacity p a,
.footer .footer_reserved p a {
    text-decoration: underline;
    color: var(--CPrimario_03);
}

@media (min-width:768px) {
    .footer .footer_reserved p,
    .footer .footer_privacity p {
        font-size: 1.5rem;
    }
}

@media (min-width: 1280px) {
    .footer {
        position: absolute;
    }
}

@media (min-width:1920px) {}

@media (min-width:2880px) {}


/*////////////////////////////      F O O T E R     /////////////////////////////*/