@font-face {
  /*Titulacos*/
  font-family: "BrushKing";
  src: url("/css/Brush-King.woff2") format("woff2"), url("/css/Brush-King.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display:swap;
}
@font-face {
  font-family: "GothamRounded";
  src: url("/css/GothamRounded-Medium.woff2") format("woff2"), url("/css/GothamRounded-Medium.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display:swap;
}
@font-face {
  font-family: "GothamRounded";
  src: url("/css/GothamRounded-Bold.woff2") format("woff2"), url("/css/GothamRounded-Bold.woff") format("woff");
  font-style: normal;
  font-weight: bold;
  font-display:swap;
}
@font-face {
  font-family: 'Gotham Rounded Book';
  src: url('GothamRounded-Book.woff2') format('woff2'), url('GothamRounded-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  scroll-behavior: smooth;
  /**/
  --f_titulacos: "BrushKing", sans-serif;
  --f_menus:"GothamRounded", sans-serif;
  --f_textos: 'GothamRounded', sans-serif;
  --f_textosblog: 'Gotham Rounded Book', sans-serif;
  --c1: #58934c;
  --c2:#D46F5D;
  --c3:#B2C6A3;
  --c4:#213E0E;
  --c5:#BED851;
  --c6:#1B3A2A;
  --c7:#ECF2E6;
  /*varios*/
  --ancho_cabecera:1500px;
  --max_ancho_contenido:1180px;
  --max_ancho_contenido2:1350px;
  --max_ancho_texto:900px;
}
*, *:before, *:after {
  box-sizing: border-box;
}
body {
  background: #FFF;
  margin: 0 auto;
  font-family:var(--f_textos);
  font-weight: 300;
  font-size: 100%;
  font-style: normal;
  /*overflow-x: hidden;*/
  height: 100%;
  min-height: 100%;
  color: #666;
  background: #FFF;
  /*max-width: 1500px;*/
}
b, strong {
  font-weight: 500;
}
.cont_body {
  background: #FFF;
  max-width: 1184px;
  margin: 0 auto;
  padding: 10px;
  padding-bottom: 40px;
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-weight: 300;
}
figure {
  margin: 0px;
}
h1, h2, h3, h4, h5 {
  font-weight: inherit;
  font-family:var(--f_titulos);
  margin: 0;
}
h1 {
  font-size: 1.875rem;
}
h2 {
  font-size: 1.875rem;
}
button {
  cursor: pointer;
}
button[type=submit]:disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}
p {
  display: block;
  margin: 0 0 1rem 0;
  line-height: 1.3;
}
ul {
  list-style-type: none;
  padding: 0;
}
a {
  text-decoration: none;
  color: inherit;
}
dl, dt, dd {
  margin: 0;
}
#cargando {
  position: fixed;
  display: none;
  z-index: 1000000000;
  top: 50px;
  right: 50px;
  background: url(/imgs/cargando.svg) 0 0 / 100% no-repeat #FFF;
  border-radius: 50%;
  box-shadow: 0 0 15px #FFF;
  width: 60px;
  height: 60px;
  animation: loop 2s infinite linear;
}
@keyframes loop {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.botonera button, .btn {
  border: none;
  background-color:var(--c2);
  text-shadow: none;
  color: #FFF;
  padding: 20px 20px;
  border-radius: 10px;
  display: inline-block;
  cursor: pointer;
  line-height: 1rem;
  font-family: inherit;
  font-weight: 400;
}
.msg {
  border-radius: 2px;
  border: 1px solid #12A112;
  padding: 5px 7px 5px 10px;
  text-transform: uppercase;
  color: #12A112;
  background-color: #E1FBDC;
  display: none;
  text-align: center !important;
  /*font: 300 14px / 1.3em 'Roboto', sans-serif;*/
  font-size: 0.8rem;
  margin-bottom: 10px;
}
.msg.ver {
  display: block;
}
.msg a {
  text-decoration: underline;
}
.msg.error {
  color: #C00;
  border-color: #C00;
  background-color: #FFCFCF;
}
.msg.info {
  color: #000;
  border-color: #AAA;
  background-color: transparent;
}
.desactivado {
  opacity: 0.5;
  pointer-events: none;
}
/*.cont_max, main {
  position: relative;
  padding: 20px 10px 10px;
}*/
.ilightbox {
  cursor: pointer;
}
.videoEmbed {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  /*padding-top:25px*/
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.videoEmbed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoEmbed video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.max_w0 {
  max-width:var(--ancho_cabecera);
  margin: 0 auto;
}
.max_w {
  max-width:var(--max_ancho_contenido);
  margin: 0 auto;
}
.max_w2 {
  max-width:var(--max_ancho_contenido2);
  margin: 0 auto;
}
.titulaco {
  font-family:var(--f_titulacos);
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 2;
  --tilde_blanca: url(/imgs/tilde_blanca.svg);
  --tilde_verde: url(/imgs/tilde_verde.svg);
  --tilde:var(--tilde_blanca);
  color: #FFF;
  text-align: center;
}
.tilde {
  position: relative;
  background:var(--tilde) 100% 0% no-repeat;
}
.solo_pc {
  display: none;
}
/*.tilde::after {
  content: "";
  position: absolute;
  top: 0;
  width: 5px;
  height: 18px;
  background:var(--tit_color);
  left: 66%;
  transform: rotate(45deg);
}*/
/*Custom checkbox*/
label.check {
  display: flex !important;
  text-align: left;
  margin: 0 20px 10px 0;
  justify-content: flex-start;
  --ancho-radio: 20px;
  align-items: center;
}
label.check input {
  display: none;
}
label.check span {
  cursor: pointer;
  position: relative;
  font-size: 0.8rem;
  position: relative;
  display: inline-block;
}
label.check .tick {
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  flex:0 0 var(--ancho-radio);
  width:var(--ancho-radio);
  height:var(--ancho-radio);
  border:2px solid var(--c1);
  font-size: 1rem;
  color: transparent;
  border-radius: 50%;
}
label.check .tick:after {
  content: "✓";
}
label.check input:checked + .tick {
  color: #FFF;
  background:var(--c1);
}
/*Custom checkbox*/
.listado_checks label.check {
  display: inline-block;
  text-align: left;
  margin: 0 20px 0 0;
  --ancho-radio: 14px;
}
.listado_checks label.check input {
  display: none;
}
.listado_checks label.check span {
  cursor: pointer;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  font-size: 0.8rem;
}
.listado_checks label.check input:disabled + span {
  display: none;
}
.listado_checks label.check span:hover:before {
  box-shadow:0px 0px 2px 0px var(--c1);
}
.listado_checks label.check span:before {
  /*content: "✗";*/
  content: "✓";
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  width:var(--ancho-radio);
  height:var(--ancho-radio);
  box-shadow: 0px 4px 6px -3px #CCC;
  border-radius: 2px;
  border:1px solid var(--c1);
  font-size: 1rem;
  color: transparent;
}
.listado_checks label.check input:checked + span:before {
  color:var(--c1);
}
.listado_checks {
  height: 300px;
  min-width: 230px;
  overflow-y: auto;
  border: 1px solid #CCC;
}
.listado_checks .check {
  display: block;
  padding: 15px 10px;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid #CCC;
}
.listado_checks .check:nth-child(even) {
  background: #F4F4F4;
}
.listado_checks .check.guardada + .check:not(.guardada) {
  border-top: 2px solid #000;
}
.listado_checks .grp > span {
  font-weight: 500;
  padding: 5px;
  font-size: 0.8rem;
  border-bottom: 1px solid #CCC;
  display: block;
}
.listado_checks .grp .check {
  padding-left: 25px;
}
.listado_checks .grp .check:last-child {
  border-bottom: none;
}
.listado_checks .grp:not(:last-of-type) {
  border-bottom: 1px solid #000;
}
.desplegable {
  position: relative;
  background: white;
  margin-bottom: 30px;
}
.desplegable > .desplegable_titulo {
  position: relative;
  background: url(/imgs/desplegar.svg) calc(100% - 10px) 55% / 12px auto no-repeat;
  padding: 8px 36px 8px 16px;
  cursor: pointer;
  border-radius: 3px;
  display: inline-block;
  font-size: 1.1rem;
  border:1px solid var(--c1);
  width: 100%;
  color: ;
  color:var(--c4);
}
.desplegable.ver > .desplegable_titulo {
  background: url(/imgs/plegar.svg) calc(100% - 10px) 50% / 12px auto no-repeat;
}
.desplegable > .desplegable_cont {
  display: none;
}
.desplegable.ver > .desplegable_cont {
  display: block;
  position: absolute;
  background: #FFF;
  box-shadow: 1px 3px 9px -4px #000;
  z-index: 999;
}
.desplegable .listado_checks {
  height: auto;
  max-height: 300px;
  width: 100%;
}
.desplegable > .desplegable_titulo {
  color: #666;
  font-size: 0.875rem;
}
/*max con borde en movil*/
.max_wb {
  margin: 0 10px;
}
@media (min-width: 1200px) {
  .max_wb {
    max-width:var(--max_ancho_contenido);
    margin: 0 auto;
  }
}
.max_wb3 {
  margin: 0 10px;
}
@media (min-width: 1020px) {
  .max_wb3 {
    max-width:var(--max_ancho_texto);
    margin: 0 auto;
  }
}
/*cabecera*/
.pHeader {
  text-align: left;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  background: #FFF;
  color:var(--c1);
}
.bRecuperar_usuario .pHeader {
  position: relative;
}
main {
  padding-top: 150px;
}
.pHeader .txt_completo {
  display: none;
}
.pHeader .logo_ecovidrio {
  width: 120px;
  margin: 45px 0 20px auto;
  display: block;
}
.pHeader .logo_ecovidrio img {
  width: 100%;
  height: auto;
}
#menu {
  text-align: left;
  /*padding: 0 10px 20px;*/
  display: flex;
  align-items: center;
  position: relative;
  text-transform: uppercase;
}
#menu0 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  text-transform: uppercase;
  justify-content: center;
}
#logo {
  background: url(/imgs/ecolatras-by-ecovidrio.svg) 0 0 / 100% no-repeat;
  text-indent: -1000000px !important;
  top: 50px;
  width: 160px;
  height: 35px;
  margin: 45px 0 0;
  margin-bottom: 20px;
}
#logo a {
  display: block;
  width: 100%;
  height: 100%;
}
#menu0 nav {
  font-size: 0.875rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
}
#menu0 nav img {
  border-radius: 50%;
  margin-left: 5px;
  position: absolute;
  right: -30px;
  top: 1px;
  vertical-align: bottom;
}
@media (min-width: 600px) {
  .pHeader .txt_completo {
    display: initial;
  }
  #menu0 {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
  #logo {
    background: url(/imgs/ecolatras-by-ecovidrio.svg) 0 0 / 100% no-repeat;
    text-indent: -1000000px !important;
    width: 190px;
    height: 39px;
    margin: -31px 0 0 49px;
  }
  #menu0 nav {
    justify-content: center;
  }
  #menu0 nav a {
    margin-left: 30px;
    background-color:var(--c2);
    text-shadow: none;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 6px;
  }
  .pHeader .logo_ecovidrio {
    width: 150px;
    margin: -6px 0 20px auto;
  }
  main {
    padding-top: 115px;
  }
}
/*Menú hamburguesa*/
#botonMenu {
  cursor: pointer;
  background: #FFF;
  height: 40px;
  width: 40px;
  border-radius: 30px;
  border-width: 4px 0;
  display: inline-block;
  position: fixed;
  z-index: 100;
  left: 10px;
  top: 10px;
}
#botonMenu::after {
  display: block;
  height: 4px;
  width: 25px;
  content: ' ';
  margin-top: 4px;
  position: absolute;
  top: 23px;
  left: 8px;
  background:var(--c1);
}
#botonMenu::before {
  border:4px solid var(--c1);
  border-right: none;
  border-left: none;
  display: block;
  position: absolute;
  top: 7px;
  left: 8px;
  height: 12px;
  width: 25px;
  content: ' ';
  margin-top: 4px;
}
#menu {
  display: none;
  font-weight: 300;
  /*position: relative;*/
}
#menu > .cerrar {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.8rem;
  cursor: pointer;
  display: inline-block;
  padding: 5px 5px 10px 5px;
}
body.ham {
  overflow-y: hidden;
}
#apagon {
  display: none;
}
.ham .apagon {
  opacity: 0.4;
  background: #000;
  display: block;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9;
}
.ham #menu {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  color: #FFF;
  background-color:var(--c1);
  z-index: 9999999;
  padding: 5px 0 20px;
  box-shadow: 0 0 17px #444;
  width: 300px;
  overflow-y: scroll;
  animation: menuIn 0.6s;
}
.ham #menu:after {
  background: url("../imgs/ecolatras-completo-blanco.svg") 13px 8px / 150px no-repeat;
  content: " ";
  position: absolute;
  width: 170px;
  top: 0;
  left: 0;
  height: 60px;
  opacity: 0.5;
}
.ham #cerrarMenu {
  display: block;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 40px;
  cursor: pointer;
}
.ham .pHeader {
  position: relative;
  z-index: auto;
}
@keyframes menuIn {
  from {
    left: -300px;
  }
  to {
    left: 0;
  }
}
.ham #menu > ul {
  margin-top: 35px;
}
.ham #menu > ul ul {
  margin-top: 10px;
}
.ham #menu > ul ul li {
  padding: 0;
}
.ham #menu > ul ul li a {
  display: block;
  font-size: 1.1rem;
  padding: 15px 0 15px 20px;
}
.ham #menu > ul li a {
  display: block;
}
.ham #menu > ul li a#Blog-Menu:after {
  display: inline-block;
  position: absolute;
  content: " ";
  height: 15px;
  width: 15px;
  background: url(/imgs/bg_flecha.svg) 0 0 / contain no-repeat;
  margin: 2px 0 0 20px;
}
.ham #menu > ul li.ver a#Blog-Menu:after {
  transform: rotate(90deg);
  margin-top: 6px;
}
.ham #menu > ul li {
  padding: 20px;
  white-space: nowrap;
}
.ham #menu > ul > li {
  padding: 20px;
  font-weight: 300;
  border-bottom: 1px solid #FFF;
}
#menu > ul > li > a {
  text-transform: uppercase;
}
.ham #menu > ul > li:last-of-type {
  border-bottom: none;
}
#menu li {
  font-size: 1.2rem;
}
#menu #familias h2 {
  background: #F9660A;
  padding: 5px 15px 5px 5px;
  text-align: left;
  margin-top: 20px;
  font-size: 1rem;
}
#menu #familias img {
  margin-right: 10px;
  vertical-align: top;
}
#menu #familias li {
  padding: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 0.812rem;
}
#menu .menu-blog .submPpal {
  display: none;
  position: relative;
}
#menu .menu-blog.ver .submPpal {
  display: block;
}
#menu .menu-blog .submPpal li a {
  font-size: 0.9rem;
  white-space: normal;
  text-transform: none;
  opacity: 0.8;
}
body > header .info {
  display: none;
  text-align: right;
  font-family: 'Futured', sans-serif;
}
body > header .info .tel {
  font-size: 1.5rem;
  display: block;
  color: #F9660A;
}
body > header .info .mail {
  font-size: 0.7rem;
  display: block;
  text-transform: uppercase;
}
.ham #menu .solo_movil {
  margin-top: 85px;
  opacity: 0.5;
}
.ham #menu .solo_movil a {
  display: flex;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 20px;
}
.ham #menu .solo_movil a img {
  border-radius: 50%;
  margin-right: 10px;
}
/*Contenidos web*/
#bContacto #mContacto {
  max-width: 850px;
}
.mContenidosWeb {
  /*max-width: 800px;*/
}
.mContenidosWeb .img_principal {
  margin-bottom: 20px;
}
.mContenidosWeb .img_principal img {
  max-width: 100%;
  display: block;
}
.mContenidosWeb h1 {
  margin: 25px 0;
  text-align: center;
  color:var(--c1);
}
/*contenido_html*/
.contenido_html {
  font-size: 0.9rem;
  line-height: 1.5;
}
.contenido_html b {
  font-weight: bold;
}
.contenido_html p {
  margin: 0 0 20px;
  line-height: 1.5;
}
.bBlog .contenido_html p {
  font-family:var(--f_textosblog);
  font-size: 0.95rem;
}
.contenido_html p:last-child {
  margin: 0;
}
.contenido_html h2 {
  font-weight: bold;
  letter-spacing: 1px;
  margin: 30px 0 10px;
}
.contenido_html strong, .contenido_html b {
  font-weight: bold;
  color:var(--c1);
}
.contenido_html img {
  max-width: 100% !important;
  height: auto !important;
}
.contenido_html ul {
  padding: 10px 40px;
  list-style-type: square;
  line-height: 2em;
}
.contenido_html .videoEmbed {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.contenido_html .videoEmbed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.contenido_html table {
  border: none;
  border-collapse: collapse;
  text-align: initial;
}
.contenido_html tr:nth-child(odd) {
  background: #EEE;
}
.contenido_html tr:first-of-type {
  font-size: 1rem;
  font-weight: 500;
  background: #000;
  color: #FFF;
}
.contenido_html td {
  border: none;
  padding: 6px 10px;
}
.contenido_html a[href] {
  text-decoration: underline;
  color:var(--c1);
}
/*MODAL*/
body.modal_ver {
  overflow: hidden;
  padding-right: 17px;
}
body.modal_ver #modal {
  transform: scale(1);
  z-index: 9999;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.5);
}
body.modal_ver #modal .cont_contenido {
  transform: scale(1);
  transition: all 0.3s linear;
}
body.modal_ver .cont_body {
  filter: blur(1px);
}
/*MODALES*/
.modal.ver {
  transform: scale(1);
  z-index: 999999;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.7);
}
.modal {
  position: fixed;
  background: none;
  z-index: -1;
  transform: scale(0);
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  overflow: auto;
  text-align: center;
  transition: background 0.3s linear;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .cont_contenido {
  position: relative;
  transform: scale(0);
  /*transition: all 0.3s ease-out;*/
  transform-origin: center;
  width: 600px;
  max-width: calc(100% - 10px);
  border-radius: 10px;
  font-size: 0.875rem;
  background: #FFF;
  padding: 30px 15px;
  color: #000;
  text-align: left;
}
.modal.ver .cont_contenido {
  transform: scale(1);
  transition: all 0.3s ease-out;
}
.modal .cerrar {
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: 700;
  font-size: 2rem;
  cursor: pointer;
  line-height: 0.5;
  color:var(--c5);
  z-index: 999999;
}
body.body_modal .cont_body {
  /*filter: blur(1px);*/
}
body.body_modal {
  overflow: hidden;
  padding-right: 17px;
}
.modal h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2rem;
  color:var(--c2);
  font-family:var(--f_titulacos);
}
.modal_msg .cont_contenido {
  text-align: center;
  width: 450px;
}
.modal_msg .contenido {
  margin-bottom: 30px;
  color:var(--c1);
}
.modal_msg .botonera {
  display: flex;
  justify-content: space-around;
}
@media screen and (min-width: 700px) {
  .modal .cont_contenido {
    padding: 30px;
  }
}
/*INICIO*/
.bInicio .btn {
  background:var(--c2);
  border-radius: 10px;
  color: #FFF;
}
.bInicio section {
  margin-bottom: 40px;
}
.bInicio section.fondo {
  position: relative;
  color: #FFF;
  height: 450px;
}
.bInicio .fondo img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
  display: none;
}
.bInicio section.ecolatras.fondo {
  background: url(../thumb.php?w=768&i=archivos/portada/1.jpg) 50% 50% / cover;
}
.bInicio section.apoyar.fondo {
  background: url(../thumb.php?w=768&i=archivos/portada/2.jpg) 50% 50% / cover;
}
.bInicio section.crear.fondo {
  background: url(../thumb.php?w=768&i=archivos/portada/3.jpg) 50% 50% / cover;
}
.bInicio section.hazte.fondo {
  background: url(../thumb.php?w=768&i=archivos/portada/4.jpg) 50% 50% / cover;
}
.bInicio .hazte h2 {
  line-height: 2;
}
.bInicio .w_texto {
  text-align: center;
  text-transform: uppercase;
  padding: 50px 15px 0;
  /*position: absolute;*/
  bottom: 40px;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-shadow: 0 0 5px #000000;
}
.bInicio .w_texto > :last-child {
  margin-top: auto;
  margin: auto 0 30px;
  align-self: center;
}
.bInicio .w_texto h2 {
  margin-bottom: 10px;
}
.bInicio .w_texto h1 {
  margin-bottom: 10px;
}
.bInicio .w_texto p {
  line-height: 1.4;
}
.bInicio section > h2 {
  text-align: center;
  padding: 0 15px;
  color:var(--c1);
}
.bInicio .w_iniciativas {
  margin-top: -40px;
}
.bInicio .somos {
  display: flex;
  flex-direction: column;
  color:var(--c1);
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.bInicio .somos p {
  margin: 30px 0;
}
.bInicio .somos .tres {
  font-size: 1.84rem;
}
.bInicio .somos .num_bloq {
  margin: 5px 0;
}
.bInicio .somos .num_bloq li {
  display: inline-block;
  padding: 5px 5px;
  margin: 0 5px;
  background:var(--c1);
  color: #FFF;
  line-height: 1;
}
.bInicio .objetivo {
  color:var(--c1);
  background:var(--c5);
  text-align: center;
  text-transform: uppercase;
  padding: 50px 15px 80px;
  margin-bottom: 0;
  font-weight: bold;
}
.bInicio .objetivo p {
  max-width: 600px;
  margin: 0 auto 20px;
}
.bInicio .miniglu {
  color: #FFF;
  background:var(--c1);
  position: relative;
  padding: 60px 10px 30px;
  font-size: 1.2rem;
  /*margin-top: 100px;*/
}
.bInicio .miniglu a {
  text-decoration: underline;
}
.bInicio .miniglu p {
  margin: 0;
  text-align: center;
}
.bInicio .miniglu img {
  position: absolute;
  top: -46px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: auto;
  height: 100px;
}
@media screen and (max-width: 1000px) {
  .bInicio .listado_blog article:nth-child(1n+4) {
    display: none;
  }
}
.bInicio .colaboradores {
  color:var(--c1);
  padding: 30px;
  margin-bottom: 30px;
}
.bInicio .colaboradores .w_logos {
  background: #FFF;
  display: flex;
  justify-content: left;
  overflow-x: scroll;
  scrollbar-width:none;
}
.bInicio .colaboradores .w_logos::-webkit-scrollbar {
  /* Chrome/Safari/Webkit */
  width: 0px;
  height: 0px;
  display: none;
  background: transparent;
}
.bInicio .colaboradores .w_logos a {
  margin-right: 30px;
}
.bInicio .colaboradores h2 {
  margin: 0 0 30px 0;
}
/*@media screen and (min-width: 1000px) {
  .bInicio .colaboradores .w_logos {
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    margin: 20px 30px;
  }
  .bInicio .colaboradores .w_logos a {
    margin-bottom: 20px;
  }
}*/
/*AYUDANOS*/
.bInicio .ayudanos {
  background: #FFF;
  padding: 40px 20px 0;
  text-align: center;
  position: relative;
  z-index: 0;
}
.bInicio .ayudanos .btn {
  text-decoration: none;
  color: #FFF;
}
.bInicio .ayudanos h2 {
  margin: 0px 0 20px;
  color:var(--c1);
  text-transform: uppercase;
  line-height: 1.3;
}
.bInicio .ayudanos img {
  width: 100%;
  height: auto;
  display: block;
}
.bInicio .ayudanos .contenido_html {
  font-size: 1.1rem;
  z-index: 23333;
  position: relative;
  text-align: left;
  padding-bottom: 40px;
}
.bInicio .ayudanos figure {
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
}
.bInicio .ayudanos .contenido_html strong {
  color:var(--c2);
  white-space: nowrap;
}
.bInicio .ayudanos .contenido_html .nowrap {
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .bInicio .ayudanos {
    display: flex;
    text-align: left;
    justify-content: center;
    margin: 0 60px;
    max-width: 800px;
  }
  .bInicio .ayudanos figure {
    flex: 0 0 40%;
    align-self: flex-end;
  }
  .bInicio .ayudanos .contenido_html {
    flex: 0 0 60%;
    margin-right: 20px;
  }
}
@media screen and (min-width: 900px) {
  .bInicio .ayudanos {
    margin: 0 auto;
  }
}
/*Votacion anual*/
.bInicio.votacion_anual .w_iniciativas {
  margin-top: 0;
}
.bInicio.votacion_anual .somos {
  color: #FFF;
  background:var(--c1);
  margin-bottom: 0;
  margin-top: -40px;
  padding: 40px;
}
.bInicio.votacion_anual .somos .num_bloq li {
  background: #FFF;
  color:var(--c1);
}
/*PIE*/
.pFooter {
  margin: 40px 0;
  padding: 10px 0;
  text-align: center;
}
.pFooter .rrss a {
  margin: 0 5px;
}
.pFooter .logo_ecovidrio {
  margin: 40px 0 20px;
  display: block;
}
.pFooter .bases {
  font-size: 0.65rem;
}
.pFooter .bases a {
  margin: 0 0 10px 5px;
  display: inline-block;
}
.pFooter .bases a:not(:last-child):after {
  content: "/";
  padding-left: 5px;
}
/*Paginador*/
.paginador {
  width: 100%;
  margin: 40px auto;
  display: flex;
  justify-content: center;
}
.paginador a {
  font-size: 1.125rem;
  font-size: 1.025rem;
  background: #DDD;
  width: 31px;
  height: 31px;
  margin: 0 3px;
  /*display: inline-block;*/
  /*padding: 7px 2px 7px 1px;*/
  /*text-align: center;*/
  /*vertical-align: text-bottom;*/
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.paginador a[disabled] {
  cursor: none;
  pointer-events: none;
  opacity: 0.5;
}
.paginador a[sel] {
  background:var(--c1);
  color: #FFF;
  cursor: none;
  pointer-events: none;
}
.paginador a.siguiente {
  /*background: url(/imgs/tri_d.svg) 50% / 12px no-repeat #DDD;*/
  /*text-indent: -1000000px !important;*/
  /*padding: 7px 15px;*/
}
.paginador a.ultima {
  /*background: url(/imgs/tri2_d.svg) 50% / 22px no-repeat #DDD;*/
  /*text-indent: -1000000px !important;*/
  /*padding: 7px 19px;*/
}
.paginador a.anterior {
  /*background: url(/imgs/tri_d.svg) 50% / 12px no-repeat #DDD;*/
  /*text-indent: -1000000px !important;*/
  /*padding: 7px 15px;*/
  /*transform: rotate(180deg);*/
}
.paginador a.primera {
  /*background: url(/imgs/tri2_d.svg) 50% / 22px no-repeat #DDD;*/
  /*text-indent: -1000000px !important;*/
  /*padding: 7px 19px;*/
  /*transform: rotate(180deg);*/
}
@media screen and (max-width: 450px) {
  .paginador a.siguiente, .paginador a.anterior {
    display: none;
  }
}
/*Productos*/
.mProductos h1 {
  margin-bottom: 30px;
}
.mProductos section {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3px;
}
.mProductos article {
  flex: 0 calc(50% - 3px);
  text-align: center;
  color:var(--c2);
  margin-right: 3px;
}
.mProductos img {
  width: 100%;
  height: auto;
  display: block;
}
/*BLOG*/
.mNuestroBlog .resumen {
  font-size: 80%;
  color: #999;
}
.mNuestroBlog .articulos article {
  text-align: center;
  color:var(--c2);
  margin-bottom: 30px;
}
.mNuestroBlog .articulos article p {
  margin-bottom: 5px;
}
.mNuestroBlog .articulos img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
}
/*.mNuestroBlog h1 {
  margin-bottom: 10px;
  font-family:var(--f_menus);
  color:var(--c1);
  text-transform: uppercase;
}*/
.blog .categorias {
  margin: 20px 0;
  text-transform: uppercase;
}
.blog .categorias li {
  margin-bottom: 15px;
  font-family:var(--f_menus);
  font-size: 0.8rem;
}
.blog .categorias [sel] {
  color:var(--c2);
}
/*QUE ES ECOLATRAS*/
.bQue .titulaco.bienvenido {
  padding: 50px 10px;
  font-size: 1.9rem;
  background:var(--c1);
  --tit_color: #fff;
}
.bQue .btn {
  background:var(--c2);
  color: #FFF;
}
.bQue .sep {
  margin: 30px 0;
  text-align: center;
  color:var(--c1);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.5rem;
}
.bQue .w_videoEmbed {
  width: 800px;
  max-width: 100%;
  margin: 40px auto 0;
}
.bQue section.fondo {
  position: relative;
  color: #FFF;
  min-height: 500px;
  padding: 30px 0;
}
.bQue .fondo img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}
.bQue .quees.fondo img {
  object-position: right;
}
@media screen and (min-width: 550px) {
  .bQue .quees.fondo img {
    object-position: left center;
  }
}
.bQue .quees .w_texto {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  top: 20px;
  display: flex;
  flex-direction: column;
}
.bQue .quees h2 {
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.bQue .quees p {
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
  margin: auto 0 0;
}
.bQue .puedes {
  background:var(--c1);
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  padding: 30px 0;
}
.bQue .puedes h2 {
  margin-bottom: 20px;
}
.bQue .puedes ul {
  width: 300px;
  min-width: 300px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.bQue .puedes li {
  display: flex;
  text-align: left;
  align-items: center;
  margin-bottom: 8px;
}
.bQue .puedes li:before {
  content: "";
  display: inline-block;
  flex: 0 0 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 8px;
  background:var(--c3);
}
.bQue .como {
  display: flex;
  flex-wrap: wrap;
}
.bQue .como .w_videoEmbed {
  margin: 50px auto;
}
.bQue .como nav {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding: 0 10px;
  justify-content: space-around;
  align-items: center;
}
.bQue .como nav a {
  background: #FFF;
  color:var(--c1);
  flex: 0 45%;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 5px;
  display: inline-block;
  cursor: pointer;
}
.bQue .w_iniciativas {
  margin-bottom: 60px;
}
.bQue .w_iniciativas article:last-child {
  display: none;
}
/*INICIATIVAS*/
.bIniciativas .titulaco {
  margin-bottom: 20px;
  color:var(--c1);
}
.bIniciativas .btn {
  background:var(--c2);
  border-radius: 10px;
  color: #FFF;
}
.bIniciativas section.fondo {
  position: relative;
  color: #FFF;
  min-height: 500px;
  padding: 30px 0;
}
.bIniciativas .fondo > img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}
.bIniciativas .bajo_header h2 {
  color: #FFF;
}
.bIniciativas .bajo_header h1 {
  color: #FFF;
}
.bIniciativas .bajo_header .w_texto {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  top: 20px;
  display: flex;
  flex-direction: column;
}
.bIniciativas .bajo_header p {
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
  margin-top: auto;
  padding: 0 20px;
}
.bIniciativas .tipos {
  margin: 40px 0;
}
.bIniciativas .tipos figure {
  position: relative;
  color: #FFF;
  margin-bottom: 20px;
  display: block;
}
.bIniciativas .tipos img {
  width: 100%;
  height: auto;
}
.bIniciativas .tipos figcaption {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  background:var(--c1);
  color: #FFF;
  text-align: center;
  padding: 3px;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.bIniciativas .que {
  background:var(--c1);
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  padding: 30px 0;
}
.bIniciativas .que .titulaco {
  color: #FFF;
}
.bIniciativas .que .titulaco + h3 {
  margin-bottom: 30px;
  font-size: 2.5rem;
  text-transform: none;
}
.bIniciativas .que article {
  margin: 40px;
}
.bIniciativas .que img {
  width: auto;
  height: 60px;
}
.bIniciativas .que h3 {
  font-size: 2rem;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
.bIniciativas .que p {
  font-size: 0.9rem;
  display: block;
  margin: 0;
  text-transform: none;
}
.bIniciativas .que .btn {
  margin: 20px 0;
}
.bIniciativas .que .btn + p {
  opacity: 0.6;
  font-size: 0.7rem;
}
.bIniciativas .sep {
  margin: 30px 0;
  text-align: center;
  color:var(--c1);
}
.bIniciativas .sep p {
  margin: 30px 0;
  font-size: 1.5rem;
  text-transform: none;
}
.bIniciativas .sep .btn {
  text-transform: uppercase;
}
.bIniciativas .filtro input, .bIniciativas .filtro select {
  padding: 10px;
  border-radius: 5px;
  border:1px solid var(--c1);
  color: var(--c1);
}
.bIniciativas .filtro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 30px;
}
.bIniciativas .filtro > * {
  width: 100%;
  margin-bottom: 20px;
}
.bIniciativas .filtro .btn {
  width: 100%;
  margin: 0;
}
.bIniciativas .recuerda {
  background: #FFF;
  padding: 40px 20px 80px;
  text-align: center;
}
.bIniciativas .recuerda .btn {
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  width: 352px;
  text-align: center;
  display: block;
  margin: 0 auto !important;
  max-width: 100%;
  line-height: 1.2;
}
.bIniciativas .recuerda h2 {
  margin: 0px 0 40px;
  color:var(--c1);
}
.bIniciativas .recuerda img {
  max-width: 100%;
  margin-bottom: 20px;
  min-width: 300px;
}
.bIniciativas .recuerda .contenido_html {
  font-size: 1.1rem;
}
.bIniciativas .recuerda .contenido_html p {
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .bIniciativas .recuerda .cont {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: left;
    max-width: 1000px;
    margin: 0 auto 30px;
  }
  .bIniciativas .recuerda .cont div.contenido_html {
    width: 47%;
  }
  .bIniciativas .recuerda figure {
    margin: 0 20px 0 0;
    flex: 0 0 50%;
  }
}
.bIniciativas .PodiumIniciativas {
  width: 100%;
  margin: 40px 0 20px;
}
.bIniciativas .PodiumIniciativas h3 {
  width: 100%;
  margin: 0 0 20px;
  text-align: center;
  color: var(--c1);
  text-transform: uppercase;
}
.bIniciativas .PodiumIniciativas div {
  background:var(--c1);
  padding: 15px;
  color: #FFF;
  margin: 15px auto;
  text-align: left;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.bIniciativas .recuerda .PodiumIniciativas div img {
  /*height: auto;*/
  margin: 0 auto 20px;
  min-width: 50px;
  width: 80%;
  max-width: 300px;
}
/*INICIATIVAS TODAS*/
.bIniciativasTodas .filtro input, .bIniciativasTodas .filtro select {
  padding: 10px;
  border-radius: 5px;
  border:1px solid var(--c1);
  color: var(--c1);
}
.bIniciativasTodas .filtro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px;
}
.bIniciativasTodas .filtro > * {
  width: 100%;
  margin-bottom: 20px;
}
.bIniciativasTodas .w_iniciativas {
  padding-top: 20px;
}
.bIniciativasTodas h1 {
  color:var(--c1);
  margin-bottom: 50px;
  text-transform: uppercase;
}
/*COMUNIDAD*/
.bComunidad .titulaco {
  margin-bottom: 20px;
  --tit_color: #fff;
}
.bComunidad .btn {
  background:var(--c2);
  color: #FFF;
}
.bComunidad section.fondo {
  position: relative;
  color: #FFF;
  min-height: 500px;
  padding: 30px 0;
}
.bComunidad .fondo > img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}
.bComunidad .bajo_header .w_texto {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  top: 20px;
  display: flex;
  flex-direction: column;
}
.bComunidad .bajo_header p {
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
  margin-top: auto;
}
.bComunidad .sep {
  margin: 30px 0;
  text-align: center;
  color:var(--c1);
}
.bComunidad .sep p {
  margin: 30px 15px;
  font-size: 1.5rem;
  text-transform: none;
  text-transform: uppercase;
}
.bComunidad .sep .btn {
  text-transform: uppercase;
}
.bComunidad .perfil.fondo {
  height: auto;
  padding: 20px;
}
.bComunidad .perfil nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bComunidad .perfil .bloque {
  width: 300px;
  text-align: center;
  background:var(--c1);
  text-transform: uppercase;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.bComunidad .perfil .bloque header {
  text-align: center;
  color:var(--c1);
  background: #FFF;
  padding: 0 20px;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bComunidad .perfil .bloque figure {
  height: 270px;
  position: relative;
}
.bComunidad .perfil .bloque img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bComunidad .perfil .bloque p {
  padding: 20px;
  text-align: left;
}
.bComunidad .perfil .bloque p + .btn {
  margin: auto 0 20px;
  align-self: center;
}
.bComunidad .w_iniciativas {
  background:var(--c1);
  color: #FFF;
  text-transform: uppercase;
  padding: 20px 0 40px;
}
.bComunidad .w_iniciativas h2 {
  font-size: 1.3rem;
  max-width: 800px;
  margin: 20px;
  text-align: center;
}
.bComunidad .w_iniciativas article {
  background: inherit;
  padding: 0;
}
.bComunidad .w_iniciativas .provincia {
  color: inherit;
}
.bComunidad .buzon.fondo {
  text-align: center;
  height: auto;
  min-height: auto;
}
.bComunidad .buzon h2 {
  text-transform: uppercase;
  margin-bottom: 30px;
}
.bComunidad .buzon nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.bComunidad .buzon nav a {
  width: 160px;
  border: none;
  height: 160px;
  margin: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #BED851;
  color: #FFF;
  border-radius: 15px;
  padding: 20px;
}
.bComunidad .famosos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bComunidad .famosos figure {
  margin-bottom: 30px;
  flex: 1 0 calc(100% / 3);
  flex: 100%;
}
.bComunidad .famosos figcaption {
  background:var(--c1);
  text-align: center;
  padding: 10px;
  color: #FFF;
  text-transform: uppercase;
}
.bComunidad .famosos img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: top;
  display: block;
}
.bComunidad .mapa {
  height: 500px;
  width: 100%;
}
.mComunidad .mapa_infoEcolatra {
  font-size: 0.9rem;
  min-width: 200px;
  margin-bottom: 5px;
}
.mComunidad .mapa .gm-style-iw-a .gm-style-iw-c {
  background-color:var(--c5);
  padding: 0;
  border:2px solid var(--c2);
  min-width: 300px !important;
}
.mComunidad .mapa .gm-style-iw-d {
  overflow: hidden !important;
}
.mComunidad .mapa .gm-style .gm-style-iw-t::after {
  background:var(--c5);
  border:2px solid var(--c2);
  border-top: none;
  border-right: none;
}
.mComunidad .mapa_infoEcolatra header {
  font-weight: 500;
  background-color:var(--c2);
  font-size: 1.1rem;
  font-family:var(--f_textos);
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #FFF;
  padding: 15px;
}
.mComunidad .mapa_infoEcolatra img {
  margin-right: 10px;
  border-radius: 50%;
}
.mComunidad .mapa_infoEcolatra div {
  margin: 0 15px 10px;
  font-family:var(--f_textosblog);
  text-transform: uppercase;
  font-size:0.85 rem;
  text-align: center;
  color: #FFF;
}
.mComunidad .mapa_infoEcolatra a {
  text-decoration: underline;
  background-color:var(--c2);
  margin: 15px auto;
  padding: 5px;
  border-radius: 5px;
  text-decoration: none;
  color: #FFF;
  font-family:var(--f_textos);
  font-size: 0.8rem;
  text-align: center;
  display: block;
  width: 95px;
}
#modal_sugerencia .contenido header {
  text-align: center;
  color:var(--c1);
  margin-bottom: 30px;
  text-transform: uppercase;
  font-size: 1.2rem;
}
#modal_sugerencia textarea {
  width: 100%;
  margin-top: 3px;
  border-radius: 5px;
  border: 1px solid #D6D6D6;
  background: #E7E7E7;
  height: 200px;
  padding: 10px;
  outline: none;
}
#modal_sugerencia label {
  color: #666;
}
#modal_sugerencia .botonera {
  margin: 20px 0;
  text-align: center;
}
#modal_sugerencia .btn_cerrar {
  margin-right: 30px;
  color:var(--c2);
  background: #FFF;
}
#modal_sugerencia .btn {
  min-width: 100px;
}
.bComunidad #busca_ecolatras input {
  display: block;
  padding: 8px 10px;
  border:1px solid var(--c1);
  width: 500px;
  max-width: 90%;
  text-align: center;
  margin: 0 auto 10px;
}
.bComunidad #busca_ecolatras input::placeholder {
  color: #666;
  opacity: 0.5;
}
/*GANADORAS*/
.bGanadoras h1 {
  text-align: center;
  color:var(--c1);
  margin: 30px 10px;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.bGanadoras .w_iniciativas {
  background:var(--c1);
  color: #FFF;
  text-transform: uppercase;
  padding: 20px 0 40px;
  text-align: left;
}
.bGanadoras .w_iniciativas h2 {
  font-size: 1.3rem;
  margin: 20px 0;
  padding: 5px 20px 5px 70px;
  display: inline-block;
  background:var(--c2);
  border-radius: 0 10px 10px 0;
}
.bGanadoras .w_iniciativas article {
  background: inherit;
  padding: 0;
  text-align: center;
}
.bGanadoras .w_iniciativas figure {
  position: relative;
}
.bGanadoras .w_iniciativas figure:after {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 70px;
  height: 65px;
  background: url(/imgs/laureles.svg) center center / 70px no-repeat;
  content: "3º";
  font-size: 2rem;
  padding: 13px 0 0;
  pointer-events: none;
  text-shadow: 0 0 2px #000;
}
.bGanadoras .w_iniciativas .Pos1 figure:after {
  content: "1º";
}
.bGanadoras .w_iniciativas .Pos2 figure:after {
  content: "2º";
}
.bGanadoras .w_iniciativas .provincia {
  color: inherit;
}
.bGanadoras .filtro {
  text-align: center;
  margin-bottom: 40px;
}
.bGanadoras .filtro select {
  padding: 10px 40px;
  border-radius: 5px;
  border:1px solid var(--c1);
  color: var(--c1);
}
@media screen and (min-width: 600px) {
  .bGanadoras .filtro select {
    padding: 10px 80px;
  }
}
/*Listado de iniciativas*/
.w_iniciativas {
  text-align: center;
}
.w_iniciativas .listado {
  margin-bottom: 30px;
}
.w_iniciativas .listado .sin_resultados {
  margin: 40px auto;
  text-transform: uppercase;
  font-size: 1.3rem;
  background:var(--c1);
  color: #FFF;
  padding: 10px;
  max-width: 800px;
}
.w_iniciativas article {
  background:var(--c3);
  margin: 0 0 20px 0;
  padding: 15px 13px;
  display: flex;
  flex-direction: column;
}
.w_iniciativas figure {
  position: relative;
  margin-bottom: 10px;
}
.w_iniciativas figure img {
  width: 100%;
  height: auto;
  display: block;
}
.w_iniciativas article h3 {
  color: #FFF;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}
.w_iniciativas .provincia {
  color:var(--c2);
  margin: 0 0 20px 0;
}
.w_iniciativas .provincia a:hover {
  text-decoration: underline;
}
.w_iniciativas .apoyar {
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(/imgs/ico-megusta.svg) 50% / 20px no-repeat #FFF;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  border: none;
  box-shadow: 1px 1px 4px -3px #666;
}
.w_iniciativas .apoyar.apoyada {
  background-color:var(--c3);
  pointer-events: none;
}
.w_iniciativas nav {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color:var(--c4);
  align-items: center;
  margin-top: auto;
}
.w_iniciativas .apoyos {
  background: url(/imgs/ico-megusta.svg) 0 50% / auto 100% no-repeat;
  padding: 6px 0 2px 30px;
}
.w_iniciativas .compartir {
  background: url(/imgs/ico-compartir.svg) 0 50% / auto 100% no-repeat;
  padding: 4px 0 4px 24px;
  border: none;
  color:var(--c4);
}
.w_iniciativas .btn {
  min-width: 250px;
  margin: 0 15px;
  text-transform: uppercase;
}
@media screen and (min-width: 500px) {
  .w_iniciativas .listado {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .w_iniciativas article {
    flex: 0 0 calc(50% - 10px);
  }
  .bQue .w_iniciativas article:last-child {
    display: block;
  }
}
/*ACCESO REGISTRO*/
.acceso_registro {
  padding: 20px 20px 0px;
  font-size: 0.875rem;
  max-width: 500px;
  margin: 60px auto;
}
.acceso_registro form {
  display: none;
  margin: 0 auto 120px;
}
.acceso_registro form.ver {
  display: block;
}
.acceso_registro h3 {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 10px;
  color:var(--c1);
}
.acceso_registro .enviando {
  pointer-events: none;
  opacity: 0.6;
}
.acceso_registro h1 {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 40px;
  color:var(--c1);
  font-weight: bold;
}
.acceso_registro a {
  /*text-decoration: underline;*/
  color:var(--c1);
  cursor: pointer;
}
.acceso_registro .olvido {
  color:var(--c2);
  cursor: pointer;
  display: inline-block;
}
.acceso_registro h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2rem;
  color:var(--c2);
  font-family:var(--f_titulacos);
}
.acceso_registro label {
  margin-bottom: 20px;
  display: block;
}
.acceso_registro input {
  width: 100%;
  border:1px solid var(--c1);
  border-radius: 5px;
  padding: 8px 10px;
  font-size: 1.1rem;
  margin-top: 2px;
  color:var(--c4);
}
.acceso_registro select {
  width: 100%;
  border:1px solid var(--c1);
  border-radius: 5px;
  padding: 8px 10px;
  font-size: 1.1rem;
  margin-top: 2px;
  color:var(--c4);
}
.acceso_registro input + small {
  text-align: left;
  display: block;
  margin-top: 5px;
}
.acceso_registro .botonera {
  text-align: center;
  /*margin: 40px 0 30px;*/
}
.acceso_registro .btn {
  font-size: 1.2rem;
  display: block;
  min-width: 200px;
  margin: 0 auto;
}
.acceso_registro .btn-email {
  background: url(/imgs/email.svg) 15px 50% / auto 48% no-repeat #FFF;
  padding-left: 45px;
  text-align: center;
  width: 320px;
  color:var(--c1);
  border:1px solid var(--c1);
  margin: 0px auto 20px;
}
.acceso_registro .btn-facebook {
  background: url(/imgs/facebook.svg) 25px 50% / auto 65% no-repeat #485C91;
  /*padding: 20px 20px 20px 60px;*/
  padding-left: 60px;
  text-align: center;
  width: 320px;
  margin: 0px auto 20px;
  border: 1px solid #485C91;
}
.acceso_registro .btn-facebook-real {
  background:var(--c1);
  font-size: 0.9rem;
  margin: 0 auto;
  padding: 10px 30px;
}
.acceso_registro .btn-google-real {
  background:var(--c1);
  font-size: 0.9rem;
  margin: 0 auto;
  padding: 10px 30px;
}
.acceso_registro .btn-sin-codigo {
  font-size: 0.65rem;
  margin: 15px auto 0;
  padding: 0;
  background: #FFF;
  color:var(--c9);
  text-decoration: underline;
}
.acceso_registro .al_registro_acceso {
  background: #FFF;
  border-top: 1px solid #666;
  margin-top: 50px;
  padding-top: 40px;
  color:var(--c1);
  text-align: center;
}
.acceso_registro .btn-registro {
  background: #FFF;
  border:1px solid var(--c1);
  color:var(--c1);
  display: inline-block;
  width: 300px;
  line-height: 1.5;
  font-size: 1.1rem;
  padding: 10px;
}
.acceso_registro .form {
  width: 300px;
  text-align: center;
}
.acceso_registro .form input {
  text-align: center;
}
.acceso_registro .btn-google {
  background: url(/imgs/google.svg) 20px 50% / auto 60% no-repeat;
  padding-left: 60px;
  text-align: center;
  width: 320px;
  border: 1px solid #4285F4;
  color: #4285F4;
  margin: 0px auto 20px;
}
.acceso_registro .acceso .btn-facebook {
  margin: 0 auto 20px;
}
.acceso_registro .acceso .btn-google {
  margin: 0 auto 60px;
}
.acceso_registro .codigo {
  display: none;
}
.acceso_registro .codigo.ver {
  display: block;
  border: 5px solid var(--c1);
  padding: 20px 20px 15px;
  border-radius: 10px;
}
.acceso_registro .codigo small {
  display: block;
  margin-top: 5px;
}
.acceso_registro .codigo .reenviar {
  text-align: right;
  margin-top: 10px;
}
.acceso_registro .codigo .reenviar .btn {
  font-size: 80%;
  padding: 3px 20px;
  width: auto;
}
.acceso_registro .yatienes {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 50px;
  color:var(--c1);
  font-weight: bold;
}
.acceso_registro .acceso .yatienes {
  margin-bottom: 30px;
}
.acceso_registro .yatienes a {
  font-weight: 500;
  letter-spacing: 0.5px;
}
.acceso_registro .acepto_terminos {
  font-size: 80%;
  text-align: center;
}
.acceso_registro .acepto_terminos input {
  display: none;
}
.acceso_registro .acepto_terminos input:not(:valid) + span {
  border-color:var(--c2);
}
.acceso_registro #cambio_password .passwords {
  display: none;
}
#modal_olvido.ver form {
  display: block;
  margin: 0;
}
#modal_olvido.ver .botonera {
  display: flex;
}
#modal_olvido .contenido header {
  text-align: center;
  color:var(--c1);
  margin-bottom: 30px;
}
#modal_olvido input {
  text-align: center;
}
#modal_olvido .btn_cerrar {
  margin-right: 30px;
  color:var(--c2);
  background: #FFF;
}
#modal_olvido .btn {
  min-width: 100px;
  margin: 0 auto;
}
/*Activar usuario*/
.mActivarUsuario {
  text-align: center;
  padding: 100px 20px;
}
/*Recuperar usuario*/
.mRecuperar_usuario h1 {
  margin-bottom: 20px;
}
.mRecuperar_usuario {
  padding: 20px 20px 0px;
  font-size: 0.875rem;
  max-width: 500px;
  margin: 60px auto;
  color:var(--c1);
}
.mRecuperar_usuario label {
  margin-bottom: 20px;
  display: block;
}
.mRecuperar_usuario input {
  width: 100%;
  border:1px solid var(--c1);
  border-radius: 5px;
  padding: 8px 10px;
  font-size: 1.1rem;
  margin-top: 2px;
  color:var(--c4);
}
/*Listado Blog inc*/
.w_blog h2 {
  margin-bottom: 30px;
}
.w_blog {
  text-align: center;
}
.listado_blog {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.listado_blog article {
  margin-bottom: 30px;
  background:var(--c1);
  flex: 100%;
}
.listado_blog img {
  width: 100%;
  height: auto;
  display: block;
}
.listado_blog h3 {
  text-align: center;
  padding: 10px;
  color: #FFF;
  text-transform: uppercase;
  font-size: 0.9rem;
}
/*NUESTRO BLOG*/
.mNuestroBlog .titulaco {
  margin-bottom: 20px;
  font-size: 4rem;
  --tit_color: #fff;
}
.mNuestroBlog .btn {
  background:var(--c2);
  border-radius: 10px;
  color: #FFF;
}
.mNuestroBlog section.fondo {
  position: relative;
  color: #FFF;
  min-height: 500px;
  padding: 30px 0;
}
.mNuestroBlog .fondo > img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}
.mNuestroBlog .bajo_header .w_texto {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.mNuestroBlog .bajo_header p {
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
  max-width: 600px;
  margin: 0 auto;
}
.mNuestroBlog .sep {
  margin: 30px 0;
  text-align: center;
  color:var(--c1);
}
.mNuestroBlog .sep h2 {
  text-transform: uppercase;
  font-weight: bold;
}
.mNuestroBlog .sep p {
  margin: 30px 0;
  font-size: 1.5rem;
  text-transform: none;
  text-transform: uppercase;
}
.mNuestroBlog .sep .btn {
  text-transform: uppercase;
}
.mNuestroBlog .w_blog {
  margin-bottom: 50px;
}
.mNuestroBlog .w_blog .btn {
  min-width: 300px;
  text-transform: uppercase;
}
.mNuestroBlog .hazte .titulaco {
  font-size: 2.4rem;
}
.mNuestroBlog .hazte .w_texto {
  text-align: center;
  text-transform: uppercase;
  padding: 50px 10px 0;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mNuestroBlog .hazte .w_texto .btn {
  margin-top: auto;
  margin: auto 0 30px;
}
.mNuestroBlog .filtro input, .mNuestroBlog .filtro select {
  padding: 10px;
  border-radius: 5px;
  border:1px solid var(--c1);
  color: var(--c1);
}
.mNuestroBlog .filtro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px;
}
.mNuestroBlog .filtro > * {
  width: 100%;
  margin-bottom: 20px;
}
/*BLOG*/
.mBlog .sin_resultados {
  margin: 60px 10px;
  text-align: center;
}
.mBlog article {
  margin: 0 10px 60px;
}
.mBlog .img1 {
  width: calc(100% + 20px);
  height: auto;
  margin: 0 0 5px -10px;
}
.mBlog article h2 {
  margin: 0 0 10px;
  color:var(--c1);
  font-size: 1.3rem;
}
.mBlog article h1 {
  margin: 0 0 10px;
  color:var(--c1);
}
.mBlog article .info {
  font-size: 0.6rem;
  margin: 0 0 20px;
}
.mBlog article .info .tag {
  background: url(/imgs/iEtiqueta.svg) 0 50% / auto 100% no-repeat;
  padding-left: 20px;
  margin-right: 15px;
}
.mBlog article .info .fecha {
  background: url(/imgs/iReloj.svg) 0 50% / auto 100% no-repeat;
  padding-left: 20px;
}
.mBlog article .btn {
  width: 180px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.mBlog article .compartir {
  background: url(/imgs/ico-compartir.svg) 0 50% / auto 100% no-repeat;
  padding: 4px 0 4px 35px;
  color:var(--c1);
  border: none;
}
.mBlog .articulo .compartir {
  margin-top: 30px;
}
.mBlog article .w_compartir .icos_compartir {
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
}
.mBlog aside {
  max-width: 500px;
  margin: 0 10px;
}
.mBlog aside h2 {
  margin-bottom: 20px;
  color:var(--c1);
  text-transform: uppercase;
  font-size: 1.2rem;
}
.mBlog aside nav {
  margin-bottom: 40px;
}
.mBlog aside nav > a {
  display: block;
  margin-bottom: 15px;
  font-size: 0.875rem;
}
.mBlog .filtro {
  margin-bottom: 40px;
}
.mBlog .filtro button {
  width: 100%;
  margin-bottom: 20px;
}
.mBlog .filtro button span {
  background: url(/imgs/iLupa-blanca.svg) 100% 50% / auto 100% no-repeat;
  padding-right: 30px;
  text-transform: uppercase;
}
.mBlog .filtro input {
  border-radius: 5px;
  padding: 10px;
  border-radius: 5px;
  border:1px solid var(--c1);
  color: var(--c1);
  width: 100%;
}
.mBlog .relacionadas {
  margin-bottom: 60px;
}
.mBlog .relacionadas h2 {
  color:var(--c1);
  font-size: 1.6rem;
  text-transform: uppercase;
}
.mBlog .relacionadas article {
  margin: 0 0 30px 0;
}
.mBlog .listado header {
  margin: 0px 0 40px;
  text-align: center;
}
.mBlog .listado .info_cat {
  margin: 0 auto;
  max-width: 800px;
}
.mBlog .listado h1 {
  margin: 0px 0 10px;
  text-align: center;
  color:var(--c1);
  text-transform: uppercase;
}
.mBlog .comentarios {
  margin-bottom: 40px;
}
.mBlog .comentarios h3 {
  color:var(--c1);
  margin-bottom: 20px;
  text-transform: uppercase;
}
.mBlog .comentario img {
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
}
.mBlog .comentario span {
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
}
.mBlog .comentario .nombre {
  color: #000;
}
.mBlog .comentario p {
  margin: 0 0 25px 60px;
  font-size: 0.9rem;
  line-height: 1.5;
}
.mBlog .comentar {
  margin-bottom: 40px;
}
.mBlog .comentar h3 {
  color:var(--c1);
}
.mBlog .comentar a {
  text-decoration: underline;
}
.mBlog .comentar textarea {
  display: block;
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #444;
  outline: none;
}
/*FAMOSOS*/
.mFamoso article {
  color:var(--c1);
}
.mFamoso hr {
  border: none;
  border:1px solid var(--c1);
  width: 80%;
  max-width: 600px;
  margin: 60px auto;
}
.mFamoso article h1 {
  margin: 0 10px 20px;
}
.mFamoso article .contenido_html {
  margin: 0 10px;
}
.mFamoso article img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.mFamoso .famosos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}
.mFamoso .famosos figure {
  margin-bottom: 30px;
  flex: 1 0 calc(100% / 3);
  flex: 100%;
}
.mFamoso .famosos figcaption {
  background:var(--c1);
  text-align: center;
  padding: 10px;
  color: #FFF;
  text-transform: uppercase;
}
.mFamoso .famosos img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: top;
  display: block;
}
.mFamoso .sep {
  text-align: center;
}
.mFamosos .famosos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mFamosos .famosos figure {
  margin-bottom: 30px;
  flex: 1 0 calc(100% / 3);
  flex: 100%;
}
.mFamosos .famosos figcaption {
  background:var(--c1);
  text-align: center;
  padding: 10px;
  color: #FFF;
  text-transform: uppercase;
}
.mFamosos .famosos img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: top;
  display: block;
}
/* CREAR INICIATIVA*/
.mCrearIniciativa {
  width: 100%;
  height: 100vh;
  position: relative;
}
.bCrearIniciativa .pHeader {
  display: none;
}
.bCrearIniciativa .pFooter {
  display: none;
}
.mCrearIniciativa .paso {
  position: relative;
  padding: 70px 20px;
  background:var(--c1);
  color: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all ease-in 0.3s;
  height: 0;
}
.mCrearIniciativa .paso.ver {
  opacity: 1;
  pointer-events: auto;
  overflow: auto;
}
.mCrearIniciativa .paso h2 {
  color: #FFF;
  margin-bottom: 40px;
  text-align: left;
  text-transform: uppercase;
}
.mCrearIniciativa .paso h2 small {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  text-transform: none;
}
.mCrearIniciativa .paso:after {
  position: absolute;
  content: attr(data-npaso);
  top: 20px;
  right: 20px;
}
.mCrearIniciativa .paso .botonera_final {
  display: flex;
  justify-content: center;
  margin: 60px 0 60px auto;
}
.mCrearIniciativa .paso .botonera_final .btn-continuar {
  width: 200px;
  flex: 0 0;
  text-transform: uppercase;
  /*position: absolute;*/
  right: 20px;
  bottom: 20px;
  display: block;
}
.mCrearIniciativa .paso .botonera_final .btn-volver {
  background: none;
  flex: 0 0;
  border: none;
  padding: 0;
  font-size: 0.8rem;
  font-weight: 300;
  white-space: nowrap;
  color:var(--c3);
  margin-right: 30px;
}
.mCrearIniciativa .volver {
  z-index: 1;
  position: absolute;
  top: 20px;
  left: 20px;
  color: #444;
  font-size: 0.8rem;
  text-transform: none;
}
@media screen and (min-width: 500px) {
  .mCrearIniciativa .paso .botonera {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .mCrearIniciativa .paso0 .w_tipos {
    justify-content: center;
    display: flex;
    margin: 0 10px;
  }
  .mCrearIniciativa .paso0 h3 {
    font-size: 2rem;
    letter-spacing: 2px;
  }
  .mCrearIniciativa .paso0 h3 + p {
    height: 5rem;
  }
  .mCrearIniciativa .paso0 img {
    width: 100px;
  }
  .mCrearIniciativa .paso0 label {
    margin: 40px;
    flex: 0 450px;
  }
  .mCrearIniciativa .paso .botonera_final {
    position: absolute;
    right: 20px;
    bottom: 60px;
    margin: 0;
  }
}
@media screen and (min-width: 1100px) {
  .mCrearIniciativa .paso {
    padding: 70px calc((100% - 1000px) / 2);
  }
}
/* CREAR INICIATIVA: PASO0*/
.mCrearIniciativa .paso0 {
  text-transform: uppercase;
  text-align: center;
}
.mCrearIniciativa .paso0 label {
  display: block;
  margin-bottom: 40px;
}
.mCrearIniciativa .paso0 input {
  display: none;
}
.mCrearIniciativa .paso0 img {
  width: auto;
  height: 60px;
}
.mCrearIniciativa .paso0 h3 {
  font-size: 1.8rem;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
.mCrearIniciativa .paso0 p {
  font-size: 0.9rem;
  display: block;
  margin: 0;
  text-transform: none;
}
.mCrearIniciativa .paso0 .cont .btn {
  margin: 20px 0;
}
.mCrearIniciativa .paso0 .btn + p {
  opacity: 0.6;
  font-size: 0.7rem;
}
.mCrearIniciativa .paso0 .cont {
  padding: 20px;
  width: 90%;
  margin: 0 auto;
  border-radius: 10px;
}
.mCrearIniciativa .paso0 input:checked + .cont {
  background:var(--c4);
  margin: 0 auto;
}
/* CREAR INICIATIVA: PASO*/
.mCrearIniciativa .paso1 .cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 900px;
  margin: 0 auto;
  /*align-items: center;*/
}
.mCrearIniciativa .paso1 .check {
  display: flex;
  flex: 0 0 calc(50% - 20px);
  margin: 0 0 20px;
}
@media screen and (min-width: 500px) {
  .mCrearIniciativa .paso1 .check {
    flex: 0 0 calc(33.333% - 20px);
  }
}
@media screen and (min-width: 700px) {
  .mCrearIniciativa .paso1 .check {
    flex: 0 0 calc(25% - 40px);
    margin: 0 0 40px;
  }
}
.mCrearIniciativa .paso1 span {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
  height: 100%;
  width: 100%;
}
.mCrearIniciativa .paso1 img {
  width: auto;
  height: 40px;
  display: block;
  margin: 0 auto 5px;
}
.mCrearIniciativa .paso1 input:checked + span {
  background:var(--c4);
  margin: 0 auto;
}
/* CREAR INICIATIVA: PASO2*/
.mCrearIniciativa .paso2 input[type=radio] {
  display: none;
}
.mCrearIniciativa .paso2 h3 {
  margin: 0 0 10px -20px;
}
.mCrearIniciativa .paso2 h3:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #FFF;
}
.mCrearIniciativa .paso2 input:checked + label h3:before {
  background: #FFF;
}
.mCrearIniciativa .paso2 .duracion {
  margin-bottom: 60px;
}
.mCrearIniciativa .paso2 input {
  width: 100%;
  border-radius: 10px;
  height: 40px;
  padding: 5px 10px;
  border: none;
  background:var(--c3);
}
.mCrearIniciativa .paso2 .cont {
  opacity: 0.4;
}
.mCrearIniciativa .paso2 input:checked ~ .cont {
  opacity: 1;
}
.mCrearIniciativa .paso2 input + input {
  margin-top: 20px;
}
@media screen and (min-width: 700px) {
  .mCrearIniciativa .paso2 .duracion {
    max-width: 700px;
  }
  .mCrearIniciativa .paso2 .zona {
    max-width: 700px;
  }
  .mCrearIniciativa .paso2 .zona input:last-of-type {
    margin-bottom: 20px;
  }
}
/* CREAR INICIATIVA: PASO3*/
.mCrearIniciativa .paso3 .titula {
  margin-bottom: 60px;
}
.mCrearIniciativa .paso3 input, .mCrearIniciativa .paso3 textarea {
  width: 100%;
  border-radius: 10px;
  height: 40px;
  padding: 5px 10px;
  border: none;
  background:var(--c3);
  max-width: 700px;
}
.mCrearIniciativa .paso3 textarea {
  height: 200px;
  text-align: left;
  padding: 15px 15px;
}
.mCrearIniciativa .paso3 .consejo {
  margin-top: 10px;
  font-size: 0.9rem;
}
.mCrearIniciativa .paso3 #cke_resumen {
  max-width: 700px;
  border-radius: 10px;
  overflow: hidden;
}
/* CREAR INICIATIVA: PASO4*/
/*.mCrearIniciativa .paso4 input {
  width: 100%;
  border-radius: 10px;
  height: 40px;
  padding: 5px 10px;
  border: none;
  background:var(--c3);
  max-width: 700px;
  margin-bottom: 70px;
}*/
/* CREAR INICIATIVA: PASO4*/
.mCrearIniciativa .paso4 input, .mCrearIniciativa .paso4 textarea {
  width: 100%;
  border-radius: 10px;
  height: 40px;
  padding: 5px 10px;
  border: none;
  background:var(--c3);
  max-width: 700px;
  margin-bottom: 20px;
}
.mCrearIniciativa .paso4 textarea {
  height: 200px;
  text-align: left;
  padding: 15px 15px;
}
.mCrearIniciativa .paso4 input:last-of-type {
}
.mCrearIniciativa .paso4 .mas {
  display: block;
  margin-bottom: 70px;
  backface-visibility:no;
  background: none;
  border: none;
  font-size: 0.8rem;
  color: #FFF;
}
/* CREAR INICIATIVA: PASO5*/
.mCrearIniciativa .paso5 .fich input {
  display: none;
}
.mCrearIniciativa .paso5 .consejo {
  max-width: 600px;
}
.mCrearIniciativa .paso5 .imagenes {
  min-height: 300px;
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mCrearIniciativa .paso5 .imagenes[data-n="0"] {
  background: url(/imgs/ico-add-img.svg) 50% 60% / 120px no-repeat;
}
.mCrearIniciativa .paso5 .botonera {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.mCrearIniciativa .paso5 .botonera .btn {
  background: #FFF;
  color:var(--c1);
}
.mCrearIniciativa .paso5 .botonera[disabled] .btn {
  pointer-events: none;
  opacity: 0.5;
}
.mCrearIniciativa .paso5 .botonera .btn:last-child {
  margin-left: 30px;
}
.mCrearIniciativa .paso5 .imagenes figure {
  --ancho:120px;
  /*--ancho:200px;*/
  width:var(--ancho);
  height: calc(var(--ancho) / (16 / 9));
  margin: 0 10px 10px 0;
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.mCrearIniciativa .paso5 .imagenes img {
  width: 100%;
  height: 100%;
}
.mCrearIniciativa .paso5 .imagenes .borrar {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 30px;
  height: 30px;
  z-index: 1;
  cursor: pointer;
  border-radius: 50%;
  background:var(--c1);
  color: #FFF;
  opacity: 0.6;
  /*filter: drop-shadow(0 2px 3px #FFF);*/
}
.mCrearIniciativa .paso5 .imagenes .borrar:after {
  content: "X";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 1.2rem;
}
.mCrearIniciativa .paso5 .imagenes figure:hover .borrar {
  opacity: 1;
}
.mCrearIniciativa .paso5 .imagenes figure:first-child .mover {
  display: none;
}
.mCrearIniciativa .paso5 .imagenes .mover {
  position: absolute;
  right: 45px;
  top: 10px;
  width: 40px;
  height: 20px;
  z-index: 1;
  cursor: pointer;
  background:var(--c1);
  color: #FFF;
  opacity: 0.6;
  /*filter: drop-shadow(0 2px 3px #FFF);*/
}
.mCrearIniciativa .paso5 .imagenes figure:hover .mover {
  opacity: 1;
}
.mCrearIniciativa .paso5 .imagenes .mover:after {
  content: "←";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 1.2rem;
}
.mCrearIniciativa .paso5 .upload {
}
@media screen and (min-width: 700px) {
  .mCrearIniciativa .paso5 .imagenes figure {
    --ancho:200px;
  }
}
/* CREAR INICIATIVA: FIN*/
.mCrearIniciativa .paso_final .proyecto {
  background: #FFF;
  color:var(--c1);
  margin-bottom: 30px;
  padding: 10px;
}
.mCrearIniciativa .paso_final .proyecto header {
  background: #FFF;
  color:var(--c1);
  margin-bottom: 30px;
}
.mCrearIniciativa .paso_final figure > img {
  width: 100%;
  margin-bottom: 5px;
  max-width: 500px;
  height: auto;
}
.mCrearIniciativa .paso_final figcaption img {
  width: 20px;
  margin-right: 10px;
}
.mCrearIniciativa .paso_final figcaption {
  text-align: right;
  margin-bottom: 20px;
}
.mCrearIniciativa .paso_final .info {
  font-size: 0.8rem;
}
.mCrearIniciativa .paso_final .info dl {
  margin-bottom: 4px;
}
.mCrearIniciativa .paso_final .info a {
  padding: 5px 40px;
  margin-top: 20px;
}
.mCrearIniciativa .paso_final .info dl {
  display: flex;
  flex-wrap: wrap;
}
.mCrearIniciativa .paso_final .info dt {
  display: inline;
  margin-right: 5px;
  flex: 0 0 auto;
}
.mCrearIniciativa .paso_final .info dd {
  color: #444;
  flex: 1 1 50%;
}
.mCrearIniciativa .paso_final .resto {
  padding: 10px;
}
.mCrearIniciativa .paso_final .titulo {
  font-size: 1.8rem;
}
.mCrearIniciativa .paso_final .provincia {
  font-size: 1.8rem;
  color: var(--c2);
  margin-bottom: 20px;
}
.mCrearIniciativa .paso_final .resumen {
  color: #444;
  margin-bottom: 20px;
}
.mCrearIniciativa .paso_final aside a:first-of-type {
  margin-bottom: 70px;
}
.mCrearIniciativa .paso_final aside {
  margin-bottom: 60px;
}
.mCrearIniciativa .paso_final aside .btn[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
@media screen and (min-width: 1000px) {
  .mCrearIniciativa .paso_final .w_proyecto {
    display: flex;
    flex-wrap: wrap;
  }
  .mCrearIniciativa .paso_final .info {
    padding-left: 10px;
  }
  .mCrearIniciativa .paso_final header {
    display: flex;
  }
  .mCrearIniciativa .paso_final h2 {
    width: 100%;
  }
  .mCrearIniciativa .paso_final .proyecto {
    flex: 1 1;
    margin: 0 40px 0 0;
  }
  .mCrearIniciativa .paso_final aside {
    flex: 0 1 340px;
    align-self: flex-end;
    font-size: 1.5rem;
    margin: 0;
  }
  .mCrearIniciativa .paso_final aside a {
    width: 300px;
    text-align: center;
    margin: 20px 0 0;
  }
}
/*CREAR INICIATIVA: GALERIA*/
.mCrearIniciativa .modal_galeria .contenido {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  max-height: 80vh;
  overflow: auto;
}
.mCrearIniciativa .modal_galeria .botonera {
  text-align: center;
}
.mCrearIniciativa .modal_galeria figure {
  flex: 0 calc(50% - 5px);
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.mCrearIniciativa .modal_galeria img {
  width: 100%;
  display: block;
}
.mCrearIniciativa .modal_galeria figure.sel:after {
  top: 10px;
  left: 50%;
  width: 50%;
  height: 50%;
  display: block;
  content: "";
  position: absolute;
  border:10px solid var(--c1);
  border-top: none;
  border-right: none;
  transform: rotate(-45deg) translatex(-50%);
  transform-origin: left;
  z-index: 2;
}
.mCrearIniciativa .modal_galeria figure.sel:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  background:var(--c4);
  opacity: 0.5;
  z-index: 1;
}
@media screen and (min-width: 1000px) {
  .mCrearIniciativa .modal_galeria .cont_contenido {
    width: 800px;
  }
  .mCrearIniciativa .modal_galeria figure {
    flex: 0 calc(33.33333% - 5px);
    margin-bottom: 10px;
  }
}
/*INCIATIVA*/
.mIniciativa {
  padding: 175px 20px 0;
}
.mIniciativa .proyecto {
  color:var(--c1);
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.mIniciativa .urls {
  margin: 30px 0;
  font-size: 0.9rem;
}
.mIniciativa .urls li {
  margin-bottom: 15px;
}
.mIniciativa .urls li a {
  background: url(/imgs/external-link.svg) 100% 0 / 12px no-repeat;
  padding-right: 14px;
}
.mIniciativa .ganadora {
  width: 200px;
  margin: 40px auto;
  text-align: center;
  display: block;
}
.mIniciativa header {
  background: #FFF;
  color:var(--c1);
  margin-bottom: 30px;
}
.mIniciativa figure > img {
  width: 100%;
  margin-bottom: 5px;
  height: auto;
  display: block;
}
.mIniciativa figcaption {
  text-align: right;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
}
.mIniciativa .apoyar {
  background: url(/imgs/ico-megusta.svg) 50% / auto 22px no-repeat #FFF;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  border: none;
  margin: 0 15px 0 0;
}
.mIniciativa .apoyar.apoyada {
  background-color:var(--c3);
  pointer-events: none;
}
.mIniciativa .compartir {
  background: url(/imgs/ico-compartir.svg) 50% / auto 22px no-repeat #FFF;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  border: none;
  text-indent: -9999px;
}
.mIniciativa .info a:hover {
  text-decoration: underline;
}
/*.mIniciativa .info a {
  padding: 5px 40px;
  margin-top: 20px;
}*/
.mIniciativa dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.mIniciativa dt {
  display: inline;
  margin-right: 5px;
  flex: 0 0 100%;
}
.mIniciativa dd {
  color: #444;
  flex: 1 1 50%;
}
.mIniciativa .titulo {
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: bold;
}
.mIniciativa .provincia {
  font-size: 1.6rem;
  color: var(--c2);
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: bold;
}
.mIniciativa .apoyos {
  background: url(/imgs/ico-megusta-claro.svg) 0 50% / auto 100% no-repeat #FFF;
  border: none;
  padding-left: 35px;
  font-size: 1.3rem;
  margin-bottom: 20px;
}
.mIniciativa .resumen {
  color: #444;
  margin: 5px 0 20px;
}
.mIniciativa aside a:first-of-type {
  margin-bottom: 70px;
}
.mIniciativa .enviar_mensaje a {
  text-decoration: underline;
}
.mIniciativa .enviar_mensaje textarea {
  display: block;
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #444;
  outline: none;
}
.mIniciativa .localizacion {
  margin-bottom: 30px;
}
.mIniciativa #mapa {
  width: 100%;
  height: 300px;
  margin-bottom: 30px;
}
.mIniciativa .participantes {
  text-align: center;
  margin-bottom: 40px;
  font-weight: 600;
  font-size: 1.4rem;
}
.mIniciativa .participantes strong {
  font-weight: 600;
  font-size: 2rem;
}
.mIniciativa .participantes > * {
  display: block;
  margin: 10px auto;
}
.mIniciativa .participa {
  font-size: 1rem;
}
.mIniciativa .participa.participando {
  opacity: 0.5;
  pointer-events: none;
}
@media screen and (min-width: 1000px) {
  .mIniciativa {
    padding: 210px 30px 0;
  }
  .mIniciativa .info dt {
    display: inline;
    margin-right: 5px;
    flex: 0 0 auto;
  }
  .mIniciativa .info dd {
    color: #444;
    flex: 1 1 50%;
  }
  .mIniciativa figure {
    flex: 0 0 400px;
  }
  .mIniciativa figcaption {
    margin-bottom: 0;
  }
  .mIniciativa .info {
    padding-left: 30px;
  }
  .mIniciativa header {
    display: flex;
  }
  .mIniciativa .resumen {
    font-size: 1rem;
  }
  .mIniciativa .titulo {
    font-size: 1.8rem;
  }
  .mIniciativa .localizacion {
    display: flex;
    align-items: center;
  }
  .mIniciativa .localizacion #mapa {
    width: 50%;
  }
  .mIniciativa .participantes {
    width: 50%;
  }
  .convocatoria .mIniciativa header {
    justify-content: space-between;
  }
  .convocatoria .mIniciativa .info {
    order: 1;
    padding: 0 30px 0 0;
  }
  .convocatoria .mIniciativa figure {
    flex: 0 0 400px;
    order: 2;
  }
}
/*compartir*/
.w_compartir {
  position: relative;
}
.w_compartir .compartir {
  outline: none;
}
.w_compartir .icos_compartir {
  display: none;
}
.w_compartir.ver .icos_compartir, .w_compartir .icos_compartir:hover {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  right: 0;
  background: #FFF;
  padding: 0 30px;
  border-radius: 10px;
  box-shadow: 1px 2px 5px -3px #000;
  z-index: 99999;
  width: 300px;
}
.w_compartir .icos_compartir a {
  padding: 8px 10px;
  cursor: pointer;
  flex: 0 0 40px;
}
.w_compartir .icos_compartir .texto_copiado {
  display: none;
}
.w_compartir .icos_compartir .texto_copiado.ver {
  display: block;
  text-align: center;
  width: 100%;
  padding: 0px 0 10px;
  opacity: 0.9;
  font-size: 0.75rem;
  color:var(--c1);
}
.w_compartir .icos_compartir img {
  display: block;
}
/*Slider*/
.allinone_bannerRotator.classic .bottomNav {
  left: 0 !important;
  width: 100% !important;
  background: none !important;
  text-align: center !important;
  padding-left: 4px !important;
}
.allinone_bannerRotator.classic .bottomNavButtonOFF {
  float: none !important;
  display: inline-block !important;
  background: rgba(0, 0, 0, 0.5) !important;
  border-radius: 6px !important;
  padding-left: 9px !important;
  margin: 0 5px 0 0 !important;
}
.allinone_bannerRotator.classic .bottomNavButtonON {
  float: none !important;
  display: inline-block !important;
  background: url(skins/classic/bottomNavON.png) 0 0 no-repeat !important;
}
/*cookies*/
#AdvertenciaCookies {
  position: fixed;
  font-size: 0.75em;
  background:var(--c1);
  color: #FFF;
  opacity: 0.95;
  position: fixed;
  bottom: 50px;
  left: 50%;
  width: 450px;
  max-width: 90%;
  transform: translatex(-50%);
  line-height: 18px;
  z-index: 1998;
  border-radius: 10px;
  border:1px solid var(--c3);
  padding: 25px;
  box-shadow: 2px 2px 7px -1px #000;
}
#AdvertenciaCookies p {
  margin-bottom: 20px;
}
#AdvertenciaCookies .check .tick {
  background: #FFF;
  border-radius: 0;
  border: none;
}
#AdvertenciaCookies .check.necesarias {
  pointer-events: none;
  opacity: 0.6;
}
#AdvertenciaCookies .check .tick:after {
  background: #FFF;
}
#AdvertenciaCookies .check input:checked + .tick {
  content: "✓";
  color:var(--c1);
  font-weight: bold;
  background: #FFF;
  padding-right: 3px;
  font-size: 1.3rem;
}
#AdvertenciaCookies button {
  padding: 10px 20px;
  text-align: right;
  margin: 0 0 0 auto;
  display: block;
  position: relative;
  z-index: 99;
}
/* BASES LEGALES*/
.mBasesLegales h1 {
  margin: 25px 0;
  text-align: center;
  color:var(--c1);
}