:root{
    --color-black: #0c0e0c;
    --color-white: rgb(255, 255, 255);
    --color-red: #ea0e33;
}
@font-face {
    font-family: 'texto-negrita';
    src: url('../font/Poppins-Bold.ttf');
}
@font-face {
    font-family: 'texto-semi-negrita';
    src: url('../font/Poppins-SemiBold.ttf');
}
@font-face {
    font-family: 'texto-regular';
    src: url('../font/Poppins-Regular.ttf');
}
@font-face {
    font-family: 'texto-ligera';
    src: url('../font/Poppins-Light.ttf');
}
.red{
    color: var(--color-red) !important;
}
.white{
    color: var(--color-white) !important;
}
body{
    background-color: var(--color-black);
}
.navbar{
    background-color: var(--color-black) !important;
}
.nav-link {
    font-family: "texto-negrita";
    font-size: 13px !important;
    color: var(--color-white) !important;
}
.nav-link:hover {
    color: var(--color-red) !important;
}
.font-icont-navbar {
    color: var(--color-black);
    background-color: var(--color-red);
    border-radius: 20px;
    width: 35px;
}
.font-icont-navbar:hover{
    color: var(--color-red);
    background-color: var(--color-white);
}
.font-icont-navbar a {
    text-align: center;
    color: var(--color-black);
}
.dropdown-item {
    font-family: 'texto-negrita';
}
.dropdown-item:hover {
    background-color: var(--color-red);
    color: var(--color-white);
}
#home-inicio {
    min-height: 100vh;
    background-image: url('../img/home/F PORTADA.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}
#home-inicio #logo_media{
    width: 85%;
}
#home-inicio #portadas_home{
    width: 95%;
}
#quienes_somos {
    min-height: 100vh;
}
#quienes_text{
    padding-top: 4%;
}
#quien-img{
    padding-top: 4%;
}
.titulos {
    font-family: "texto-negrita";
    padding-top: 5px;
    color: var(--color-white);
    font-size: calc(2em + 2vw);
}
.titulos-sub {
    font-family: "texto-negrita";
    padding-top: 5px;
    color: var(--color-white);
    font-size: calc(1.5em + 1.5vw);
}
.p-normal {
    font-family: 'texto-regular';
    color: var(--color-white);
    font-size: calc(0.5em + 0.7vw);
}
.text {
    font-size: calc(1.5em + 1.5vw);
    color: var(--color-red);
    font-family: 'texto-negrita';
}
.text-sub {
    font-family: 'texto-negrita';
    color: var(--color-white);
    font-size: calc(0.7em + 0.7vw);
}
.text-sub-sub {
    font-size: calc(0.5em + 0.5vw);
    color: var(--color-white);
    font-family: 'texto-regular';
}
#quien-img img{
    width: 80%;
}
#audiencia{
    min-height: 100vh;
    background-image: url('../img/aud_dig/F AUDIENCIA.webp'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
}
.porcen-tabla {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: 'texto-semi-negrita';
    color: var(--color-white);
    font-size: calc(0.4em + 0.7vw);
}
.porcen-tabla-texto {
    color: var(--color-white);
    text-align: center;
    font-family: 'texto-ligera';
    font-size: calc(0.3em + 0.6vw);
    vertical-align: text-top;
}
.p-pilares {
    text-align: left;
    font-family: 'texto-semi-negrita';
    color: var(--color-white);
    font-size: calc(0.4em + 0.6vw);
}
.img-pilares {
    width: 20%;
}
.img-pilares-dos {
    width: 30%;
}
.titulo-intereses {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-bottom: 15px;
}
.titulo-intereses::after {
    content: "";
    height: 1px;
    background-color: var(--color-red);
    flex: 1;
}
#resumen_digital{
    min-height: 100vh;
    background-image: url('../img/resumen_dig/F RESUMEN DIG.webp'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
}
#resumen_digital img{
    width: 70%;
}
.resu_num{
    font-family: 'texto-negrita';
    color: var(--color-red);
    font-size: calc(1.3em + 1.3vw);
}
.resu_num_sub{
    color: var(--color-white);
    font-family: 'texto-negrita';
    font-size: calc(0.6em + 0.6vw);
}
.resu_num_sub_sub{
    color: var(--color-white);
    font-family: 'texto-ligera';
    font-size: calc(0.5em + 0.5vw);
}
.img_icon_rss3 {
    width: 60%;
}
.text_icon_a {
    font-family: 'texto-regular';
    color: var(--color-white);
    text-decoration: none;
    font-size: 1.55vh;
}
.text_icon_a:hover {
    color: var(--color-red);
}
#branded_cont{
    min-height: 100vh;
}
.ul_branded{
    color: var(--color-white);
    font-family: 'texto-regular';
    font-size: calc(0.5em + 0.5vw);
}
.ul_branded li::marker{
    color: var(--color-red);
}
#branded_cont img{
    width: 80%;
}
#branded_cont .resu_num{
    font-size: calc(1.4em + 1.4vw);
}
#branded_cont .resu_num_sub{
    font-size: calc(0.7em + 0.7vw);
}
#take_look{
    min-height: 100vh;
}
.titulo-reel{
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}
.titulo-reel::after {
    content: "";
    height: 1px;
    background-color: var(--color-red);
    flex: 1;
}
.take_look_text{
    color: var(--color-white);
    font-family: 'texto-regular';
    font-size: calc(0.5em + 0.5vw);
}
.take_look_text span{
    color: var(--color-red);
    font-family: 'texto-negrita';
}
#take_look img{
    width: 95%;
}
.take_ul{
    color: var(--color-white);
    font-family: 'texto-regular';
    font-size: calc(0.5em + 0.5vw);
}
.take_ul li::marker{
    color: var(--color-red);
}
#live_it{
    min-height: 100vh;
    background-image: url('../img/liveit/F LIVE IT.webp'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
}
#logo_live{
    width: 70%;
}
#live_it .resu_num_sub{
    font-size: calc(0.7em + 0.7vw);
}
#live_it #mock{
    width: 100%;
}
.text-plus-ben{
    font-family: 'texto-negrita';
    font-size: calc(0.8em + 0.8vw);
}
.text-plus{
    color: var(--color-white);
    font-family: 'texto-semi-negrita';
    font-size: calc(0.5em + 0.5vw);
}
#live_it label{
    font-family: 'texto-negrita';
    color: var(--color-white);
    font-size: calc(0.6em + 0.6vw);
}
#cont_plus{
    min-height: 100vh;
    background-image: url('../img/cp/F CONT PLUS.webp'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
}
.titulo-linea{
    display: flex;
    align-items: center;
    gap: 15px;
    width: 70%;
}
.titulo-linea::after {
    content: "";
    height: 1px;
    background-color: var(--color-red);
    flex: 1;
}
#cont_plus img{
    width: 90%;
}
#leadcontent{
    min-height: 100vh;
    background-image: url('../img/leadcont/F LEAD CONTENT.webp'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
}
#leadcontent img{
    width: 90%;
}
#insight{
    min-height: 100vh;
    background-image: url('../img/insight/F INSIGHT.webp'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
}
.nuevo-prod{
    font-family: "texto-negrita";
    padding-top: 5px;
    color: var(--color-white);
    font-size: calc(0.8em + 0.5vw);
    margin-bottom: 10px;
    background-color: var(--color-red);
}
.insight_quien_ul{
    color: var(--color-white);
    font-family: 'texto-regular';
    font-size: calc(0.5em + 0.5vw);
}
#insight img{
    width: 90%;
}
.insight_ol{
    color: var(--color-red);
    font-size: calc(0.5em + 0.5vw);
    font-family: 'texto-regular';
}
#cober_plus{
    min-height: 100vh;
    background-image: url('../img/coberplus/F COBER PLUS.webp'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
}
#cober_plus img{
    width: 90%;
}
#espacio_web{
    min-height: 100vh;
    background-image: url('../img/espaweb/F ESPACIOS WEB.webp'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
}
#espacio_web img{
    width: 80%;
}
#espacio_web .titulo-espacio{
    color: var(--color-white);
    background-color: var(--color-red);
    font-family: 'texto-negrita';
    font-size: calc(0.6em + 0.6vw);
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#especiales{
    min-height: 100vh;
    background-image: url('../img/especiales/F ESPECIALES PRINT.webp'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
}
#especiales img{
    width: 95%;
}
#reportaje{
    min-height: 100vh;
    background-image: url('../img/reportaje/F REPORTAJE PRINT.webp'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
}
#reportaje img{
    width: 90%;
}
#esp_print{
    min-height: 100vh;
    background-image: url('../img/espaprint/F ESPACIOS PRINT.webp'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
}
#esp_print img{
    width: 90%;
}
.texto-deco{
    font-family: 'texto-negrita';
    font-size: 42px;
    font-weight: 400;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    letter-spacing: 1px;
    margin: 0;
}
#esp_print .titulo-espacio{
    color: var(--color-white);
    background-color: var(--color-red);
    font-family: 'texto-negrita';
    font-size: calc(0.5em + 0.5vw);
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#esp_print .titulo-espacio-sub{
    color: var(--color-white);
    font-family: 'texto-regular';
    font-size: calc(0.4em + 0.4vw);
    margin-top: 5px;
    margin-bottom: 5px;
}
#prc_sec{
    min-height: 100vh;
    background-image: url('../img/prc/F EXPERIENCIAS.webp'); 
    background-repeat:no-repeat; 
    background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -o-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
}
#prc_sec img{
    width: 90%;
}
.mapa-container {
    position: relative;
    width: 100%;
}
.mapa-container img {
    display: block;
    width: 100%;
    height: auto;
}
.mapa-link {
    position: absolute;
    width: 49px;
    height: 21px;
    transform: translate(-50%, -50%);
    border-radius: 10%;
    cursor: pointer;
}
.mapa-link:hover {
    background: rgba(241, 94, 121, 0.25);
}
button{
    background-color: var(--color-red);
    color: var(--color-white);
    font-family: 'texto-semi-negrita';
    border: 0px;
    border-radius: 5px;
}
button:hover{
    background-color: var(--color-white);
    color: var(--color-red);
}
.modal-title-media {
    font-family: 'texto-negrita';
    color: var(--color-red);
}
.titulo-repo-categoria {
    font-size:  calc(0.6em + 0.6vw);
    color: var(--color-black);
    font-family: 'texto-negrita';
}
.lista-rep-cp a {
    text-decoration: none;
    font-family: 'texto-regular';
    color: var(--color-black);
}
.lista-rep-cp a:hover {
    text-decoration: underline;
}
.sec_btn_cs{
    margin-left: 15%;
    transform: translate(0vw,-5vh);
}
.link_btn{
    text-decoration: none;
}
.click{
    cursor: pointer;
}
#quien-img .titulos:hover{
    color: var(--color-white) !important;
}