html,body{margin:0;padding:0}
p{line-height: 23px; width: 305px; font-family: 'mr-eaves-xl-modern';font-size: 17px; font-weight: 400;}
a{text-decoration: none;color: inherit;}
iframe{border-width: 0;width: 300px; height: 190px;}
h1,h2{font-family: 'mrs-eaves-xl-serif';}

:root{
    --gris: #D2D2D2;
    --grisMedio: #C0C0C0;
    --grisOscuro: #a5a4a4;
    --grisPlayer: #B5B5B5;
    --grisTitulos: #2D2D2D;
    --menta: #c5e5d1;
    --azulMenta: #d3ece8;
    --azulOscuro: #0e2c38;
    --azulAyuda: #293a4b;
    --negroDrogas: #242424;
    --azulClaro: #64b4bc;
    --azulClaro2: #5ba4ab;
    --hiper: #5BA4AB;
    --azulMedio: #0f405e;
    --azulMedio2: #32607d;
    --azulNile: #293a4b;
    --rosa: #ff2297;
    --amarillo: #FBFFAE;
    --blanco: #f6f6f6;
    --dorado: #A66313;
    --verde: #C4DFD4;
    --grisNotaApagada: #7C7C7C;
}
.d-flex{display: flex;}
.f-j-around{justify-content: space-around;}
.f-j-center{justify-content: center;}
.f-j-evenly{justify-content: space-evenly;}
.f-j-between{justify-content: space-between;}
.f-j-end{justify-content: end;}
.f-a-center{align-items: center;}
.f-row{flex-direction: row;}
.f-col{flex-direction: column;}
.m-auto{margin: auto;}
.m-0{margin: 0px !important;}
.mt-subtitle{margin-top: -15px;}
.mt-0{margin-top: 0px;}
.mt-2{margin-top: 2px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-100{margin-top: 100px;}
.mb-0{margin-bottom: 0px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-50{margin-bottom: 50px;}
.mb-70{margin-bottom: 70px;}
.mb-100{margin-bottom: 100px;}
.mb-130{margin-bottom: 130px;}
.ml-10{margin-left: 10%;}
.ml-70{margin-left: 70%;}
.ml-75{margin-left: 75%;}
.b-20{bottom: 20px;}
.p-0{padding: 0px !important;}
.p-5{padding: 5px;}
.p-30{padding: 30px;}
.p-20{padding: 20px;}
.p-0-40{padding: 0px 40px;}
.pt-5{padding-top: 5px;}
.pt-20{padding-top: 20px !important;}
.pt-40{padding-top: 40px !important;}
.pt-50{padding-top: 50px !important;}
.pt-60{padding-top: 60px !important;}
.pt-70{padding-top: 70px;}
.pt-100{padding-top: 100px !important;}
.pt-150{padding-top: 150px;}
.pt-100per{padding-top: 100%;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-50{padding-bottom: 50px;}
.pb-70{padding-bottom: 70px;}
.pb-100{padding-bottom: 100px;}
.pos-fixed{position: fixed;}
.pos-absolute{position: absolute;}
.bg-footer{background-color: #F6F6F6;}
.bg-white{background-color: white;}
.bg-gris{background-color: var(--gris);}
.bg-menta{background-color: var(--menta);}
.bg-beige{background-color: #DFD1BD;}
.bg-grisOscuro{background-color: var(--grisOscuro);}
.bg-black{background-color: #000000;}
.bg-azulClaro{background-color: var(--azulClaro);}
.bg-azulClaro2{background-color: var(--azulClaro2);}
.bg-azulMedio{background-color: var(--azulMedio);}
.bg-azulMedio2{background-color: var(--azulMedio2);}
.bg-azulNile{background-color: var(--azulNile);}
.bg-azulOscuro{background-color: var(--azulOscuro);}
.bg-azulAyuda{background-color: var(--azulAyuda);}
.bg-grisMedio{background-color: var(--grisMedio);}
.bg-grisPlayer{background-color: var(--grisPlayer);}
.bg-dorado{background-color: #A66313;}
.bg-amarillo{background-color: var(--amarillo);}
.bg-negroDrogas{background-color: var(--negroDrogas);}
.bg-verde{background-color: var(--verde);}
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-100{width: 100%;}
.w-70{width: 70%;}
.w-50{width: 50%;}
.w-60{width: 60%;}
.w-80{width: 80%;}
.w-85{width: 85%;}
.w-90{width: 90%;}
.w-30{width: 30% !important;}
.w-80px{width: 80px;}
.w-90px{width: 90px;}
.w-255px{width: 255px;}
.w-title{width: 230px;}
.w-title-nota{
    width: 293px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.bottom-25px{bottom: 25px;}
.h-1px{height: 1px;}
.h-2px{height: 2px;}
.h-100{height: 100px;}
.h-140{height: 140px !important;}
.h-200{width: 200px;}
.h-250{height: 250px;}
.h-30{height: 30px;}
.h-60{height: 60px;}
.h-640{height: 640px;}
.h-1024{height: 1024px;}
.max-w-90{max-width: 90%;}
.max-w-80{max-width: 80%;}
.max-w-70{max-width: 70%;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-space-5{letter-spacing: 5px;}
.text-space-3{letter-spacing: 3px;}
.color-grisTitle{color: var(--grisTitulos);}
.color-nota-apagada{color: var(--grisNotaApagada) !important;}
.color-menu-item-apagado{color: #B0B17F !important;}
.color-white{color: white;}
.color-blanco{color: var(--blanco);}
.color-negro{color: black !important;}
.color-menta{color: var(--menta) !important;}
.color-amarillo{color: var(--amarillo) !important;}
.color-naranja{color: orangered;}
.color-beige{color: #DFD1BD !important;}
.color-verdeDrogas{color: #4EFFCA;}
.border-white{border: 1px solid white;}
.border-menta{border: 1px solid var(--menta);}
.img-fill{width: 100%;height: auto;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-25{font-size: 25px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-30{font-size: 30px;}
.lh-17{line-height: 17px;}
.lh-18{line-height: 18px;}
.lh-22{line-height: 22px;}
.lh-25{line-height: 25px;}
.lh-27{line-height: 27px;}
.lh-29{line-height: 29px;}
.lh-36{line-height: 36px;}
.lh-0{line-height: 0px;}
.letter-spacing-1{letter-spacing: 1px;}
.cap{text-transform: uppercase;}
.link{text-decoration: underline;color: #413BEB;}
.font-acumin{font-family: 'acumin-pro';}
.font-mrseaves{font-family: 'mrs-eaves-xl-serif';}
.font-mrseaves-ot{font-family: 'mr-eaves-xl-modern';}
.font-bold{font-weight: bold;}
.font-bold800{font-weight: 800;}
.pos-relative{position: relative;}
.opacity-0{opacity: 0;}
.opacity-3{opacity: 0.3;}
.opacity-5{opacity: 0.5;}
.opacity-7{opacity: 0.7;}
.hide{display: none;}
.left-30{left: 30%;}
.left-60{left: 60%;}
.fit-cover{object-fit: cover;}
.fit-pos-top{object-position: top;}
.italic{font-style: italic;}

.card-video{
    width: 300px;
    /* height: 250px; */
}
.card-video-pleca{
    padding: 25px;
    background-color: black;
    font-family: 'mr-eaves-xl-modern';
    height: 100%;
    color: white;
    border-radius: 0px 0px 10px 10px;
    /* justify-content: center;
    align-items: center;
    display: flex; */
    font-size: 17px;
}
.card-video-content{
    position: relative;
    top: 5px;
}
.card-video-content > img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-post{
    height: 400px;
    width: 300px;
}
.card-post-pleca{
    height: 200px;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    display: flex;
    border-radius: 0px 0px 15px 15px;
}
.card-post-pleca > span{
    width: 255px;
}
.card-post-content > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px 15px 0px 0px;
}
.card-post-readmore{
    margin-left: 60%;
    background-color: black;
    color: white;
    padding: 7px 20px;
}

.readmore-off{
    background-color: #C2C2C2;
}

.card-post-disabled{
    height: 300px;
    width: 300px;
}
.card-post-disabled-pleca{
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    width: 270px;
}
.card-post-disabled-title{
    color: #FFBA00;
    font-family: 'mrs-eaves-xl-serif';
    font-size: 12px;
}
.card-post-disabled-subtitle{
    padding-top: 15px;
    color: #9F9F9F;
    font-size: 14px;
    font-family: 'acumin-pro';
}

.carousel-slick{
    width: 300px;
}
.carousel-nota-slick img{
    object-fit: cover;
}
.carousel-nota-container{
    width: 300px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1 !important;
}
.carousel-nota-title{
    background-color: black;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    position: relative;
    top: -5px;
}
.carousel-nota-title > span{
    color: white;
    font-family: 'acumin-pro';
    font-size: 10px;
    line-height: 12px;
}
.carousel-nota-summary{width: 280px;}
.carousel-nota-credit{color: #FFBA00 !important; font-family: 'mrs-eaves-xl-serif' !important;}
.carousel-slick .slick-prev{display: none !important;}
.carousel-slick .slick-next{display: none !important;}
.slick-dots{
    position: absolute !important;
    bottom: 10px !important;
}
.slick-prev{
    left: 0px !important;
    z-index: 2 !important;
}
.slick-next {
    right: 0px !important;
    z-index: 2 !important;
}
.slick-prev:before{
    content: url('../img/arrow-prev.svg') !important;
}
.slick-next:before{
    content: url('../img/arrow-next.svg') !important;
}
.carousel-btns-container{
    display: flex;
    height: 35px;
}
.carousel-btns-container .prev{
    background-color: white;
    width: 50%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
}
.carousel-btns-container .next{
    background-color: black;
    color: white;
    width: 50%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
}
.prev, .next{
    font-family: 'acumin-pro';
    font-size: 14px;
}

.footer-divider-logo{
    width: 100%;
    background-color: #F6F6F6;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -1px;
}
.footer-creditos-title{
    color: #FA70FF;
    font-size: 30px;
    width: 105px;
    font-weight: 800;
    height: 32px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.creditos-name{
    color: #1B1715;
    font-size: 20px;
    font-weight: 800;
    font-family: 'mr-eaves-xl-modern';
}
.creditos-job{
    color: #1B1715;
    font-size: 17px;
    font-family: 'mr-eaves-xl-modern';
    font-weight: 400;
}
.creditos-job-aliado{
    color: #1B1715;
}
.nota-img-xl{
    margin: auto;
    width: 300px;
}
.p-super{
    position: relative;
    left: 0px;
    width: 305px;
    font-family: 'mr-eaves-xl-modern';
    font-size: 25px;
    font-weight: bold;
    line-height: 27px;
}
.share-container{
    width: 280px;
    align-items: initial;
}
.arrow-down-container{
    padding-top: 100px;
}







/* show & hide */
.desktop{display: none !important;}

.upper{text-transform: uppercase;}
.logo{width: auto; height: auto;}
.title{width: 185px; height: auto; position: relative; top: 10px;}
.sticky{position:fixed;z-index: 10;}
.share img{height: 20px; width: 20px;}
.head-brands{width: auto; text-align: end;}
.p-movil p{padding: 0px 30px;}
.p-movil p:first-child{padding-bottom: 0px; padding-top: 40px;}
.p-movil p:nth-child(2){padding-top: 0px;}
.p-movil p:last-child{padding-bottom: 40px;}
.home-square{
    width: 205px;
    height: 205px;
    border: solid gray;
}
.subtitle{
    font-family: 'acumin-pro';
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 29px;
    text-align: center;
}
.player-square{
    width: 240px;
    height: 240px;
    background-color: #B5B5B5;
    border: 5px solid #CCCCCC;
    box-sizing: border-box;
}
.circle{
    background-color: #6C6C6C;
    border: 5px solid #575757;
    box-sizing: border-box;
    width: 200px;
    height: 200px;
    border-radius: 100px;
}
.btn-read{width: 223px;}
.btn-read-note{
    width: 223px;
    height: 72px;
    background-color: black;
    border: solid grey 3px;
    color: white;
    font-size: 22px;
    font-family: 'acumin-pro';
}
.text-person{
    font-size: 30px;
    line-height: 36px;
    font-family: 'acumin-pro';
    color: white;
}
.text-subtitle{
    font-size: 16px;
    line-height: 21px;
    font-family: 'acumin-pro';
    color: #FFFFFF;
    border: 1px solid #000000;
    font-style: normal;
    font-weight: 400;
}
.image-movil{width: 300px;}
.footer-logo-intersecta{width: 182px;}
.pointer{cursor: pointer;}

/* cover */
.cover-title3{width: 156px;height: 159px;}
.cover{
    background-image: url('../img/drogas/home_portada.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 60px;
}
.cover-nota1{
    background-image: url('../img/mexico/portada_nota_1.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 520px;
}

.cover-nota2{
    background-image: url('../img/mexico/portada_nota_2.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 520px;
}

.cover-nota3{
    background-image: url('../img/mexico/portada_nota_3.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 520px;
}

.cover-nota4{
    background-image: url('../img/mexico/portada_nota_4.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 520px;
}
.nota1-cover{
    background-image: url('../img/nota1-cover-m.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain; 
}
.pleca-cover-movil{float: right;width: 100%;}


/* MENU */

.menu-bt{border-top: 1px solid #282828;}

.menu-bb{border-bottom: 2px solid #282828;}
.item-disabled{color: gray !important;}
.menu-item-soon{
    font-family: 'acumin-pro';
    font-size: 14px;
    margin-left: 22px;
    font-weight: bold;
    margin-bottom: 5%;
    margin-top: -15px;
}
.ahref-disabled{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.menu{
    background-image: url('../img/icon-menu.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 15px;
    background-position: center right;
    transition: all 0.4s;
    margin-top: 5px;
}

.open-menu{
    right: 0% !important;
    /* transition: all 0.8s; */
}

.menu-container{
    background-color: black;
    width: 300px;
    height: 100%;
    position: fixed;
    right: -77%;
    z-index: 5;
    top: 60px;
    transition: all 0.8s;
}

.menu-items{
    position: relative;
    top: 50px;
    /* box-shadow: -5px 0px orangered; */
}
.item, .item-inicio{
    color: white;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 14px;
    height: 100px;
    /* display: flex; */
    /* align-items: center; */
    font-family: 'mr-eaves-xl-modern';
}

/* header */

.container{
    width: 100%;
}


/* POST/ENTREGAS */
.text-link{
    color: dodgerblue;
    font-weight: bold;
    text-decoration-line: underline;
}
.btn-read-soon{
    width: 306px;
    height: 72px;
    border: 2px solid gray;
    color: gray;
    font-family: 'acumin-pro';
}
.w-subtitle{width: 260px;}
.elipse-notas{width: 215px; height: 215px;}
.border-gray{border: 3px solid #6A6A6A;}
.video-container{
    width: 360px;
    height: 206px;
    border: 1px solid orangered;
    /* background-image: url('../img/nota3/video_placeholder.png');
    background-repeat: no-repeat;
    background-size: cover; */
}
.p-short-m{width: -webkit-fill-available;}
.home-social{width: 280px;}


/* footer */


/* Responsive */
@media (min-width:1000px){
    p{
        width: 590px;
        font-size: 20px;
        margin-left: 0px;
    }
    /* .p-movil p{padding: 0px 0px;} */
    .p-super{
        width: 100%;
        left: 5px;
        padding: 0px 0px !important;
    }
    .cover{
        height: 1024px;
        background-image: url('../img/drogas/home_portada.gif');
    }
    .title{
        position: relative;
        top: 10px;
    }
    .cover-title-img{
        width: 385px;
        height: 185px;
    }
    .head-brands > a > img{width: 113px; height: 40px;}
    .w-title{
        width: 430px;
        font-size: 36px;
        line-height: 40px;
    }
    .w-title-nota{
        width: 570px;
        padding-top: 100px;
        padding-bottom: 0px;
        font-size: 36px !important;
        line-height: 40px;
    }
    .home-social{
        position: absolute;
        left: 2%;
        top: 90%;
    }
    .home-social > label{
        font-size: 30px;
        font-weight: 800;
    }
    .share-icon-fb, .share-icon-x, .share-icon-wa{
        width: 25px;
        height: 25px;
    }
    .card-post, .card-post-disabled{
        width: 593px;
        height: 600px;
        margin-bottom: 100px;
    }
    .card-video{
        width: 593px;
        height: 430px;
        margin-bottom: 100px;
    }
    .card-video-pleca{
        padding: inherit;
        height: 125px;
        font-size: 26px;
    }
    .card-post-pleca{
        height: 500px;
    }
    .card-post-pleca > span{
        width: 400px;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
    }
    .card-post-pleca > .title-group{
        width: 400px;
    }
    .card-post-pleca > div > span{
        width: 400px !important;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
    }
    .card-post-disabled-pleca{
        height: 110px;
        width: 510px;
    }
    .card-post-disabled-subtitle{
        font-size: 18px;
        line-height: 21px;
    }
    .card-post-readmore{
        height: 25px;
        width: 70px;
        font-size: 25px;
    }
    .carousel-title > span{
        font-size: 36px;
        line-height: 40px;
    }
    .carousel-container{
        width: 592px;
        height: 810px;
        margin-bottom: 100px;
    }
    .carousel-btns-container{
        height: 68px;
    }
    .prev, .next{
        font-size: 27px;
        line-height: 32px;
    }
    .prev > img{
        width: 20px;
        height: 31px;
    }
    .next > img{
        width: 20px;
        height: 31px;
    }
    .carousel-slick{
        width: 593px;
        height: 810px;
    }
    .gototop{margin-top: 50px; cursor: pointer;}
    .cover-nota1{
        height: 720px;
        background-image: url('../img/mexico/portada_nota_1.gif');
    }
    .cover-nota2{
        height: 720px;
        background-image: url('../img/mexico/portada_nota_2.gif');
    }
    .cover-nota3{height: 720px;}
    .cover-nota4{height: 720px;}
    .nota-3-grafico-1 img{
        width: 593px;
        height: 742px;
    }
    .nota-3-grafico-decisiones img{
        width: 593px;
        height: 742px;
    }
    .nota-grafico img{
        width: 593px;
        height: 1227px;
    }
    .nota-2-grafico-1 img{
        width: 591px;
        height: 1116px;
    }
    .nota-2-grafico-presupuesto img{
        width: 593px;
        height: 1253px;
    }
    .nota-2-grafico-personal img{
        width: 592px;
        height: 1043px;
    }
    .nota-grafico-2 img{
        height: 1289px;
    }
    .carousel-nota-title{
        width: 595px;
    }
    .carousel-nota-container{
        width: 595px;
        height: auto;
        /* padding-bottom: 90px; */
    }
    .arrow-down-container{
        padding-top: 0px;
    }



    .movil{display: none !important;}
    .desktop{display: block !important;}
    .header-menu{justify-content: space-between; margin: 0px 30px;}
    .item{margin-left: 100px; margin-right: 20%;}
    .item-inicio{margin-left: 100px; margin-right: 20%;}
    .home-logos{width: 300px;}
    /* .home-social{width: 300px;} */
    .content{width: 600px;margin: auto;}
    .p-short{width: -webkit-fill-available;}
    .content-p{width: 300px;margin: auto;}
    .content-p-400{width: 400px;margin: auto;}
    .content-p-450{width: 450px;margin: auto;}
    .content-p-225{width: 225px;margin: auto;}
    .content-p-500{width: 500px;margin: auto;}
    .content-p-600{width: 600px;margin: auto;}
    .image-desktop{width: 600px;}
    .btns-player-desktop{width: 362px;}
    
    .cover-metodologia{
        height: 400px;
        object-fit: cover;
        object-position: center;
    }
    .menu-container{width: 450px; right: -32%;}
    .menu-item-soon{margin-left: 100px;}
    .elipse-notas{width: 280px;height: 280px;}
    .btn-entregas{width: 100%; justify-content: space-evenly;}
    .btn-entregas #arrow_goto_down{bottom: 0px; top: 20px;}
    .btn-read-soon{width: 585px; height: 72px;}
    .video-container{width: 590px; height: 330px;}
    .video-container img:first-child{width: 590px; height: 330px;}
    iframe{width: 593px;height: 325px;}
}

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