section.contentidos .mapas{ padding: 30px 0; background-color: #F5F5F5; }
section.contentidos .mapas h2{ margin: 0 0 15px 0; font-family: 'Bariol'; font-weight: normal; font-size: 32px; text-align: center; color: #63666A; }
section.contentidos .mapas p{ font-family: 'Bariol'; font-weight: normal; font-size: 18px; text-align: center; color: #63666A; }

section.contentidos .mapas .itemProvincia { display: none; } 
section.contentidos .mapas .itemProvincia.active { display: block; } 
section.contentidos .mapas .itemProvincia h3{ position: relative; padding: 0 35px; margin: 0 0 0 0; text-align: left; color: #5BC2E7; font-family: 'Bariol'; font-weight: bold; font-size: 24px; text-transform: uppercase; }
section.contentidos .mapas .itemProvincia h3:before{ content: '\f192'; font: normal normal normal 24px/1 FontAwesome; position: absolute; left: 5px;}
section.contentidos .mapas .itemProvincia .itemProyectos{ display: none; }
section.contentidos .mapas .itemProvincia h4{ padding: 10px 35px; margin: 15px 0 10px 0; text-align: left; font-weight: bold; color: #63666A; border-top: 1px solid #AEB0B2; border-bottom: 1px solid #AEB0B2; }
section.contentidos .mapas .itemProvincia p{ padding: 0 35px; margin: 0 0 0 0; text-align: left; color: #63666A; font-family: 'Bariol'; font-weight: normal; font-size: 18px;}
section.contentidos .mapas .itemProvincia .primeros3{ display: block; }
section.contentidos .mapas .itemProvincia .despues{ display: none; }
section.contentidos .mapas .itemProvincia p.contentBtn{ text-align: center; margin: 20px 0; }
section.contentidos .mapas .itemProvincia p.contentBtn span{ cursor: pointer; text-transform: uppercase;  padding: 8px 20px; border: 2px solid #63666A; color: #63666A; border-radius: 15px; font-size: 14px; font-weight: bold; }
section.contentidos .mapas .itemProvincia p.contentBtn span:hover{ background-color: #fff; }

section.contentidos .mapas .mapaSVG svg#Layer_1 { height: 550px; }



section.contentidos .mapas .selectMobile{ display: none;  }
section.contentidos .mapas .selectMobile select{  width: 100%; font-size: 18px; margin: 0 0 15px 0; padding: 10px 15px; }
section.contentidos .mapas .mapaSVG *{  -webkit-transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  transition: all .2s ease-in-out; }


section.iniciativas .card {
    /* max-width: 300px; */
    border-radius: 20px;
    background-color: #ffffff;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 18%);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 8%);
    border: 0;
  }
  
  section.iniciativas .card.itemMapa .card-header {
    /*height: 190px;*/
    background-position: top center;
    background-size: cover;
  }
  section.iniciativas .card-header {
    padding: 1.5rem 1.5rem 0 1.5rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0px;
  }
  section.iniciativas .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  
  section.iniciativas .btn.btn-primary {
    background-color: #dcdcdc;
    color: #000;
    border-radius: 0px;
    font-weight: 300;
    border: 0;
    padding: 0.7rem 2rem;
    text-transform: uppercase;
    transition: 0.3s;  
    font-weight: 500;
  }
  
  section.iniciativas .btn.btn-primary.actived,
  section.iniciativas .btn.btn-primary:hover { 
    background-color: #fff;
    color: #0069DE;
    outline: none;
  }
  
  section.iniciativas .card-body {
    padding: 2rem;
    background-color: #fff;
    border-radius: 0 20px 0 0;
    clear: both;
  }
  section.iniciativas .card.display-info .card-header h4 {
    color: #333333;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 400;
  }
  
  section.iniciativas .boxCardItem { display: none; }
  section.iniciativas .iframe{ padding-top: 4rem; }
  section.iniciativas .iframe iframe {  width: 100%; }
  section.iniciativas .card-body.tab2{ display: none; }
  section.iniciativas .card-body img{
      width: unset;
      margin: 0 0 30px 0;
      height: auto;
      max-width: 100%;
  }
  
  section.iniciativas .card-header.headerCardItem{
    padding: 0;
  }
  section.iniciativas .card-header.headerCardItem{
    width: 100%;
    float: left;
    background-color: #f5f5f5;
  }
  section.iniciativas .card-header.headerCardItem button {
    border-radius: 20px 20px 0 0;
    float: left;
  }
  section.iniciativas #cardsItems  .card{
    box-shadow: unset;
    background-color: unset;
  }

  section.iniciativas #loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #0033A1;
    width: 120px;
    height: 120px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }

  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }