.ficha-container .separador {
    border-width: 1px;
    margin: 0;
    border-color: #ededed;
}

.ficha-container h2 {
    text-transform: uppercase;
}

.ficha-basica {
    margin-top: 35px;
    font-size: 15px;
}

ul.filtro-categorias li a.categoria:hover, ul.filtro-categorias li a.categoria:focus {
    color: #272727;
    background: #c2c2c2;
}

.ficha-basica h1 {
    text-transform: uppercase;
    margin: 0 0 30px -5px   ;
    color: #1f1f1f;
}

.ficha-basica .medio-info strong {
    text-transform: uppercase;
}

.ficha-basica .descripcion {
    margin: 35px 0 52px 0;
}

.ficha-basica .caja-infos {
    margin: 30px 0 40px 0;
}

.ficha-basica .logo-medio {
    border-width: 1px;
    border-color: #d3d3d3;
    border-radius: 0;
    padding: 15px;
    width: 225px;
    height: 225px;
    margin: 0 auto 30px auto;
}

.ficha-basica .logo-medio img {
    width: 100%;
    height: 100%;
}

.medio-twitter {
    margin-bottom: 20px;
}

.medio-twitter a {
    font-size: 16px;
    display: inline-block;
    font-family: 'DIN Pro Bold', sans-serif;
    border-bottom: 1px solid #71ead6;
}

.medio-twitter a:hover, .medio-twitter a:focus {
    text-decoration: none;
    border-bottom: 1px solid #54AD9E;
    color: #54AD9E;
}

.ficha-alcance {
    position: relative;
    font-size: 16px;
    color: #1f1f1f;
}

.ayuda {
    font-size: 12px;
    width: 19px; height: 19px;
    border-radius: 19px;
    background: #63ebd6;
    color: #fff;
    text-align: center;
    padding: 3px 1px 0 0;
    display: inline-block;
    line-height: 1;
    position: absolute;
}

.ayuda:after {
    content: '?';
}

h2 .ayuda {
    margin: 6px 5px;
}

#alcance-datos-mouse .info {
    padding-left: 0;
}

.ficha-tabs ul.filtro-categorias {
    text-align: center;
}

.ficha-tabs ul.filtro-categorias li a {
    min-width: 0;
}

.ficha-tabs .ficha-tab {
    display: none;
    opacity: 0;
    transition: 0.2s opacity linear;
    text-align: center;
    position: relative;
}


.ficha-tabs .ficha-tab .content {
    padding: 50px 0;
}

.ficha-tabs .ficha-tab.active {
    opacity: 1;
    transition: 0.2s all linear;
    display: block;
}

.no-disponible {
    background: #fff;
    background: rgba(255,255,255,0.6);
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    text-align: center;
    z-index: 90;
}

.no-disponible .centro {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    height: 20px;
    font-size: 18px;
    margin: auto;
    font-family: 'DIN Pro Bold', sans-serif;
    color: #333;
}

#ficha-menu li {
    position: relative;
}

#ficha-menu .caja-ayuda {
    top: 100%;
    left: 0;
}

#ficha-menu li:hover .caja-ayuda {
    display: block;
}

.ficha-tab .cifra-grande {
    font-size: 35px;
    font-family: 'DIN Pro Bold', sans-serif;
    text-align: center;
    color: #63ebd6;
}

.ficha-tab .cifra-grande.peque {
    font-size: 35px;
}


#ficha-masinfo .descripcion {
    font-size: 0.8em;
    line-height: 1;
    color: #777;
    display: block;
    clear: both;
}

#ficha-horario .horario, .ficha-tab .caso {
    padding: 20px;
    margin: 0 auto;
}

#ficha-horario .horario.engagement, .ficha-tab .caso.segundo {
    border-top: 1px solid #dfdfdf;
}

#ficha-masinfo .caso.segundo {
  border-top: 0;
}

#ficha-horario .cifra-grande {
    font-size: 20px;
    margin-bottom: 18px;
}

#ficha-horario .tipo {
    font-size: 17px;
    color: #404040;
    line-height: 1.3;
    max-width: 200px;
    height: 45px;
    margin: 0 auto;
}

#ficha-listas .caso {
    font-size: 15px;
    position: relative;
}

#ficha-listas .caso .circulo, #ficha-listas .caso a.circulo {
    width: 160px; height: 160px;
    border: 5px solid #b4b4b4;
    border-radius: 160px;
    font-size: 55px;
    padding-top: 35px;
    margin: 0 auto 15px auto;
    font-family: 'DIN Pro Bold', sans-serif;
    text-align: center;
    color: #63ebd6;
    display: block;
}

#ficha-listas .caso a.circulo:hover, #ficha-listas .caso a.circulo:focus {
    text-decoration: none;
    color: #373737;
}

#ficha-listas .listas-container {
    border: 1px solid #dfdfdf;
    border-radius: 15px;
    margin-top: 15px;
    text-align: left;
    position: relative;
    text-transform: none;
    overflow: hidden;
}

#ficha-listas .listas-container-title {
    border: 1px solid #dfdfdf;
    position: absolute;
    top: -1px; left: -1px; right: -1px;
    border-radius: 15px;
    padding: 5px 15px 5px 20px;
    background: #fff;
}

#ficha-listas .listas-container-title::before {
    content: '';
    display: block;
    float: right;
    font-family: "FontAwesome";
}

#ficha-listas .scrollable.scroll {
    padding-bottom: 0;
}

#ficha-listas .scrollable .scroll-bar.vertical {
    background: transparent;
}


#ficha-listas #listas-miembro .listas-container-title::before {
    content: '';
}

#ficha-listas .listas-container-container {
    margin-top: 2.05em;
}

#ficha-listas ul {
    margin: 0;
    list-style: none; padding: 10px 10px;
}

#ficha-listas ul a {
    font-size: 0.8em;
    border: 1px solid #dfdfdf;
    padding: 2px 10px;
}

#ficha-listas ul a:hover, #ficha-listas ul a:focus {
    border-color: #999;
}

#ficha-listas .listas-container .listas-container-title {
        cursor: pointer;
        color: #272727;
    }
    
#ficha-listas .listas-container .listas-container-title:hover, #ficha-listas .listas-container .listas-container-title:focus {
    background: #efefef;
    text-decoration: none;
}

#ficha-listas .listas-container .listas-container-container {
        height: 0px;
        overflow: hidden;
        transition: height 0.2s linear;
}

#ficha-listas .listas-container.open .listas-container-container {
    height: auto;
}


#ficha-engagement .leyenda, #ficha-engagement .percent, #ficha-masinfo .leyenda, #ficha-masinfo .percent  {
    display: block;
}

#ficha-masinfo {
  padding-top: 30px;
  padding-bottom: 30px;
}

#ficha-masinfo .leyenda {
  clear: both;
  padding-top: 20px;
}

#ficha-engagement .grafico {
    width: 119px !important; height: 119px !important;
}

#ficha-masinfo .grafico {
    width: 100px !important; height: 100px !important;
}

#ficha-engagement .percent, #ficha-masinfo .percent {
    font-family: 'DIN Pro Bold', sans-serif;
    font-size: 35px;
    color: #404040;
}

.grafico-cont {
    display: inline-block;
    position: relative;
    max-width: 100%;
    overflow: auto;
}

.grafico-cont .eje {
    position: absolute;
    left: -190px;
    top: 150px;
    transform: rotate(-90deg);
    text-transform: uppercase;
    width: 330px;
    font-family: 'DIN Pro Bold', sans-serif;
}

.enlace-ficha {
    margin-top: 10px;
    overflow: hidden;
}

.ver-listado-medios {
    margin-top: 35px;
    font-size: 14px;
}

.ver-listado-medios span {
    text-transform: uppercase;
    font-weight: bold;
}

.medio-twitter .ver-listado-medios a {
    border-bottom: 0;
}

ul.filtro-categorias li a {
    border-width: 1px;
    color: #828282;
    font-size: 15px;
    padding: 5px 10px;
    margin: 0 2px;
}

.recon-info h3 {
    margin-bottom: 40px;
}

.recon-info h4 {
    text-align: left;
    font-weight: normal;
    font-family: "DINPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.recon-info .recmarca .cifra-grande {
    font-size: 30px;
    line-height: 36px;
    vertical-align: middle;
}

.recmarca_marcador, .recmarca_interacciones {
    width: 50%;
    float: left;
}

#ficha-masinfo .recmarca .leyenda {
    font-size: 0.8em;
    padding-top: 3px;
    line-height: 1;
}

#ficha-masinfo .recmarca .recmarca_marcador{
    text-align: left;
    border-right: 1px solid #eee;
}

#ficha-masinfo .recmarca .recmarca_interacciones{
    text-align: right;
}

.recmarca_marcador_separa, .recmarca_total {
    line-height: 36px;
    padding-top: 4px;
    display: inline-block;
    vertical-align: middle;
}

.recmarca_marcador_separa {
    padding-left: 5px;
    padding-right: 5px;
}

.recmarca_total {
    font-family: 'DIN Pro Bold', sans-serif;
}

.recmarca_marcador_separa:after {
    content: '/';
}

.recon-info .descripcion {
    display: block;
    clear: both;
    padding: 20px 0;
    text-align: left;
}

#engagement_nuevo .cifra-grande {
    font-size: 30px;
}

#ficha-masinfo #engagement_nuevo .leyenda {
    padding-top: 5px;
}

@media (min-width: 768px) {

    .ficha-basica h1 {
        font-size: 60px;
        line-height: 1;
    }

    .ficha-basica .descripcion {
        max-width: 440px;
    }

    .alcance-info {
        position: absolute;
        bottom: 0;
        left: 0;
        max-width: 170px;
        text-align: left;
    }

    #ficha-alcance {
      padding-bottom: 20px;
      padding-top: 20px;
      border-top: 1px solid #dfdfdf;
    }

    .ficha-tabs {
        min-height: 665px;
    }

    .ficha-tab {
        min-height: 630px;
    }

    .ficha-tab .cifra-grande {
        font-size: 85px;
    }

    .ficha-tab .content {
        opacity: 0;
        transition: 0.2s all ease-out;
    }

    .ficha-tab .content.anima {
        opacity: 1;
    }

    #ficha-crecimiento .content, #ficha-amplificacion .content {
        padding: 220px 0 0 0;
        transition: 0.2s all ease-out;
    }

    #ficha-crecimiento .content.anima, #ficha-amplificacion .content.anima {
        padding: 110px 0 110px 0;
    }

    #ficha-listas .content {
        padding: 80px 0 0 0;
    }

    #ficha-listas .content.anima {
        padding: 40px 0;
    }

    #ficha-listas .caso.segundo {
      border: 0;
    }

    #ficha-horario .content {
        padding: 60px 0 0 0;
    }

    #ficha-horario .content.anima {
        padding: 30px 0 30px 0;
    }

    #ficha-horario .horario,  .ficha-tab .caso {
        float: left;
        display: inline-block;
        padding: 80px 40px 10px 40px;
    }

    .ficha-tab .caso {
        padding: 10px 40px 25px 40px;
        width: 50%;
        text-align: center;
    }

    #ficha-horario .horarios,  .ficha-tab .casos {
        display: table;
        margin: 0 auto;
    }

    .ficha-tab .casos  {
        width: 100%;
    }

    #ficha-horario .cifra-grande {
        font-size: 40px;
        margin-bottom: 45px;
    }

    #ficha-horario .horario.engagement,  #ficha-engagement .caso.segundo {
        border-left: 1px solid #dfdfdf;
        border-top: 0;
    }
    #ficha-engagement .info {
        display: table;
        margin: 10px auto;
    }
    #ficha-engagement .percent {
        float: right;
        padding-top: 32px;
    }

      #ficha-masinfo .grafico {
        margin-left: 10px;
        margin-right: 10px;
      }
      
    #ficha-masinfo .global-int {
        width: 50%;
        float: left;
    }

    #ficha-engagement .content {
        padding: 215px 0;
    }

    #ficha-crecimiento .content {
        padding: 145px 0;
    }

    #crecimiento-grafico {
        width: 735px !important;
        height: 330px !important;
    }

    #ficha-masinfo .caso {
      width: 100%;
    }

    #ficha-masinfo .caso.segundo {
      border-top: 0;
    }

    #ficha-masinfo .horarios .cifra-grande {
        font-size: 40px;
    }
    
    #ficha-listas .caso {
        position: relative;
    }
    
    #ficha-masinfo .horarios {
        padding: 0 0;
    }
    
    #ficha-listas .listas-container  {
        width: 330px;
        margin: 30px auto 0 auto;
        left: 0; right: 0;
        position: absolute;
    }
    
    #ficha-listas .listas-container.open .listas-container-container {
        height: 300px;
    }

}

@media (min-width: 992px){

  #ficha-masinfo .sub-ficha:not(:last-child) {
    border-right: 1px solid #dfdfdf;
  }

  #ficha-masinfo .sub-ficha {
    display: table-cell;
    float: none;
  }

}

@media (min-width: 1200px) {
    .ficha-basica, .ficha-tab {
        padding: 0 80px;
    }

    #ficha-alcance {
      padding: 20px 80px;
    }

    .ficha-container .separador {
        margin: 0 -38px;
    }

    #ficha-horario .cifra-grande {
        font-size: 65px;
    }

    #ficha-horario .horario {
        float: left;
        display: inline-block;
        padding: 180px 70px 10px 70px;
    }

    #ficha-masinfo .grafico {
        float: left;
        margin-right: 10px;
    }

    #ficha-masinfo .percent {
      float: right;
      padding-top: 25px;
      max-width: 95px;
      overflow: hidden;
    }

}


@media (max-width: 991px) {
    .ficha-tabs .filtro-categorias:before, .ficha-tabs .filtro-categorias:after {
        content: '';
        width: 15px;
        position: absolute;
        top: 0; bottom: 0;
        z-index: 10;
        pointer-events: none;
    }

    .ficha-tabs .filtro-categorias:before {
        left: 0;
        background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    }

    .ficha-tabs .filtro-categorias:after {
        right: 0;
        width: 15px;
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    }

    #ficha-masinfo .sub-ficha:not(:last-child) {
    border-bottom: 1px solid #dfdfdf;
  }
}

/* Mapa */

#mundo-capas {
    width: 100%;
    height: 500px;
}

/*
 * Below are Cascading Style Sheet (CSS) definitions in use in this file,
 * which allow easily changing how countries are displayed.
 *
 */

/*
 * Circles around small countries
 *
 * Change opacity to 1 to display all circles.
 *
 */
.circlexx
{
   opacity:0;
   fill:#e0e0e0;
   stroke:#000000;
   stroke-width:2;
}

/*
 * Smaller circles around French DOMs and Chinese SARs
 *
 * Change opacity to 1 to display all subnational circles.
 *
 */
.subxx
{
   opacity:0;
   stroke-width:0.3;
}

/*
 * Circles around small, unrecognized countries
 *
 * Change opacity to 1 to display all circles.
 *
 */
.unxx
{
   opacity:0;
   fill:#e0e0e0;
   stroke:#000000;
   stroke-width:0.3;
}

/*
 * Circles around small countries, but with no permanent residents
 *
 * Change opacity to 1 to display all circles.
 *
 */
.noxx
{
   opacity:0;
   fill:#e0e0e0;
   stroke:#000000;
   stroke-width:2;
}

/*
 * land
 */
.landxx
{
   fill: #e0e0e0;
   stroke:#ffffff;
   stroke-width:2;
   fill-rule:evenodd;
}

/*
 * Styles for coastlines of islands with no borders
 */
.coastxx
{
   fill: #e8e8e8;
   stroke:#ffffff;
   stroke-width:0.3;
   fill-rule:evenodd;
}

/*
 * Styles for nations with limited recognition
 */
.limitxx
{
   fill: #e8e8e8;
   stroke:#ffffff;
   stroke-width:0;
   fill-rule:evenodd;
}

/*
 * Styles for nations with no permanent population.
 */
.antxx
{
   fill: #e8e8e8;
   stroke:#ffffff;
   stroke-width:0;
   fill-rule:evenodd;
}

/*
 * Ocean
 */
.oceanxx
{
   opacity: 1;
   color: #000000;
   fill:#ffffff;
   stroke:#000;
   stroke-width:2;
   stroke-miterlimit:1;
}

/*
 * Additional style rules
 *
 * The following are examples of colouring countries.  You can substitute these with your own styles to colour the countries on the map.
 *
 * Color a few countries:
 *
 * .gb, .au, .nc
 * {
 *    fill:       #ff0000;
 * }
 *
 * Color a few small country circles (and the countries):
 *
 * .ms, .ky
 * {
 *    opacity:    1;
 *    fill:       #ff0000;
 * }
 *
 */

@media (max-width: 767px) {
    #crecimiento-grafico {
        width: 100% !important;
        height: auto !important;
    }

    #mundo-capas {
        height: 200px;
    }

    #tabs-caja-ayuda {
        position: static;
        display: block !important;
        margin: 10px 0;
        border: 1px solid #71ead6;
        border-left: 0; border-right: 0;
        padding: 20px 0;
        text-align: center;
        border-radius: 0;
    }

    #tabs-caja-ayuda .info {
        max-width: none;
        display: inline-block;
        padding: 0;
    }

    #tabs-caja-ayuda .ayuda {
        position: static;
    }
}