.principal .card-container {width: 100%; min-height: 280px;} 
.especificos .card-container {width: 100%; min-height: 225px;}
.objetivos h2, .objetivos h3, .objetivos h4 {padding-left: 15px;}
.objetivos h4 {font-size: 1.1em; font-weight: normal;}

.simbologia {border-top: var(--fondo) 1px solid; border-bottom: var(--fondo) 1px solid; padding: 4px 0; margin-bottom: 20px; display: inline-block; width: 100%;}
.simbologia span {float: left; color: var(--fondo);}
.simbologia span strong{color: #333;}
.s-label {text-transform: uppercase; margin-right: 10px; font-weight: bold;}
.s-red:before, .s-yellow:before, .s-green:before {content: '■'; width: 20px; float: left; font-size: 2.3em; line-height: 0; margin-right: 3px; margin-top: 6px; position: relative;}
.s-red:before {color: #EC2333;}
.s-yellow:before {color: #FCD91D;}
.s-green:before {color: #8AC441;}
.s-red:after, .s-yellow:after{content: '│'; width: 10px; margin-left: 15px; color: var(--fondo); font-size: 0.9em;}

.card-container {
  cursor: pointer;
  perspective: 600;
  position: relative;
}
.card {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 0.5s ease-in-out;
  width: 100%;
}
.card:hover {
  transform: rotateY(180deg);
}
.card .side {
  backface-visibility: hidden;
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
}
/*.card .back {
  background: #EC2333;
  text-align: center;
  transform: rotateY(180deg);
  color: #FFF;
  font-size: 1.4em;
  padding: 15px;
}*/
.card .back {
  background: var(--gris-2);
  text-align: center;
  transform: rotateY(180deg);
  color: #000;
  font-size: 1.4em;
  padding: 15px;
}

.objetivos .views-row {margin-bottom: 20px;}

.indicador-title, .indicador-desc, .indicador-date {margin-bottom: 10px; display: block;}
.indicador-title, .card .back {font-family: 'Oswald', sans-serif;}
.indicador-title {font-size: 2em; text-align: center;}
.indicador-date {font-style: italic;}

.s-33, .s-34, .s-35 {padding: 15px;}

.s-33 {background: #EC2333; color: #333;}
.s-34 {background: #FCD91D; color: #333;}
.s-35 {background: #8AC441; color: #333;}

.region-content {
   /* padding: 15px 10px 30px 15px;*/
        overflow: hidden;
}
.page-node-type-article .region-content{min-height: auto;}


.indicadores {width: 100%; margin:20px 0;}

.indicadores h3, .indicadores h4 {width: 100%; margin: 0;}
.indicadores h3 {color: #FFF; padding: 10px;}
.indicadores h4 {color: #333; padding: 8px 15px;}

.indicadores ul span {font-family: 'Oswald', sans-serif;}
.indicadores span.sub {font-size: 0.7em;}

.content{background: #FFF; display: inline-block; width: 100%;}

.content ul {list-style: none; padding: 15px; margin: 0;}

.dg.indicadores h3 {background: url(../img/ico-dimensionE.png) no-repeat 8px 10px; padding-left: 40px;}
.de.indicadores h3 {background: url(../img/ico-dimensionG.png) no-repeat 8px 10px; padding-left: 40px;}
.ds.indicadores h3 {background: url(../img/ico-dimensionS.png) no-repeat 8px 10px; padding-left: 40px;}

.de.indicadores h4 {border-bottom: #3297BA 1px solid;}
.dg.indicadores h4 {border-bottom: #51B75A 1px solid;}
.ds.indicadores h4 {border-bottom: #FAAF3B 1px solid;}

.de.indicadores ul span {color: #3297BA;}
.dg.indicadores ul span {color: #51B75A;}
.ds.indicadores ul span {color: var(--rojo);}

.de {background: #3297BA; padding: 1px;}

.dg {background: #51B75A; padding: 1px;}

.ds {background:var(--rojo); padding: 1px;}

.region-content .content li:before {content: "";}

@media only screen and (max-width : 767px) {
  .simbologia span {clear: both; margin-bottom: 5px;}
  .s-red:after, .s-yellow:after{content: '';}
  .especificos .card-container {min-height: 250px;}
}