@import url('https://fonts.cdnfonts.com/css/avenir');
body{
    font-family: 'Avenir', sans-serif !important;
    background-color: RGB(224,224,224) !important;
    margin: 0 !important;
}
.control,
.form-control,
.form-select{
    font-size: 14px !important;
}
.btn-entrevista {
    background-color: RGB(85,85,85) !important; 
    color: white !important; 
    border: none;
}
.custom-navbar {
    background-color:RGB(85,85,85); 
}
.btn-volver{
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 30px !important;
    background-color: transparent !important;
    border-radius: 10px !important;
    color: RGB(85,85,85) !important;
    border-color: RGB(85,85,85) !important;
    border: 1px solid RGB(85,85,85) !important;
    font-size: 12px !important;
    font-weight: bolder !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding: 2px;
    text-decoration: none !important;
}
.btn-volver:hover,
.btn-volver:focus,
.btn-volver:active{
    transition: all 1s !important;
    border-color: #ea3045 !important;
    color: #ea3045 !important;
}

.header{
    background-color: RGB(255,253,254) !important;
}
.container-principal{
    width: 94% !important;
}

.container-navbar{
    display: contents !important;
}
.dropdown-menu{
    box-shadow: 0px 0px 20px 6px #cfcdcd !important;
    border: none !important;
    padding: 10px;
}

.dropdown-item{
    font-weight: 500 !important;
    color: black !important;
    font-size: 14px !important;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active{
 background-color: transparent;
 color: RGB(253,142,11) !important;
}
.nav-link:hover,
.nav-link:focus,
.nav-link:active,
.nav-link.show{
    color: RGB(253,142,11) !important;    
}
.nav-link.show::after{
    color: gray !important;
}
.hasta-dropdown{
    color: RGB(230,141,36) !important;
    text-decoration: underline !important;
}
.btn-cerrar-drop{
    background-color: transparent !important;
    border: none !important;
    color: white !important;
}
.btn-aplicar-drop{
    background-color: transparent !important;
    border: none !important;
    color: white !important;
}
.drop-menu{
    display: none;
}

.form-inicio{
    display: contents !important;
    white-space: nowrap !important;
}
.container-sub-nav{
    display: block !important;
}
.atras{
    float: right !important;
}
/* INICIO */
.onecard-inicio{
    padding: 35px !important;
}
.container-imagenes-inicio{
    display: flex !important;
    /* padding: 22.5px; */
}
.container-imagenes-alcance-inicio{
    width: 100% !important;
    padding: 100px !important;
    display: flex !important;
}
.container-nav-contenido-inicio{
    place-content: space-between !important;
    margin-top: 32px !important;
    width: 100% !important;
    display: flex !important;
}
.contenido-clientes-nav{
    width: 100%;
}
.div-porcentaje-alcance-inicio{
    display: flex ;
    justify-content: center !important;
}
.texto-porcentaje-alcance-inicio{
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
.porcentaje-alcance-inicio{
    color: RGB(87,178,48) !important;
    margin-top: -162px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    width: 7% !important;
}

.porcentaje-acciones{
    color: RGB(145,60,242) !important;
}
.acciones-totales{
    font-size: 12px !important;
    font-weight: 600 !important;
}
.contenido-inicio{
    margin-top: 10px !important;
}
.subtitulo-inicio{
    white-space: nowrap !important;
    /* color: RGB(85,85,85) !important; */
    font-weight: 700 !important;
    font-size: 15px !important;
}
.nav-uno-inicio{
    height: 100px !important;
    text-align: center;
    justify-content: center !important;
    width: 32% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: RGB(255,229,230) !important;
    border-radius: 8px !important;
}
.nav-dos-inicio{
    height: 100px !important;
    text-align: center;
    justify-content: center !important;
    width: 32% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: RGB(255,229,230) !important;
    border-radius: 8px !important;
}
.nav-tres-inicio{
    height: 100px !important;
    font-size: 14px !important;
    text-align: center;
    justify-content: center !important;
    width: 32% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: RGB(255,229,230) !important;
    border-radius: 8px !important;
}
.text-contenido-inicio{
    margin-left: 20px !important;
    font-size: 14px !important;
}
.texto-contenido{
    text-overflow: ellipsis !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: black !important;
}
.texto-fecha-notas{
    color: #000 !important;
    text-decoration: none !important;
}
.text-impresiones-inicio{
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
.container-nav-uno{
    display: block !important;
}
.container-nav-dos{
    display: block !important;
}
.container-nav-tres{
    display: block !important;
}
.porcentaje-impresiones-contenido-inicio{
    font-size: 30px;
    color: RGB(249,41,32) !important;
}
.text-vistas-inicio{
    color: black !important;
    font-weight: 400 !important;
    font-size: 12px !important;
}
.select-categoria{
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: RGB(253,142,11) !important;
    background-color: transparent !important;
    width: 12% !important;
}
.select-categoria:active,
.select-nota:active,
.select-categoria:focus,
.select-nota:focus{
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}
.form-check-input:focus,
/* .form-check-input:hover, */
.form-check-input:active,
.form-check-input:checked {
  cursor: pointer !important;
  background-color: RGB(253,142,11) !important;
  border-color: RGB(253,142,11) !important;
  box-shadow: none !important;
}
.select-nota{
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: RGB(253,142,11) !important;
    background-color: transparent !important;
    width: 12% !important;   
}
.select-categoria-mobile{
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    color: RGB(253,142,11) !important;
    background-color: transparent !important;
    width: auto !important;   
}
.select-nota-mobile{
    font-size: 14px !important;
    font-weight: bold !important;
    border: none !important;
    color: RGB(253,142,11) !important;
    background-color: transparent !important;
    width: 49% !important;   
}
.notas{
    color: #000 !important;
}
#fechas_notas{
    cursor: pointer !important;
}
.contenido-navbar{
    display: flex !important;
}
/* FIN INICIO */

.card-contenedora{
    width: 98.8% !important;
    margin-left: 10px !important;
}
.progres-impacto{
    height: 10px !important;
    margin-top: 2.5px !important;
    border-radius: 10px !important;
}
.progres-alcance{
    height: 10px !important;
    margin-top: 2.5px !important;
    border-radius: 10px !important;
    background-color: RGB(87,178,48) !important;
}
.progres-contenido{
    height: 10px !important;
    margin-top: 2.5px !important;
    border-radius: 10px !important;
    background-color: RGB(249,41,32) !important;
}
.progres-interaccion{
    height: 10px !important;
    margin-top: 2.5px !important;
    border-radius: 10px !important;
    background-color: RGB(145,60,242) !important;
}
.parrafo-genero{
    float: right;
}
.text-genero{
    margin-right: 10px;
    color: RGB(85,85,85) !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.text-usuarios{
    color: RGB(85,85,85) !important;
}
.text-redes-sociales{
    color: RGB(85,85,85) !important;
    font-weight: 500 !important;
}
.color-hombre{
    color: RGB(179,200,219) !important;
}
.color-mujer{
    color: RGB(233,214,234) !important;
}
.porcentaje-genero{
    margin-left: 10px !important;
    color: RGB(85,85,85) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}
.back-progres-contenido{
    background-color: white;
}
.card-contenido{
    width: 33.3% !important;
}
.linea-progress{
    width: 100% !important;
    background-color: RGB(230,225,231) !important;
}
.chajari{
    color: #000 !important;
    font-weight: bold !important;
}
.img-chajari{
    vertical-align: bottom;
    margin-right: 20px;
}
.nav-principal{
    /* display: block !important; */
    background-color: RGB(92,90,91) !important; 
    border-radius: 8px 8px 8px 8px !important;
}
.nav-principal-clientes{
    /* display: flex !important; */
    background-color: RGB(92,90,91) !important; 
    border-radius: 8px 8px 8px 8px !important;
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}
.nav-impacto{
    padding-left: 30px !important;
    padding-right: 30px !important;
    width: 98.5%;
    margin-left: 10px !important;
    background-color: RGB(222,229,247) !important;
    border-radius: 8px !important;
}
.nav-interaccion{
    margin-bottom: 24px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    width: 98.5%;
    margin-left: 10px !important;
    background-color: RGB(233,215,253) !important;
    border-radius: 8px !important;
}
.container-nav-alcance{
    margin-top: 24px !important;
    width: 100% !important;
    display: flex !important;
}
.container-nav-contenido{
    margin-top: 24px !important;
    width: 100% !important;
    display: flex !important;
}

.nav-alcance-uno{
    width: 49% !important;
    margin-right: 25px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: RGB(219,235,209) !important;
    border-radius: 8px !important;
}
.nav-alcance-dos{
    width: 49% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: RGB(219,235,209) !important;
    border-radius: 8px !important;
}
.div-icono{
    margin-top: 60px !important;
}
.div-img-alcance{
    display: flex !important;
}
.icono-alcance{
    width: 45px !important;
    height: 45px !important;
    position:absolute !important;
    margin-left: 78px !important;
    margin-top: 76px !important;
}
.porcentaje-visitas{
    font-size: 26px;
    color: RGB(87,178,48) !important;
}
.porcentaje-busquedas{
    font-size: 20px;
    color: RGB(145,60,242) !important;
}
.vistas-usuarios{
    color: RGB(85,85,85) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}
.text-vistas{
    color: RGB(85,85,85) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
}
.div-nav-alcance{
    margin-left: 20px;
    display: inline-block !important;
    font-size: 14px !important;
}
.nav-contenido-uno{
    width: 32% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: RGB(255,229,230) !important;
    border-radius: 8px !important;
}
.nav-contenido-dos{
    margin-left: 25px !important;
    width: 32% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: RGB(255,229,230) !important;
    border-radius: 8px !important;
}
.nav-contenido-tres{
    margin-left: 25px !important;
    width: 32% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: RGB(255,229,230) !important;
    border-radius: 8px !important;
}
.contenido-nav-tres{
    display: block !important; 
    text-align: center;
}

.sub-nav{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    background-color: transparent !important;
}
.sub-nav-clientes{
    color: #8E8E8E !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background-color: transparent !important;
}
.porcentaje-impresiones{
    font-size: 40px;
    color: RGB(24,110,219) !important;
}
.porcentaje-impresiones-interaccion{
    font-size: 40px;
    color: RGB(145,60,242) !important;
}
.porcentaje-impresiones-alcance{
    font-size: 40px;
    color: RGB(87,178,48) !important;
}
.porcentaje-impresiones-contenido{
    font-size: 40px;
    color: RGB(249,41,32) !important;
}

.porcentaje-total-impresiones{
    color: RGB(24,110,219) !important;
}
.porcentaje-total-alcance{
    color: RGB(87,178,48) !important;
}
.porcentaje-total-interaccion{
    color: RGB(145,60,242) !important;
}
.porcentaje-total-contenido{
    color: RGB(249,41,32) !important;
}
.porcentaje-total-intereses{
    float: right;
    color: RGB(145,60,242) !important;
}
.parrafo-porcentaje{
    float: right !important;
}
.text-impresiones{
    vertical-align: super !important;
    font-weight: bolder !important;
    text-decoration: none !important;
    color: RGB(85,85,85)  !important;
    margin-left: 20px;
}
.text-primero{
    font-size: 15px !important;
    font-weight: 400 !important;
}
.text-rendimiento{
    font-size: 15px !important;
    font-weight: 400 !important;
}

.text-container-rendimiento{
    cursor: pointer !important;
    font-size: 14px !important;
    color: RGB(85,85,85)  !important;
    font-weight: 500 !important;
}
.text-container-rendimiento:hover{
    transition: all 1s;
    color: #000 !important;
    font-size: 14.5px !important;
}
.text-container-card-uno{
    color: RGB(85,85,85) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}
.text-container-card-dos{
    color: RGB(85,85,85) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}
.text-container-card-tres{
    color: RGB(85,85,85) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}
.text-container-card-cuatro{
    color: RGB(85,85,85) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}
.text-container-card-uno-contenido{
    color: RGB(85,85,85) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}
.text-container-card-dos-contenido{
    color: RGB(85,85,85) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}
.text-container-card-tres-contenido{
    color: RGB(85,85,85) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}

.text-progress{
    width: 100% !important;
    font-size: 14px !important;
    color: RGB(85,85,85) !important;
    font-weight: 500 !important;
}

.card-img-contenido{
    margin-top: 7px !important;
    height: 120px !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: flex !important;
}
.img-contenido{
    border-radius: 0px !important;
    width: 150px !important;
    height: 150px !important;
}
.text-contenido{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.parrafo-info{
    float: right !important;
}
.rendimiento-bajo{
    border-radius: 15px !important;
    font-size: 15px !important;
    background-color: RGB(255,229,230) !important;
    color: RGB(249,41,32) !important;
}
.rendimiento-medio{
    border-radius: 15px !important;
    font-size: 15px !important;
    background-color: RGB(222,229,247) !important;
    color: RGB(24,110,219) !important;
}
.rendimiento-bueno{
    border-radius: 15px !important;
    font-size: 15px !important;
    background-color: RGB(233,215,253) !important;
    color: RGB(145,60,242) !important;
}
.rendimiento-excelente{
    border-radius: 15px !important;
    font-size: 15px !important;
    background-color: RGB(219,235,209) !important;
    color: RGB(87,178,48) !important;
}

.desde-texto{
    font-weight: 400 !important;
    margin-left: 20px !important;
    color: white !important;
    font-size: 14px !important;
}
.hasta-texto{
    font-weight: 400 !important;
    margin-left: 0px !important;
    color: white !important;
    font-size: 14px !important;
}
/* .desde-texto:hover{
    transition: all 1s !important;
    font-weight: 400 !important;
    margin-left: 20px !important;
    color: black !important;
    font-size: 14px !important;
    background-color: white !important;
    border: 1px solid black !important;
    cursor: pointer !important;
}
.hasta-texto:hover{
    transition: all 1s !important;
    font-weight: 400 !important;
    margin-left: 0px !important;
    color: black !important;
    font-size: 14px !important;
    background-color: white !important;
    border: 1px solid black !important;
    cursor: pointer !important;
} */
.input-desde{
    text-align: center !important;
    outline: none !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border: none !important;
    color:RGB(253,142,11) !important;
    background-color: transparent !important;
    text-decoration: underline !important;
}
.input-desde:hover,
.input-hasta:hover,
.select-nota:hover,
.select-categoria:hover{
    cursor: pointer !important;
  color: #fdd85c !important;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.input-hasta{
    text-align: center !important;
    outline: none !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border: none !important;
    color:RGB(253,142,11) !important;
    background-color: transparent !important;
    text-decoration: underline !important;
}




.input-desde-mobile{
    outline: none !important;
    width: 30% !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border: none !important;
    color:RGB(253,142,11) !important;
    background-color: transparent !important;
    text-decoration: underline !important;
}
.input-hasta-mobile{
    outline: none !important;
    width: 30% !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border: none !important;
    color:RGB(253,142,11) !important;
    background-color: transparent !important;
    text-decoration: underline !important;
}
.card-title{
    font-weight: bolder !important;
    text-decoration: none !important;
    color: black !important;
}
.card-title-consumos{
    font-weight: bolder !important;
    text-decoration: none !important;
}
.card-title-general{
    width: 100% !important;
    font-weight: bolder !important;
    text-decoration: none !important;
    color: RGB(85,85,85)  !important;
}
.texto{
    margin-right: 20px !important;
    float: right !important;
    color: white !important;
    font-size: 14px !important;
}
.btn-descargar{
    display: flex;
    align-items: center;
    margin-left: 25px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 7px !important;
    background-color: transparent !important;
    border-radius: 18px !important;
    color: RGB(85,85,85)  !important;
    border-color: RGB(85,85,85)  !important;
    border: 1px solid RGB(85,85,85)  !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    cursor: pointer;
}
.btn-descargar:hover{
    transition: all 1s !important;
    font-weight: 700 !important;
    color: RGB(253,142,11) !important;
    border-color: RGB(253,142,11) !important;
}
.btn-aplicar{
    margin-left: 20px !important;
    margin-right: 20px !important;
    float: right !important;
    background-color: transparent !important;
    border-radius: 10px !important;
    color: white !important;
    border-color: white !important;
    border: 1px solid white !important;
    font-size: 12px !important;
    font-weight: bolder !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.btn-aplicar:hover{
    transition: all 1s;
    margin-left: 20px !important;
    margin-right: 20px !important;
    float: right !important;
    background-color: transparent !important;
    border-radius: 10px !important;
    color: RGB(253,142,11) !important;
    border-color: RGB(253,142,11) !important;
    border: 1px solid RGB(253,142,11) !important;
    font-size: 12px !important;
    font-weight: bolder !important;
    padding-left: 15px !important;
    padding-right: 15px !important;

}
.btn-nuevo-cliente{
    margin-left: 20px !important;
    margin-right: 20px !important;
    float: right !important;
    background-color: transparent !important;
    border-radius: 10px !important;
    color: white !important;
    border-color: white !important;
    border: 1px solid white !important;
    font-size: 12px !important;
    font-weight: bolder !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.cuerpo-card{
    height: 64px !important;
    text-align: center !important;
    position: absolute !important;
    width: 100% !important;
    background-color: #0000004d !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}
.titulo-card{
    height: 38px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    font-size: 10px !important;
    font-weight: bold !important;
    color: #fff !important; 
}
.link-titulo-card{
    color: #fff !important; 
    text-decoration: none !important; 
}
.badge-card{
    top: -8px !important;
    white-space: nowrap !important;
    font-size: 8px !important;
    position: absolute !important;
    background-color: #FF5541 !important;
    padding: 3px 14px !important;
    border-radius: 13px !important;
    color: #fff !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}
.vistas-notas{
    margin-top: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
    font-size: 20px !important;
    color: RGB(145,60,242) !important;
}
.container-progress{
    margin-bottom: 10px !important;
}
.container-progres-impacto{
    overflow: auto;
}
/* .container-progres-impacto::-webkit-scrollbar {
    width: 1%;
} */
.container-imagenes-alcance-uno{
    text-align: center !important;
    display: flex;
}
.container-imagenes-alcance-dos{
    text-align: center !important;
    display: flex;
}
.container-imagenes-impacto-uno{
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    padding: 46px !important;
    display: flex !important;
}
.container-imagenes-impacto-dos{
    margin-top: 10% !important;
    display: flex !important;
}
.container-imagenes-interaccion{
    text-align: center !important;
    padding: 28px !important;
    display: flex !important;
}
.container-instagram{
    text-align: center !important;
    padding: 30px !important;
    display: flex !important;
}
.container-facebook{
    text-align: center !important;
    padding: 30px !important;
    display: flex !important;
}
.vistas-link{
    font-size: 12px !important;
    display: block !important;
}
.vistas-imagenes{
    display: block !important;
    color: RGB(24,110,219) !important;
}
.vistas-redes{
    display: block !important;
    color: RGB(85,85,85) !important;
}
.impresiones-redes{
    display: block !important;
    color: RGB(85,85,85) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.footer{
    background-color: black !important; 
    margin-bottom: 0rem !important;
}
.card-basica{
    padding: 20px !important;
}
.card-basica-contenido{
    padding: 40px !important;
}
.card-basica-interaccion-uno{
    padding: 20px !important;
}
.card-basica-interaccion-dos{
    padding: 20px !important;
}
.card-basica-interaccion-tres{
    padding: 20px !important;
} 
.card-basica-interaccion-cuatro{
    padding: 20px !important;
}
.card-basica-interaccion-cinco{
    padding: 20px !important;
}
.icono-interaccion{
    font-size: 40px;
}

.container-uno-contenido{
    display: contents;
}
.card-imagenes-impacto{
    display: contents !important;
}
.atras-mobile{
    display: none !important;
}
.interaccion-vistas{
    font-weight: 400 !important;
    font-size: 14px !important;
    color: black !important;
    display: none !important;
}
.text-container-rendimiento-mobile{
    font-size: 14px !important;
    color: RGB(85,85,85)  !important;
    font-weight: 500 !important;
    display: block !important;
}
.search-clientes{
    border-color: transparent !important;
    border-radius: 6px 6px 6px 6px !important;
    outline: none !important;
    margin-left: 5px !important;
    font-size: 14px !important;
    margin-bottom: 10px;
}
.listado-cards{
    font-size: 14px !important;
    border: 1px solid lightgray !important;
    border-radius: 6px !important;
}
.cliente{
    text-decoration: none !important;
    color: black !important;
    font-weight: 600 !important;
}
.cliente:hover{
    color: RGB(253,142,11) !important;
}
.eliminar-cliente-boton{
    border: none !important;
    background-color: transparent !important;
}
.eliminar-cliente{
    font-size: 14px !important;
    text-decoration: none !important;
    color: black !important;
}
.eliminar-cliente:hover{
    color: RGB(253,142,11) !important;
}
.label-cliente{
    font-size: 14px !important;
    font-weight: 600 !important;
}
.controlador{
    font-size: 14px !important;
    font-weight: 600 !important;
    width: 20% !important;
    display: block;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.authors{
    font-size: 14px !important;
    font-weight: 600 !important;
    width: 100% !important;
    max-height: 300px !important;
    border-radius: 0.25rem !important;
    border: 1px solid lightgray !important;
}
.guardar-cliente{
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 0.25rem !important;
    background-color: transparent !important;
    color: RGB(85,85,85)  !important;
    border: 1px solid RGB(85,85,85)  !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.txt-eliminar-cliente{
    font-size: 14px !important;
    font-weight: 500 !important;
}
.menu-usuario{
    font-size: 24px;
    margin-right: 80px;
    z-index: 9999 !important;
}
.btn-drop-mobile{
    display: none;
}
.texto-significado{
    font-size: 14px !important;
    font-weight: 400 !important;
}
.container-drop-mobile{
    display: none;
}
.titulo-impacto-index{
    float: right;
}
/* CALENDARIO */
.calendar .date h3{
    margin: 0 0 20px; 
    padding: 0;
    font-size: 24px; 
    font-weight: 500; 
    text-align: center;
    user-select: none; 
    text-transform: capitalize; 
}
.calendar .date .days{
    display: flex;
    flex-wrap: wrap; 
}
.day{
    font-weight: 700;
}
.calendar .date .days .number.active{
    background-color: #362b48;
    color: #fff;
    cursor: pointer; 
    border-radius: 50%; 
}
.calendar .date .days .day,
.calendar .date .days .number{
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    font-size: 12px;
}
.calendar .date .days .day:first-child,
.calendar .date .days .number:nth-child(7n+1){
    border-radius: 50px;
}
.calendar .img{
    position: relative; /*Ubicación*/
    top:0;
    right: 0;
    width: 400px;
    height: 100%;
    background-color: #000;
    user-select: none;
}
.calendar .img img{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* FIN CALENDARIO */
@media (max-width: 1300px) {
    .titulo-impacto-index{
        float: none !important;
    }
    .container-imagenes-alcance-uno{
        display: grid !important;
        justify-content: center !important;
    }
    .container-imagenes-alcance-dos{
        display: grid !important;
        justify-content: center !important;
    }
    .btn-descargar{
        display:none !important;
    }
}

@media (max-width: 800px) {   
    .btn-descargar{
        display:none !important;

    }
    
}
/* INICIO MOBILE */
@media (max-width: 540px) { 

    #header {
        margin-bottom: 0px !important;
        padding-top: 0rem !important; 
        padding-bottom: 0rem !important; 
      }
    .btn-volver{
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }

    .btn-volver::before {
        content: '\2190'; /* Código Unicode para la flecha hacia la izquierda */
        font-size: 1.5rem; /* Tamaño de la flecha */
        /* display: block; */
    }
    .btn-volver span {
        display: none !important;
    }
    
    .contenido-clientes-nav {
        text-align: left; 
        padding: 5px;
    }
    .btn-nuevo-cliente {
        margin-top: 5px; 
        
    } 
    .chajari{
        display: grid !important;
    }
    .desde-texto{
        margin-left: 0px !important;
    }
    .days{
        width: 337px !important;
        margin-left: -3vh !important;
    }  
    .controlador{
        margin-left: 44px !important;
        width: 50% !important;
    }
    .sub-nav-clientes{
        display: none !important;
    }
    .container-drop-mobile{
        display: block !important;
    }
    .aplicar-mobile{
        background-color: transparent !important;
        color: white !important;
        border: none !important;
        float: right !important;
    }
    .container-mobile{
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
        display: contents !important;
    }
    .btn-drop-mobile{
        display: block !important;
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
        float: right !important;
    }
    .menu-drop-mobile{
        top: 0% !important;
        width: 221% !important;
        left: -116% !important;
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
    }
    .menu-usuario{
        font-size: 22px !important;
        margin-right: 0px !important;
        margin-left: 60px !important;
    }  
    .container-sub-nav{
        display: flex !important;
    }
    .header{
        justify-content: flex-start !important;
    }
    .contenido-header{
        display: contents !important;
    }
    .footer{
        justify-content: center !important;
    }
    .card-basica{
        padding: 0px !important;
        border: none !important;
    }
    .card-basica-contenido{
        padding: 0px !important;
        border: none !important;
    }
    .card-contenedora{
        width: 100% !important;
        margin-left: 0px !important;
    }
    .atras-mobile{
        display: block !important;
    }
    .text-container-rendimiento{
        display: block !important;
    }
    .text-container-rendimiento-mobile{
        display: block !important;
    }
    /* INICIO */
    .desde-hasta-dropdown{
        font-size: 20px !important;
        text-align: center !important;
    }
    .texto-dropdown{
        font-size: 19px !important;
    }
    .onecard-inicio{
        padding: 20px !important;
    }
    .container-principal{
        width: 100% !important;
        margin-bottom: 5px !important;
    }
    /* .nav-principal, .nav-principal-clientes{
        display: none !important;
    } */
    .drop-menu{
        display: block !important;
    }
    .container-imagenes-inicio{
        padding: 0px !important;
    }
    .container-imagenes-alcance-inicio{
        padding: 0px !important;
    }
    .parrafo-info{
        line-height: 30px !important;
        float: none !important;
        display: grid !important;
        margin-top: 5px !important;
    }
    .container-nav-contenido-inicio{
        height: 0px !important;
        display: contents !important;
    }
    .nav-uno-inicio{
        width: 48% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-dos-inicio{
        width: 48% !important;
        float: right !important;
        margin-top: -100px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-tres-inicio{
        width: 100% !important;
        margin-top: 10px !important;
    }
    /* FIN INICIO */
    
    /* IMPACTO */
    .navbar-impacto{
        display: contents !important;
    }
    .text-impresiones{
        margin-left: 0px !important;
    }
    .container-imagenes-impacto-uno{
        padding: 0px !important;
    }
    .container-imagenes-impacto-dos{
        padding: 10px !important;
    }
    .porcentaje-impresiones{
        font-size: 28px !important;
    }
    /* FIN IMPACTO */

    /* ALCANCE */
    .container-nav-alcance{
        display: block !important;
    }
    .nav-alcance-uno{
        width: 100% !important;
    }
    .nav-alcance-dos{
        margin-top: 10px !important;
        width: 100% !important;
    }
    .porcentaje-impresiones-alcance,
    .porcentaje-impresiones-contenido,
    .porcentaje-impresiones-interaccion{
        font-size: 28px !important;
    }
    .container-imagenes-alcance-uno{
        text-align: center !important;
    }
    .container-imagenes-alcance-dos{
        text-align: center !important;
    }
    .div-img-alcance{
        margin-top: 10px !important;
        margin-left: 0px !important;
        display: block !important;
    }
    .parrafo-genero{
        float: none !important;
        margin-top: 20px !important;
    }
    /* FIN ALCANCE */

    /* INICIO INTERACCION */
    .card-basica-interaccion-uno{
        height: auto !important;
        border: none !important
    }
    .card-basica-interaccion-dos{
        height: auto !important;
        border: none !important
    }
    .card-basica-interaccion-tres{
        margin-bottom: 24px !important;
        border: none !important
    }
    .card-basica-interaccion-cuatro{
        margin-bottom: 24px !important;
        border: none !important
    }
    .card-basica-interaccion-cinco{
        border: none !important;
    }
    .container-instagram{
        padding: 0px !important;
    }
    .container-facebook{
        padding: 0px !important;
    }
    .icono-interaccion{
        font-size: 30px !important;
    }
    .container-imagenes-interaccion{
        text-align: center !important;
    }
    .col-contenido-interaccion{
        width: 50% !important;
    }
    .cont-vistas-notas{
        width: 50% !important;
        float: right !important;
        margin-top: -100px !important;
    }
    .interaccion-vistas{
        font-weight: 400 !important;
        font-size: 14px !important;
        color: black !important;
        display: block !important;
    }

    /* FIN INTERACCION */
    
    /* INICIO CONTENIDO  */
    .card-contenido-uno{
        height: auto !important;
        padding: 0px !important;
        border: none !important
    }
    .card-contenido-dos{
        height: auto !important;
        padding: 0px !important;
        border: none !important
    }
    .card-contenido{
        width: 100% !important;
    }
    .container-nav-contenido{
        display: contents !important;
    }
    .nav-contenido-uno{
        text-align: center !important;
        width: 49% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-contenido-dos{
        text-align: center !important;
        margin-left: 5px !important;
        width: 49% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
}
    .nav-contenido-tres{
        margin-left: 0px !important;
        width: 100% !important;
        margin-top: 10px !important;
    }
    .navbar-contenido{
        display: grid !important;
    }
    .container-uno-contenido,
    .container-dos-contenido{
        display: block !important;
    }
    /* FIN CONTENIDO */
}

@media (max-width: 450px) {
    .chajari{
        display: grid !important;
    }
    .days{
        width: 337px !important;
        margin-left: -5% !important;
    }  

    .porcentaje-busquedas{
        font-size: 16px !important;
    }
    .controlador{
        margin-left: 44px !important;
        width: 50% !important;
    }
    .div-icono{
        margin-top: 0px !important;
    }
    .donut-single1-alcance,
    .donut-single2-alcance,
    .donut-single3-alcance,
    .donut-single4-alcance{
        margin-left: 20%;
    }
    .donut-single1-index{
        display: flex !important;
        justify-content: center !important;
    }
    .card-img-top{
        overflow: auto !important;
    }
    .icono-alcance {
        margin-left: -22px !important;
        margin-top: -126px !important;
    }
    .div-porcentaje-alcance-inicio{
        display: block !important;
    }
    .porcentaje-alcance-inicio{
        position: relative !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
    .vistas-link{
        font-size: 10px !important;
    }
    .sub-nav-clientes{
        display: none !important;
    }
    .container-drop-mobile{
        display: block !important;
    }
    .aplicar-mobile{
        background-color: transparent !important;
        color: white !important;
        border: none !important;
        float: right !important;
    }
    .container-mobile{
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
        display: contents !important;
    }
    .btn-drop-mobile{
        display: block !important;
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
        float: right !important;
    }
    .menu-drop-mobile{
        top: 0% !important;
        width: 190% !important;
        left: -79% !important;
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
    }
    .menu-usuario{
        font-size: 22px !important;
        margin-right: 0px !important;
        margin-left: 60px !important;
    }
    .container-sub-nav{
        display: flex !important;
    }
    .header{
        justify-content: flex-start !important;
    }
    .contenido-header{
        display: contents !important;
    }
    .footer{
        justify-content: center !important;
    }
    .card-basica{
        padding: 0px !important;
        border: none !important;
    }
    .card-basica-contenido{
        padding: 0px !important;
        border: none !important;
    }
    .card-contenedora{
        width: 100% !important;
        margin-left: 0px !important;
    }
    .text-rendimiento{
        float: left !important;
    }
    .btn-descargar{
        float: right !important;
    }
    .atras-mobile{
        display: block !important;
    }
    .text-container-rendimiento{
        display: block !important;
    }
    .text-container-rendimiento-mobile{
        display: block !important;
    }
    /* INICIO */
    .select-categoria{
        display: none !important;
    }
    .select-nota{
        display: none !important;
    }
    .desde-hasta-dropdown{
        text-align: center !important;
        font-size: 17px !important;
    }
    .texto-dropdown{
        font-size: 14px !important;
    }
    .onecard-inicio{
        padding: 20px !important;
    }
    .container-principal{
        width: 100% !important;
    }
    /* .nav-principal, .nav-principal-clientes{
        display: none !important;
    } */
    .drop-menu{
        display: block !important;
    }
    .container-imagenes-inicio{
        padding: 0px !important;
    }
    .container-imagenes-alcance-inicio{
        padding: 0px !important;
    }
    .parrafo-info{
        line-height: 30px !important;
        float: none !important;
        display: grid !important;
        margin-top: 5px !important;
    }
    .container-nav-contenido-inicio{
        height: 0px !important;
        display: contents !important;
    }
    .nav-uno-inicio{
        width: 48% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-dos-inicio{
        width: 48% !important;
        float: right !important;
        margin-top: -100px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-tres-inicio{
        width: 100% !important;
        margin-top: 10px !important;
    }
    /* FIN INICIO */

    /* IMPACTO */
    .navbar-impacto{
        display: contents !important;
    }
    .text-impresiones{
        margin-left: 0px !important;
    }
    .container-imagenes-impacto-uno{
        padding: 0px !important;
    }
    .container-imagenes-impacto-dos{
        padding: 10px !important;
    }
    .porcentaje-impresiones{
        font-size: 28px !important;
    }
    /* FIN IMPACTO */

    /* ALCANCE */
    .container-nav-alcance{
        display: block !important;
    }
    .nav-alcance-uno{
        width: 100% !important;
    }
    .nav-alcance-dos{
        margin-top: 10px !important;
        width: 100% !important;
    }
    .porcentaje-impresiones-alcance,
    .porcentaje-impresiones-contenido,
    .porcentaje-impresiones-interaccion{
        font-size: 28px !important;
    }
    .container-imagenes-alcance-uno{
        text-align: center !important;
        display: block !important;
    }
    .container-imagenes-alcance-dos{
        text-align: center !important;
        display: block !important;
    }
    .div-img-alcance{
        display: block !important;
    }
    .parrafo-genero{
        float: none !important;
        margin-top: 20px !important;
    }
    /* FIN ALCANCE */


    /* INICIO INTERACCION */
    .card-basica-interaccion-uno{
        height: auto !important;
        border: none !important
    }
    .card-basica-interaccion-dos{
        height: auto !important;
        border: none !important
    }
    .card-basica-interaccion-tres{
        margin-bottom: 24px !important;
        border: none !important
    }
    .card-basica-interaccion-cuatro{
        margin-bottom: 24px !important;
        border: none !important
    }
    .card-basica-interaccion-cinco{
        border: none !important;
    }
    .container-instagram{
        padding: 0px !important;
    }
    .container-facebook{
        padding: 0px !important;
    }
    .icono-interaccion{
        font-size: 30px !important;
    }
    .container-imagenes-interaccion{
        text-align: center !important;
    }
    .col-contenido-interaccion{
        width: 50% !important;
    }
    .cont-vistas-notas{
        width: 50% !important;
        float: right !important;
        margin-top: -100px !important;
    }
    .interaccion-vistas{
        font-weight: 400 !important;
        font-size: 14px !important;
        color: black !important;
        display: block !important;
    }
    /* FIN INTERACCION */

    /* INICIO CONTENIDO  */
    .card-contenido-uno{
        height: auto !important;
        padding: 0px !important;
        border: none !important
    }
    .card-contenido-dos{
        height: auto !important;
        padding: 0px !important;
        border: none !important
    }
    .card-contenido{
        width: 100% !important;
    }
    .container-nav-contenido{
        display: contents !important;
    }
    .nav-contenido-uno{
        text-align: center !important;
        width: 49% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-contenido-dos{
        text-align: center !important;
        margin-left: 5px !important;
        width: 49% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
}
    .nav-contenido-tres{
        margin-left: 0px !important;
        width: 100% !important;
        margin-top: 10px !important;
    }
    .navbar-contenido{
        display: grid !important;
    }
    .container-uno-contenido,
    .container-dos-contenido{
        display: block !important;
    }
    /* FIN CONTENIDO */
}

@media (max-width: 393px) {
    .contenido-clientes-nav {
        text-align: left; 
        padding: 5px;
        display: flex; 
        flex-direction: column;
    }
    .chajari{
        display: grid !important;
    }
    .controlador{
        margin-left: 44px !important;
        width: 50% !important;
    }
    .div-icono{
        margin-top: 0px !important;
    }
    .donut-single1-alcance,
    .donut-single2-alcance,
    .donut-single3-alcance,
    .donut-single4-alcance{
        margin-left: 20%;
    }
    .donut-single1-index{
        display: flex !important;
        justify-content: center !important;
    }
    .card-img-top{
        overflow: auto !important;
    }
    .icono-alcance {
        margin-left: -12px !important;
        margin-top: -126px !important;
    }
    .div-porcentaje-alcance-inicio{
        display: block !important;
    }
    .porcentaje-alcance-inicio{
        position: relative !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
    .vistas-link{
        font-size: 10px !important;
    }
    .sub-nav-clientes{
        display: none !important;
    }
    .container-drop-mobile{
        display: block !important;
    }
    .aplicar-mobile{
        background-color: transparent !important;
        color: white !important;
        border: none !important;
        float: right !important;
    }
    .container-mobile{
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
        display: contents !important;
    }
    .btn-drop-mobile{
        display: block !important;
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
        float: right !important;
    }
    .menu-drop-mobile{
        top: 0% !important;
        width: 176% !important;
        left: -65% !important;
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
    }
    .menu-usuario{
        font-size: 22px !important;
        margin-right: 0px !important;
        margin-left: 60px !important;
    }
    .container-sub-nav{
        display: flex !important;
    }
    .header{
        justify-content: flex-start !important;
    }
    .contenido-header{
        display: contents !important;
    }
    .footer{
        justify-content: center !important;
    }
    .card-basica{
        padding: 0px !important;
        border: none !important;
    }
    .card-basica-contenido{
        padding: 0px !important;
        border: none !important;
    }
    .card-contenedora{
        width: 100% !important;
        margin-left: 0px !important;
    }
    .text-rendimiento{
        float: left !important;
    }
    .atras-mobile{
        display: block !important;
    }
    .text-container-rendimiento{
        display: block !important;
    }
    .text-container-rendimiento-mobile{
        display: block !important;
    }
    /* INICIO */
    .desde-hasta-dropdown{
        text-align: center !important;
        font-size: 18px !important;
    }
    .texto-dropdown{
        font-size: 13px !important;
    }
    .onecard-inicio{
        padding: 20px !important;
    }
    .container-principal{
        width: 100% !important;
    }
    /* .nav-principal, .nav-principal-clientes{
        display: none !important;
    } */
    .drop-menu{
        display: block !important;
    }
    .container-imagenes-inicio{
        padding: 0px !important;
    }
    .container-imagenes-alcance-inicio{
        padding: 0px !important;
    }
    .parrafo-info{
        line-height: 30px !important;
        float: none !important;
        display: grid !important;
        margin-top: 5px !important;
    }
    .container-nav-contenido-inicio{
        height: 0px !important;
        display: contents !important;
    }
    .nav-uno-inicio{
        width: 48% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-dos-inicio{
        width: 48% !important;
        float: right !important;
        margin-top: -100px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-tres-inicio{
        width: 100% !important;
        margin-top: 10px !important;
    }
    /* FIN INICIO */

    /* IMPACTO */
    .card-title-general{
        display: block !important;
    }
    .btn-descargar{
        float: none !important;
        margin-top: 5px !important;
        margin-left: 0px !important;
    }
    .navbar-impacto{
        display: contents !important;
    }
    .text-impresiones{
        margin-left: 0px !important;
    }
    .container-imagenes-impacto-uno{
        padding: 0px !important;
    }
    .container-imagenes-impacto-dos{
        padding: 10px !important;
    }
    .porcentaje-impresiones{
        font-size: 28px !important;
    }
    /* FIN IMPACTO */

    /* ALCANCE */
    .container-nav-alcance{
        display: block !important;
    }
    .nav-alcance-uno{
        width: 100% !important;
    }
    .nav-alcance-dos{
        margin-top: 10px !important;
        width: 100% !important;
    }
    .porcentaje-impresiones-alcance,
    .porcentaje-impresiones-contenido,
    .porcentaje-impresiones-interaccion{
        font-size: 28px !important;
    }
    .container-imagenes-alcance-uno{
        text-align: center !important;
    }
    .container-imagenes-alcance-dos{
        text-align: center !important;
    }
    .div-img-alcance{
        margin-top: 10px !important;
        margin-left: 0px !important;
        display: block !important;
    }
    .parrafo-genero{
        float: none !important;
        margin-top: 20px !important;
    }
    .div-nav-alcance{
        font-size: 13px !important;
        margin-left: 10px !important;
    }
    /* FIN ALCANCE */

    /* INICIO INTERACCION */
    .card-basica-interaccion-uno{
        height: auto !important;
        border: none !important
    }
    .card-basica-interaccion-dos{
        height: auto !important;
        border: none !important
    }
    .card-basica-interaccion-tres{
        margin-bottom: 24px !important;
        border: none !important
    }
    .card-basica-interaccion-cuatro{
        margin-bottom: 24px !important;
        border: none !important
    }
    .card-basica-interaccion-cinco{
        border: none !important;
    }
    .container-instagram{
        padding: 0px !important;
        margin-left: -10px !important;
    }
    .container-facebook{
        padding: 0px !important;
        margin-left: -10px !important;
    }
    .icono-interaccion{
        font-size: 30px !important;
    }
    .container-imagenes-interaccion{
        text-align: center !important;
    }
    .porcentaje-busquedas{
        font-size: 14px !important;
    }
    .text-vistas{
        white-space: nowrap !important;
    }
    .col-contenido-interaccion{
        width: 50% !important;
    }
    .cont-vistas-notas{
        width: 50% !important;
        float: right !important;
        margin-top: -100px !important;
    }
    .interaccion-vistas{
        font-weight: 400 !important;
        font-size: 14px !important;
        color: black !important;
        display: block !important;
    }
    /* FIN INTERACCION */

    /* INICIO CONTENIDO  */
    .card-contenido-uno{
        height: auto !important;
        padding: 0px !important;
        border: none !important
    }
    .card-contenido-dos{
        height: auto !important;
        padding: 0px !important;
        border: none !important
    }
    .card-contenido{
        width: 100% !important;
    }
    .container-nav-contenido{
        display: contents !important;
    }
    .nav-contenido-uno{
        text-align: center !important;
        width: 49% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-contenido-dos{
        text-align: center !important;
        margin-left: 5px !important;
        width: 49% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
}
    .nav-contenido-tres{
        margin-left: 0px !important;
        width: 100% !important;
        margin-top: 10px !important;
    }
    .navbar-contenido{
        display: grid !important;
    }
    .container-uno-contenido,
    .container-dos-contenido{
        display: block !important;
    }
    /* FIN CONTENIDO */

}

@media (max-width: 375px) {
    .chajari{
        display: grid !important;
    }
    .controlador{
        margin-left: 44px !important;
        width: 50% !important;
    }
    .div-icono{
        margin-top: 0px !important;
    }
    .donut-single1-alcance,
    .donut-single2-alcance,
    .donut-single3-alcance,
    .donut-single4-alcance{
        margin-left: 17%;
    }
    .donut-single1-index{
        display: flex !important;
        justify-content: center !important;
    }
    .card-img-top{
        overflow: auto !important;
    }
    .icono-alcance {
        margin-left: -18px !important;
        margin-top: -126px !important;
    }
    .div-porcentaje-alcance-inicio{
        display: block !important;
    }
    .porcentaje-alcance-inicio{
        position: relative !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
    .vistas-link{
        font-size: 10px !important;
    }
    .sub-nav-clientes{
        display: none !important;
    }
    .container-drop-mobile{
        display: block !important;
    }
    .aplicar-mobile{
        background-color: transparent !important;
        color: white !important;
        border: none !important;
        float: right !important;
    }
    .container-mobile{
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
        display: contents !important;
    }
    .btn-drop-mobile{
        display: block !important;
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
        float: right !important;
    }
    .menu-drop-mobile{
        top: 0% !important;
        width: 170% !important;
        left: -57% !important;
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
    }
    .menu-usuario{
        font-size: 22px !important;
        margin-right: 0px !important;
        margin-left: 60px !important;
    }
    .container-sub-nav{
        display: flex !important;
    }
    .header{
        justify-content: flex-start !important;
    }
    .contenido-header{
        display: contents !important;
    }
    .footer{
        justify-content: center !important;
    }
    .card-basica{
        padding: 0px !important;
        border: none !important;
    }
    .card-basica-contenido{
        padding: 0px !important;
        border: none !important;
    }
    .card-contenedora{
        width: 100% !important;
        margin-left: 0px !important;
    }
    .text-rendimiento{
        float: left !important;
    }
    .atras-mobile{
        display: block !important;
    }
    .text-container-rendimiento{
        display: block !important;
    }
    .text-container-rendimiento-mobile{
        display: block !important;
    }
    /* INICIO */
    .desde-hasta-dropdown{
        text-align: center !important;
        font-size: 16px !important;
    }
    .texto-dropdown{
        font-size: 12px !important;
    }
    .onecard-inicio{
        padding: 20px !important;
    }
    .container-principal{
        width: 100% !important;
    }
    /* .nav-principal, .nav-principal-clientes{
        display: none !important;
    } */
    .drop-menu{
        display: block !important;
    }
    .container-imagenes-inicio{
        padding: 0px !important;
    }
    .container-imagenes-alcance-inicio{
        padding: 0px !important;
    }
    .parrafo-info{
        line-height: 30px !important;
        float: none !important;
        display: grid !important;
        margin-top: 5px !important;
    }
    .container-nav-contenido-inicio{
        height: 0px !important;
        display: contents !important;
    }
    .nav-uno-inicio{
        width: 48% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-dos-inicio{
        width: 48% !important;
        float: right !important;
        margin-top: -100px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-tres-inicio{
        width: 100% !important;
        margin-top: 10px !important;
    }
    /* FIN INICIO */

    /* IMPACTO */
    .card-title-general{
        display: block !important;
    }
    .btn-descargar{
        float: none !important;
        margin-top: 5px !important;
        margin-left: 0px !important;
    }
    .navbar-impacto{
        display: contents !important;
    }
    .text-impresiones{
        margin-left: 0px !important;
    }
    .container-imagenes-impacto-uno{
        padding: 0px !important;
    }
    .container-imagenes-impacto-dos{
        padding: 10px !important;
    }
    .porcentaje-impresiones{
        font-size: 26px !important;
    }
    /* FIN IMPACTO */

    /* ALCANCE */
    .container-nav-alcance{
        display: block !important;
    }
    .nav-alcance-uno{
        width: 100% !important;
    }
    .nav-alcance-dos{
        margin-top: 10px !important;
        width: 100% !important;
    }
    .porcentaje-impresiones-alcance,
    .porcentaje-impresiones-contenido,
    .porcentaje-impresiones-interaccion{
        font-size: 26px !important;
    }
    .container-imagenes-alcance-uno{
        text-align: center !important;
    }
    .container-imagenes-alcance-dos{
        text-align: center !important;
    }
    .div-img-alcance{
        margin-top: 10px !important;
        margin-left: 0px !important;
        display: block !important;
    }
    .parrafo-genero{
        float: none !important;
        margin-top: 20px !important;
    }
    .div-nav-alcance{
        font-size: 12px !important;
        margin-left: 10px !important;
    }
    /* FIN ALCANCE */

    /* INICIO INTERACCION */
    .card-basica-interaccion-uno{
        height: auto !important;
        border: none !important
    }
    .card-basica-interaccion-dos{
        height: auto !important;
        border: none !important
    }
    .card-basica-interaccion-tres{
        margin-bottom: 24px !important;
        border: none !important
    }
    .card-basica-interaccion-cuatro{
        margin-bottom: 24px !important;
        border: none !important
    }
    .card-basica-interaccion-cinco{
        border: none !important;
    }
    .container-instagram{
        padding: 0px !important;
    }
    .container-facebook{
        padding: 0px !important;
    }
    .icono-interaccion{
        font-size: 30px !important;
    }
    .container-imagenes-interaccion{
        text-align: center !important;
    }
    .porcentaje-busquedas{
        font-size: 12px !important;
    }
    .text-vistas{
        white-space: nowrap !important;
    }
    .col-contenido-interaccion{
        width: 50% !important;
    }
    .cont-vistas-notas{
        width: 50% !important;
        float: right !important;
        margin-top: -100px !important;
    }
    .interaccion-vistas{
        font-weight: 400 !important;
        font-size: 14px !important;
        color: black !important;
        display: block !important;
    }
    /* FIN INTERACCION */

    /* INICIO CONTENIDO  */
    .card-contenido-uno{
        height: auto !important;
        padding: 0px !important;
        border: none !important
    }
    .card-contenido-dos{
        height: auto !important;
        padding: 0px !important;
        border: none !important
    }
    .card-contenido{
        width: 100% !important;
    }
    .container-nav-contenido{
        display: contents !important;
    }
    .nav-contenido-uno{
        text-align: center !important;
        width: 49% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-contenido-dos{
        text-align: center !important;
        margin-left: 5px !important;
        width: 49% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
}
    .nav-contenido-tres{
        margin-left: 0px !important;
        width: 100% !important;
        margin-top: 10px !important;
    }
    .navbar-contenido{
        display: grid !important;
    }
    .container-uno-contenido,
    .container-dos-contenido{
        display: block !important;
    }
    /* FIN CONTENIDO */

}

@media (max-width: 360px) {
    .chajari{
        display: grid !important;
    }
    .controlador{
        margin-left: 44px !important;
        width: 50% !important;
    }
    .sub-nav-clientes{
        display: none !important;
    }
    .container-drop-mobile{
        display: block !important;
    }
    .aplicar-mobile{
        background-color: transparent !important;
        color: white !important;
        border: none !important;
        float: right !important;
    }
    .container-mobile{
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
        display: contents !important;
    }
    .btn-drop-mobile{
        display: block !important;
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
        float: right !important;
    }
    .menu-drop-mobile{
        top: 0% !important;
        width: 190% !important;
        left: -79% !important;
        background-color: RGB(92,90,91) !important;
        border-radius: 8px 8px 8px 8px !important;
    }
    .menu-usuario{
        font-size: 22px !important;
        margin-right: 0px !important;
        margin-left: 60px !important;
    }
    .container-sub-nav{
        display: flex !important;
    }
    .header{
        justify-content: flex-start !important;
    }
    .contenido-header{
        display: contents !important;
    }
    .footer{
        justify-content: center !important;
    }
    .card-basica{
        padding: 0px !important;
        border: none !important;
    }
    .card-basica-contenido{
        padding: 0px !important;
        border: none !important;
    }
    .card-contenedora{
        width: 100% !important;
        margin-left: 0px !important;
    }
    .text-rendimiento{
        float: left !important;
    }
    .atras-mobile{
        display: block !important;
    }
    .text-container-rendimiento{
        display: block !important;
    }
    .text-container-rendimiento-mobile{
        display: contents !important;
    }
    /* INICIO */
    .desde-hasta-dropdown{
        text-align: center !important;
        font-size: 15px !important;
    }
    .texto-dropdown{
        font-size: 11px !important;
    }
    .onecard-inicio{
        padding: 20px !important;
    }
    .container-principal{
        width: 100% !important;
    }
    /* .nav-principal, .nav-principal-clientes{
        display: none !important;
    } */
    .drop-menu{
        display: block !important;
    }
    .container-imagenes-inicio{
        padding: 0px !important;
    }
    .container-imagenes-alcance-inicio{
        padding: 0px !important;
    }
    .parrafo-info{
        line-height: 30px !important;
        float: none !important;
        display: grid !important;
        margin-top: 5px !important;
    }
    .container-nav-contenido-inicio{
        height: 0px !important;
        display: contents !important;
    }
    .nav-uno-inicio{
        width: 48% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-dos-inicio{
        width: 48% !important;
        float: right !important;
        margin-top: -100px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-tres-inicio{
        width: 100% !important;
        margin-top: 10px !important;
    }
    /* FIN INICIO */

    /* IMPACTO */
    .card-title-general{
        display: block !important;
    }
    .btn-descargar{
        float: none !important;
        margin-top: 5px !important;
        margin-left: 0px !important;
    }
    .navbar-impacto{
        display: contents !important;
    }
    .text-impresiones{
        margin-left: 0px !important;
    }
    .container-imagenes-impacto-uno{
        padding: 0px !important;
    }
    .container-imagenes-impacto-dos{
        padding: 10px !important;
    }
    .porcentaje-impresiones{
        font-size: 26px !important;
    }
    /* FIN IMPACTO */

    /* ALCANCE */
    .container-nav-alcance{
        display: block !important;
    }
    .nav-alcance-uno{
        width: 100% !important;
    }
    .nav-alcance-dos{
        margin-top: 10px !important;
        width: 100% !important;
    }
    .porcentaje-impresiones-alcance,
    .porcentaje-impresiones-contenido,
    .porcentaje-impresiones-interaccion{
        font-size: 26px !important;
    }
    .container-imagenes-alcance-uno{
        text-align: center !important;
    }
    .container-imagenes-alcance-dos{
        text-align: center !important;
    }
    .div-img-alcance{
        margin-top: 10px !important;
        margin-left: 0px !important;
        display: block !important;
    }
    .parrafo-genero{
        float: none !important;
        margin-top: 20px !important;
    }
    .div-nav-alcance{
        font-size: 12px !important;
        margin-left: 10px !important;
    }
    /* FIN ALCANCE */

    /* INICIO INTERACCION */
    .card-basica-interaccion-uno{
        height: auto !important;
        border: none !important
    }
    .card-basica-interaccion-dos{
        height: auto !important;
        border: none !important
    }
    .card-basica-interaccion-tres{
        margin-bottom: 24px !important;
        border: none !important
    }
    .card-basica-interaccion-cuatro{
        margin-bottom: 24px !important;
        border: none !important
    }
    .card-basica-interaccion-cinco{
        border: none !important;
    }
    .container-instagram{
        padding: 0px !important;
        margin-left: -10px !important;
    }
    .container-facebook{
        padding: 0px !important;
        margin-left: -10px !important;
    }
    .icono-interaccion{
        font-size: 30px !important;
    }
    .container-imagenes-interaccion{
        text-align: center !important;
    }
    .porcentaje-busquedas{
        font-size: 14px !important;
    }
    .text-vistas{
        white-space: nowrap !important;
    }
    .col-contenido-interaccion{
        width: 50% !important;
    }
    .cont-vistas-notas{
        width: 50% !important;
        float: right !important;
        margin-top: -100px !important;
    }
    .interaccion-vistas{
        font-weight: 400 !important;
        font-size: 14px !important;
        color: black !important;
        display: block !important;
    }
    /* FIN INTERACCION */

    /* INICIO CONTENIDO  */
    .card-contenido-uno{
        height: auto !important;
        padding: 0px !important;
        border: none !important
    }
    .card-contenido-dos{
        height: auto !important;
        padding: 0px !important;
        border: none !important
    }
    .card-contenido{
        width: 100% !important;
    }
    .container-nav-contenido{
        display: contents !important;
    }
    .nav-contenido-uno{
        text-align: center !important;
        width: 49% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .nav-contenido-dos{
        text-align: center !important;
        margin-left: 5px !important;
        width: 49% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
}
    .nav-contenido-tres{
        margin-left: 0px !important;
        width: 100% !important;
        margin-top: 10px !important;
    }
    .navbar-contenido{
        display: grid !important;
    }
    .container-uno-contenido,
    .container-dos-contenido{
        display: block !important;
    }
    /* FIN CONTENIDO */

}