@import url("mapa_datos_CCAA.basics.css");

body .bodier .container #mapa-datos-CCAA * {font-family: 'Roboto', sans-serif;}
#mapa-datos-CCAA .title {font-size: 2rem;line-height: 3rem;font-weight: 900;color: #313131;display: block;position: relative;text-align: center;text-transform: uppercase;padding: 1rem 0 0 0;}
#mapa-datos-CCAA .subtitle {font-size:1.8rem;line-height: 2.2rem;font-weight:300;position:relative;display:block;margin-bottom:0;padding:0 0 2rem 0;text-align: center;}
#mapa-datos-CCAA.vista_tabla .subtitle{display:none}

/* ocultar elementos */
#mapa-datos-CCAA span.ico.closed, #mapa-datos-CCAA.vista_tabla .mapBox {display: none;}

/* estructura */
#mapa-datos-CCAA {display: block;font-size: 0;width: 100%;padding-top:1rem;position:relative;overflow: hidden;}
#mapa-datos-CCAA .mapBox {display: inline-block;vertical-align: top;}
#mapa-datos-CCAA .tablaBox, #mapa-datos-CCAA .list-areas {display: inline-block;vertical-align: top;position: relative;}
#mapa-datos-CCAA .mapBox {width: 35%;}
#mapa-datos-CCAA:not(.vista_tabla) .tablaBox {width: 65%;}

#mapa-datos-CCAA .list-areas {width: 100%;}
#mapa-datos-CCAA .list-areas > li {box-shadow: 0 0 0.4rem 0.2rem #ccc;background: #FAFAFA;padding: 0 0 1rem 0;}
#mapa-datos-CCAA .list-areas > li header {background: #393939;padding:0.5rem 1rem;}
#mapa-datos-CCAA .list-areas > li header span {color:#fff;font-size:2rem;line-height:3rem;font-weight:900;text-transform: uppercase;}
#mapa-datos-CCAA .list-areas > li header h3 {padding-bottom: 0;}

#mapa-datos-CCAA .list-areas > li > .sections {display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;overflow: hidden;flex-direction: column;justify-content: flex-start;height: 18.5vw;padding-top: 1rem;}
#mapa-datos-CCAA .list-areas > li > .sections:after {content: "";height: 60%;display: inline-block;position: absolute;left: 50%;top: 25%;border-right: .1rem dotted #ccc;}
#mapa-datos-CCAA .list-areas section {width: 50%;padding: 0 2.5rem 0.5rem 2rem;position: relative;}
#mapa-datos-CCAA .list-areas section:nth-child(n-3) {padding-right: 4.5rem;}
#mapa-datos-CCAA .list-areas section:nth-child(n+4) {padding-left: 3rem;padding-right: 4rem;}
#mapa-datos-CCAA .list-areas section:not(:first-child):before {content: "";display: inline-block;border-top: .1rem dotted #ccc;width: calc(100% + 2rem);}
#mapa-datos-CCAA .list-areas section.muertes_dia:before {content:none}

#mapa-datos-CCAA .list-areas section ul {display: inline-block;width: 100%;position: relative;}
#mapa-datos-CCAA .list-areas section ul > li {font-size:1.5rem;line-height:2rem;font-weight:400;padding:0rem;width:100%;display:inline-block;text-align: right;}
#mapa-datos-CCAA .list-areas section ul > li strong {width:64%;float:left;font-weight:400;line-height: 2rem;padding-right:1%;text-align: left;}

#mapa-datos-CCAA .list-areas section .encabezado {padding: 0.5rem 0 0 0;margin: 0;display: inline-block;width: 100%;position: relative;}
#mapa-datos-CCAA .list-areas section .encabezado span {width: 36%; float: right;display:inline-block;text-align: right;}
#mapa-datos-CCAA .list-areas section > .encabezado,
#mapa-datos-CCAA .list-areas section > .encabezado span{font-size: 1.6rem;line-height: 2rem;letter-spacing: -.2pt;font-weight:700;}
#mapa-datos-CCAA .list-areas header + section > .encabezado {margin: 0;}
#mapa-datos-CCAA .list-areas header + section + section .encabezado {margin: 0;margin-bottom: -1rem;}
#mapa-datos-CCAA .list-areas section .encabezado span,
#mapa-datos-CCAA .list-areas section ul:not([class*="nivel_"]) > li > span:not(.pos):not(.neg) {float: right;}

/* hospitalizados uci */
#mapa-datos-CCAA .list-areas section ul > li.hospitalizados,
#mapa-datos-CCAA .list-areas section ul > li.uci {padding-top: 0.5rem;}
#mapa-datos-CCAA .list-areas section li.nivel_hosp .pacientes:before,
#mapa-datos-CCAA .list-areas section li.nivel_uci .pacientes:before {content:"("}
#mapa-datos-CCAA .list-areas section li.nivel_hosp .pacientes:after,
#mapa-datos-CCAA .list-areas section li.nivel_uci .pacientes:after {content:")"}

/** mapa svg **/
#mapa-datos-CCAA svg > g > path {cursor: pointer;}
#mapa-datos-CCAA svg > g:not(.active) > path:hover {stroke-width:1.2;}
/* leyenda mapa */
#mapa-datos-CCAA .leyenda_mapa ul li[class*="ia_nivel"]:before {content: "";width: 1.2rem;height: 1.2rem;display: inline-block;margin-right:0.4rem;float:none;position: absolute;left: 1.5rem;top: 50%;margin-top: -0.6rem;}

/* fichas active */
#mapa-datos-CCAA:not(.vista_tabla) .list-areas > li {position: absolute;display: inline-block;width: auto;clip: rect(0,0,0,0);opacity: 0;left:auto;right:-100%;
  -webkit-transform: scale(0);-moz-transform: scale(0);-webkit-transition: right .3s ease;-moz-transition: right .3s ease;transition: right .3s ease;}
#mapa-datos-CCAA .list-areas > li.active {position:relative;clip: auto;opacity: 1;overflow: visible;transform: scale(1);right:0;width: 100%;z-index:1}
#mapa-datos-CCAA .list-areas > li.active ~ li.active.pais {position: absolute;top: 0;z-index: 0;opacity:0}
/* close */
#mapa-datos-CCAA:not(.vista_tabla) .list-areas > li:not(.pais) header h3:after {content:"";position:absolute;top:0;right:1rem;left:auto;display:inline-block;width:3rem;height:3rem;cursor:pointer;background:url(/css/rtve.2020.noticias/coronavirus-TE_LCO20VX/mapa-desescalada/i/close_desktop.png);filter:brightness(2)}

/* barras de vacunacion */
#mapa-datos-CCAA .bar {position: relative;left: 0;width: 100%;height: 2.5rem;display: inline-block;margin: 0.5rem 0;}
#mapa-datos-CCAA .bar > span{text-align: left;float: left;height: 100%;width: 100%;position: relative;overflow: visible}
#mapa-datos-CCAA .vacunacion li.pauta_completa strong,
#mapa-datos-CCAA .vacunacion li.al_menos_una_dosis strong {width:70%;font-size: 1.4rem;}

/* niveles de incidencias **/
#mapa-datos-CCAA [class*="nivel_"] {position:relative;}
#mapa-datos-CCAA [class*="nivel_"]:after {content: "";width: 1.2rem;height: 1.2rem;display: inline-block;border-radius: 100%;margin-left: 1rem;position: absolute;top:50%;margin-top: -0.6rem;right: -1.8rem;}

/* tendencia sube o baja */
#mapa-datos-CCAA span[class*="por_variacion"]:after {width: 1.6rem;height: 1.6rem;display: inline-block;margin-left:0.75rem;position:absolute;top:50%;margin-top: -0.8rem;right: -2rem;}

#mapa-datos-CCAA .list-areas section .encabezado span.pos,
#mapa-datos-CCAA .list-areas section .encabezado span.neg {padding-right: 0;font-weight: 400;width: 27%;display: inline-block;}
#mapa-datos-CCAA .list-areas section .encabezado span.pos + span:not(.pos):not(.neg),
#mapa-datos-CCAA .list-areas section .encabezado span.neg+ span:not(.pos):not(.neg) {display: inline-block;width: 25%;padding-right: 0.5rem;}

/** leyenda de tabla **/
#mapa-datos-CCAA .leyenda {display: inline-block;width: 100%;position: relative;padding: 1rem 0;text-align:right}
#mapa-datos-CCAA .leyenda > div {display: inline-block;width:100%}
#mapa-datos-CCAA .leyenda * {font-size: 1.3rem;line-height: 2rem;font-weight: 400;}
#mapa-datos-CCAA .leyenda ul li {display: inline-block;width: auto;padding-left: 3rem;position:relative}
#mapa-datos-CCAA .leyenda span, #mapa-datos-CCAA .leyenda ul {display: inline-block;width: auto;}
#mapa-datos-CCAA.vista_tabla .leyenda .leyenda_mapa {display:none}
/* niveles incidencias */
#mapa-datos-CCAA .leyenda_tabla ul li.nivel:before {content: "";width: 1.2rem;height: 1.2rem;display: inline-block;border-radius: 100%;margin-right:0.4rem;float: none;position: absolute;left: 1.5rem;top: 50%;margin-top: -0.6rem;}
/* tendencia sube abja */
#mapa-datos-CCAA .valorcion  {position:relative;}
#mapa-datos-CCAA .valorcion:before {width: 1.6rem;height: 1.6rem;display: inline-block;margin-right:0.5rem;vertical-align:middle}
/* fuente */
#mapa-datos-CCAA .footer {width: 100%;display: inline-block;font-size: 1.4rem;font-weight: 400;text-align: right;line-height: 2rem;padding: 0 1rem 0 0;margin:0}

/** minuto a minuto **/
.minuto_a_minuto #mapa-datos-CCAA .mapBox, .minuto_a_minuto #mapa-datos-CCAA .tablaBox {width: 50%;}
.minuto_a_minuto #mapa-datos-CCAA .tablaBox {position: static;}
.minuto_a_minuto #mapa-datos-CCAA .list-areas > li > .sections,
.p_final .artBody .minuto_a_minuto #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas > li > .sections {height:auto}
.minuto_a_minuto #mapa-datos-CCAA .list-areas > li > .sections:after {content:none}
.minuto_a_minuto #mapa-datos-CCAA .list-areas > li > .sections section {width:100%}

.minuto_a_minuto #mapa-datos-CCAA .list-areas section ul > li {font-size:1.4rem;line-height: 1.8rem;}
.minuto_a_minuto #mapa-datos-CCAA .list-areas > li header span {font-size:1.6rem;line-height: 2rem;}
.minuto_a_minuto #mapa-datos-CCAA .list-areas section > .encabezado, .minuto_a_minuto #mapa-datos-CCAA .list-areas section > .encabezado span,
.minuto_a_minuto #mapa-datos-CCAA .list-areas section ul > li, #mapa-datos-CCAA .list-areas section ul > li strong {font-size:1.4rem;line-height: 1.8rem;}

.minuto_a_minuto #mapa-datos-CCAA .list-areas section ul {background: transparent;}
.minuto_a_minuto #mapa-datos-CCAA .bar {height: 2.5rem;margin: 0;}
.minuto_a_minuto #mapa-datos-CCAA .leyenda,
.p_final .artBody .minuto_a_minuto #mapa-datos-CCAA.smallBox:not(.vista_tabla) .leyenda {width: 50%;position: absolute;top:auto;bottom: 5rem;left: 0;text-align: left;}
.minuto_a_minuto #mapa-datos-CCAA .leyenda_tabla {padding-top:0.5rem}

/* */

/* ajustes para pf noticias */
[class*="p_final.tematic"] div#mapa-datos-CCAA .list-areas {display: none;}
.article .summary #mapa-datos-CCAA li:before {content:none}
.article .summary #mapa-datos-CCAA p + ul, .article .summary #mapa-datos-CCAA li {border:none;text-indent: 0;}

.p_final .artBody #mapa-datos-CCAA {background: #f5f5f5; padding:0}
.p_final .artBody #mapa-datos-CCAA .title, .p_final .artBody #mapa-datos-CCAA .subtitle, .p_final .artBody #mapa-datos-CCAA .footer {background: #fff;}
.p_final .artBody #mapa-datos-CCAA .title {padding: 2rem 0 0 0;}
.p_final .artBody #mapa-datos-CCAA:not(.vista_tabla) .tablaBox {padding: 2rem 2rem 0 0;}
.p_final .artBody #mapa-datos-CCAA.vista_tabla .tablaBox {padding:2rem}
.p_final .artBody #mapa-datos-CCAA .footer {padding: 1rem 2rem 2rem 0;}
.p_final .artBody #mapa-datos-CCAA .mapBox {padding:2rem 1rem 0 1rem}

.p_final .artBody > .rtve-embed > #mapa-datos-CCAA:not(.vista_tabla) .list-areas > li header span,
.p_final .artBody > #mapa-datos-CCAA:not(.vista_tabla) .list-areas > li header span {font-size: 1.8rem;}
.p_final .artBody > .rtve-embed > #mapa-datos-CCAA:not(.vista_tabla) .list-areas section > h4,
.p_final .artBody > .rtve-embed > #mapa-datos-CCAA:not(.vista_tabla) .list-areas section > h4 span,
.p_final .artBody > #mapa-datos-CCAA:not(.vista_tabla) .list-areas section > h4,
.p_final .artBody > #mapa-datos-CCAA:not(.vista_tabla) .list-areas section > h4 span {font-size: 1.5rem;}
.p_final .artBody > .rtve-embed > #mapa-datos-CCAA:not(.vista_tabla) .list-areas section ul > li,
.p_final .artBody > .rtve-embed > #mapa-datos-CCAA:not(.vista_tabla) .list-areas:after,
.p_final .artBody > #mapa-datos-CCAA:not(.vista_tabla) .list-areas section ul > li,
.p_final .artBody > #mapa-datos-CCAA:not(.vista_tabla) .list-areas:after {font-size: 1.4rem;line-height: 2rem;}
.p_final .artBody > .rtve-embed > #mapa-datos-CCAA:not(.vista_tabla) .list-areas section ul > li .data span strong,
.p_final .artBody > #mapa-datos-CCAA:not(.vista_tabla) .list-areas section ul > li .data span strong {font-size:1.3rem;letter-spacing:-0.3pt}

/* .p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .mapBox {width: 50%;}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .tablaBox {width: 50%;}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas > li > .sections {height:auto}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas section {width:100%} */
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) {background:transparent}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .tablaBox {padding:0}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas > li > .sections {height:12.5vw}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas section:nth-child(n-3) {padding-left: 1rem;padding-right: 3rem;}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas section:nth-child(n+4) {padding-right: 3rem;padding-left: 1rem;}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas > li > .sections:after {content:none}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas section > .encabezado,
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas section > .encabezado span {font-size:1.4rem;line-height: 1.8rem;}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .vacunacion li.pauta_completa strong,
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .vacunacion li.al_menos_una_dosis strong  {font-size:1.3rem;line-height: 1.7rem;}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .leyenda {width:140%;float:right}

@media only screen and (min-width: 1161px){
#mapa-datos-CCAA .list-areas > li > .sections {height:21vw;}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas > li > .sections {height:17.5vw}
}
@media only screen and (min-width: 1248px) and (max-width:1308px){
 #mapa-datos-CCAA .list-areas > li > .sections {height: 20vw;}
}
@media only screen and (min-width: 1309px) and (max-width:1380px){
 #mapa-datos-CCAA .list-areas > li > .sections {height: 19vw;}
}
@media only screen and (min-width: 1380px) and (max-width:1440px){
 #mapa-datos-CCAA .list-areas > li > .sections {height: 18vw;}
}
@media only screen and (min-width: 1441px){
#mapa-datos-CCAA .list-areas > li > .sections {height: 17vw;}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas > li > .sections {height:18.5vw}
}
@media only screen and (min-width: 1541px) and (max-width:1633px){
 #mapa-datos-CCAA .list-areas > li > .sections {height: 16vw;}
}
@media only screen and (min-width: 1634px){
#mapa-datos-CCAA .list-areas > li > .sections {height: 15vw;}
}
@media only screen and (min-width: 1708px){
#mapa-datos-CCAA .list-areas > li > .sections {height: 15vw;}
}
@media only screen and (min-width: 1747px){
#mapa-datos-CCAA .list-areas > li > .sections {height: 14vw;}
}
@media only screen and (min-width: 1870px){
#mapa-datos-CCAA .list-areas > li > .sections {height: 13vw;}
.p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas > li > .sections {height:12.5vw;}
}
@media only screen and (max-width:1160px) {
   #mapa-datos-CCAA:not(.vista_tabla) .list-areas > li > .sections,
  .p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas > li > .sections {height: auto;}
  #mapa-datos-CCAA:not(.vista_tabla) .list-areas > li section {width:100%;}
  #mapa-datos-CCAA:not(.vista_tabla) .mapBox , #mapa-datos-CCAA:not(.vista_tabla) .tablaBox {width: 50%;}
  #mapa-datos-CCAA .list-areas section.muertes_dia:before {content:""}
  #mapa-datos-CCAA .list-areas > li > .sections:after {content:none}
  #mapa-datos-CCAA .list-areas section:nth-child(n-3) {padding-left: 2rem;padding-right: 4rem;}
  #mapa-datos-CCAA .list-areas section:nth-child(n+4) {padding-right: 4rem;padding-left: 2rem;}

  #mapa-datos-CCAA .leyenda {float: right;}

  #mapa-datos-CCAA .list-areas > li > .sections {height: 23vw;}
   #mapa-datos-CCAA.vista_tabla .list-areas > li > .sections {height: 22vw;}
}

@media only screen and (max-width:1000px) {
.minuto_a_minuto #mapa-datos-CCAA .list-areas .sections {height:100%}
.minuto_a_minuto #mapa-datos-CCAA .list-areas section {width: 100%;display:inline-block;position:relative;}
  #mapa-datos-CCAA .list-areas section.muertes_dia:before {content:""}

#mapa-datos-CCAA .list-areas > li > .sections {height: 26vw;}
 #mapa-datos-CCAA.vista_tabla .list-areas > li > .sections {height: 27vw;}
}



@media only screen and (max-width:800px) {
  #mapa-datos-CCAA .list-areas section > .encabezado,
  #mapa-datos-CCAA .list-areas section > .encabezado span {font-size:1.4rem;line-height: 2.4rem}
  #mapa-datos-CCAA .list-areas section ul > li {font-size:1.3rem;line-height: 1.7rem;}

  #mapa-datos-CCAA.vista_tabla .list-areas > li > .sections {height: 35vw;}
  /* #mapa-datos-CCAA.infoBox .list-areas > li > .sections {height: auto;}
  #mapa-datos-CCAA.vista_tabla .list-areas section {width: 100%;display:inline-block;position:relative;}
    #mapa-datos-CCAA .list-areas section.muertes_dia:before {content:""}
      #mapa-datos-CCAA .list-areas > li > .sections:after {content:none}
      #mapa-datos-CCAA.vista_tabla .list-areas section:nth-child(n-3) {padding-left: 1rem;padding-right: 3rem;}
      #mapa-datos-CCAA.vista_tabla .list-areas section:nth-child(n+4) {padding-right: 3rem;padding-left: 1rem;} */

  .minuto_a_minuto #mapa-datos-CCAA .mapBox,
  .minuto_a_minuto #mapa-datos-CCAA .tablaBox,
  .p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .mapBox,
  .p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .tablaBox,
    .p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .leyenda {width:100%}

  .minuto_a_minuto #mapa-datos-CCAA .list-areas section > .encabezado, .minuto_a_minuto #mapa-datos-CCAA .list-areas section > .encabezado span,
  .minuto_a_minuto #mapa-datos-CCAA .list-areas section ul > li,   .minuto_a_minuto  #mapa-datos-CCAA .list-areas section ul > li strong {font-size:1.6rem;line-height:2rem;}

  .minuto_a_minuto #mapa-datos-CCAA .leyenda,
  .p_final .artBody .minuto_a_minuto #mapa-datos-CCAA.smallBox:not(.vista_tabla) .leyenda {width: 100%;position: static;}


}
@media only screen and (max-width:700px) {
  /* vista tabla al 100% */
  #mapa-datos-CCAA .mapBox:not(.vista_tabla), #mapa-datos-CCAA:not(.vista_tabla) .tablaBox,
  .p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .leyenda  {width: 100%;}
  #mapa-datos-CCAA .list-areas {width: 100%;display:block;}
  #mapa-datos-CCAA .list-areas > li {width: 100%;display: block;padding: 0;}

  #mapa-datos-CCAA.infoBox .list-areas > li > .sections,
  .p_final .artBody #mapa-datos-CCAA.smallBox:not(.vista_tabla) .list-areas > li > .sections {height: auto;}
  #mapa-datos-CCAA .list-areas section {width: 100%;display:inline-block;position:relative;}
  #mapa-datos-CCAA .list-areas section ul > li {width: 100%;display: inline-block;}
    #mapa-datos-CCAA .list-areas section.muertes_dia:before {content:""}
    #mapa-datos-CCAA .list-areas > li > .sections:after {content:none}
    #mapa-datos-CCAA.vista_tabla .list-areas section:nth-child(n-3) {padding-left: 1rem;padding-right: 3rem;}
    #mapa-datos-CCAA.vista_tabla .list-areas section:nth-child(n+4) {padding-right: 3rem;padding-left: 1rem;}

}