html{
  scroll-behavior: smooth;
}

body{
    font-family: Barlow;
    max-width: 100%;
 margin: 3% 0;
}
body > div{
 background: #E5E5E5;
}

/*formulario*/
@media only screen and (min-width: 1024px) {
    .formulario{
      width: 80%;
      padding-left: 20%;
    }
    }
@media (min-width: 1200px){

  .container {
        max-width: 100%!important;
    padding-left:0px; 
    padding-right:0px;
    }
 .portada .container,
.modulo-contacto .container,
 .modulo .container {
        max-width: 1440px!important;
    padding-left:0px; 
    padding-right:0px;
    }
}
@media (max-width: 1200px){
 .portada .container,
    .modulo .container,
.modulo-contacto .container,
 .container {
        max-width: 100%!important;
  padding-left:0px; 
  padding-right:0px;
  
    }
}


    .formulario p{
      font-size:small; font-weight:100 !important;
    }
    hr.inicio{
      border: 2px solid #5EAFDB;
    max-width: 96px!important;
    width: 96px!important;
    }
    .bg-blanco {
        background-color: #F7F7F7 !important;
      }
      .bg-gris {
        background-color: #E5E6E4 !important;
      }
    .body-formulario{
      background-color: #33718A;
      color : #fff;
      padding-top: 70px;  
      position: relative;
      z-index: 1;
    }
 .body-formulario .btn-danger {
     width: auto;
 height:55px;
     border-radius: 0px;
  margin-bottom:70px;
  background: #F73B51;
        padding: 15px 55px;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        letter-spacing: 0.03em;
        color: #FFFFFF;
 }
 .body-formulario .btn-danger:hover{
  background: #FF5E71;
  border-color: #FF5E71;
 }
 .body-formulario form {
  width:90%;
  margin:50px auto 0;
 }
 .body-formulario h3{
  margin-bottom:10px!important;
 }
 .body-formulario .texto{
  font-family: Barlow;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        color: #FFFFFF;
 }
 .body-formulario p.big{
  font-family: Barlow;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 34px;
        color: #FFFFFF;
  margin-bottom:20px;
 }
 .body-formulario label {
  font-family: Barlow;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #FFFFFF;
  margin-bottom:0px;
 }
 .body-formulario .titulo:nth-child {
  margin-top:50px;
 }
 .body-formulario p.info{
  font-family: Barlow;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
  color: #FFFFFF;
  margin-bottom:50px;
 }
.body-formulario form .py-2{
 padding:0px!important;
}
.body-formulario form .form-group.py-2{
 margin-bottom:0px!important;
}
.body-formulario form .form-group.col-xs-12{
 margin-bottom:20px!important;
}
.body-formulario form .campos .row{
 margin-bottom:50px!important;
}
.body-formulario form .campos .row:last-child{
 margin-bottom:10px!important;
}
.body-formulario form .error input,
.body-formulario form .error .select2-container--default .select2-selection--multiple, 
.body-formulario form .error .select2-container--default .select2-selection--single{
 background: #FFB0B0!important;
 border: 2px solid #F7F7F7!important;
}
.body-formulario form .error p{
 background: #FFB0B0!important; 
 font-family: Barlow;
 font-style: normal;
 font-weight: normal;
 font-size: 14px;
 line-height: 20px;
 color: #000000;
 display: inline-block;
    padding: 10px 20px;
    margin-bottom: 0px;
}
.body-formulario form .error svg{
 margin-right:10px;
}
 .body-formulario .form-control{
  height:55px;
 }
.body-formulario .select2-container{
 width:100%!important;
}
.body-formulario .select2-container .select2-selection--multiple,
.body-formulario .select2-container .select2-selection--single{
 min-height:55px!important;
}
.body-formulario .select2-container--default .select2-selection--multiple,
.body-formulario .select2-container--default .select2-selection--single{
 border: 1px solid #ced4da;
 border-radius:0px!important;
}
.body-formulario .select2-container .select2-selection--multiple .select2-selection__rendered{
  margin-top: 8px;
}
.body-formulario .select2-container .select2-selection--single .select2-selection__rendered,
.body-formulario .select2-container .select2-selection--single .select2-selection__arrow {
  white-space: inherit!important;
  margin-top: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color:#277899 !important;
  border:1px solid #065677 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color: #FFF !important;
}

.select2-results__option.select2-results__option--highlighted{
  background-color: #165975 !important;
}


   @media (max-width: 1200px) {
     .body-formulario{ 
   padding-top:40px; 
  }
   .body-formulario .btn-danger{
   margin-bottom:40px;
  }
 } 
      @media (max-width: 991.98px) {
        .body-formulario form {
          width:100%;
          margin:0 auto;
       }
        .body-formulario .texto{
         font-size: 14px;
         line-height: 20px;
        }
        .body-formulario p.big{
         font-size: 28px;
         line-height: 36px;
        }
      }
      @media only screen and (min-width: 768px) { 
      .chess a:nth-child(-2n+4), 
      .chess a:nth-child(4) ~ a:nth-child(-2n+7), 
      .chess a:nth-child(8) ~ a:nth-child(-2n+12),
      .chess a:nth-child(12) ~ a:nth-child(-2n+15),
      .chess a:nth-child(16) ~ a:nth-child(-2n+20),
      .chess a:nth-child(20) ~ a:nth-child(-2n+23),
      .chess a:nth-child(24) ~ a:nth-child(-2n+28){
        background: #F7F7F7;
      }
      }
      
      @media only screen and (max-width: 768px) { 
      .chess a:nth-child(2n){
        background: #F7F7F7;
      }
      }

 @media (max-width:350px){
  .g-recaptcha.col-md-auto.col-sm-auto.col-auto > div {
   width:100%!important;
      }
      .body-formulario .g-recaptcha iframe {
          width:100%!important;
      }

 }

      .card-hover:hover{
        background-color: #FF5E71  !important;
        color: #fff !important;
        text-decoration: none !important;
      }
      .card-hover:hover .card-title{
        background-color: #FF5E71  !important;
        color: #fff !important;
        text-decoration: none !important;
      }
      .card-hover:hover .fas{
        color: #fff !important;
      }


body                                    { font-family: Barlow!important; }
a.transicion                            { text-decoration:none!important; position:relative; color: #000000; }
a.transicion:before                     { content: "";position: absolute;width: 0;height: 2px;bottom: 0;left: 0;background-color: #000000;visibility: hidden;transition: all 0.3s ease-in-out; }
a.transicion:hover:before               { visibility: visible;width: 100%;}
.img-responsive                         { margin:0 auto; width: 100%; }
.line                                   { border-bottom: 1px solid #E5E6E4; border-top: 1px solid #E5E6E4;}
.line.instalacion              { border-bottom:0px;}
.layout .columns div.container > div.modulo:nth-child(2n),
.stylingblock-content-wrapper td > div:nth-child(2n)  { background: #F7F7F7!important; }
.layout .columns > div.container,
.layout .container>table.stylingblock-content-wrapper  { background: #FFFFFF!important; padding-left:0px; padding-right:0px;}
.modulo                             { padding-top:70px; }
.gris                                   { background: #F7F7F7; }

@media (max-width: 1200px) {
    .modulo                       { padding-top:40px; }
} 

@media (max-width: 1439.98px) {
    body .layout .section .columns > div.container        { padding-right:0px!important; padding-left:0px!important; }
} 

/* PORTADA */

.portada                                { border-top: 4px solid #5EAFDB; background: #F7F7F7; position:relative; z-index:1;}
header .logo,
header .logo-mobile                     { margin-top: 22px;}
header .logo img,
header .logo-mobile img     { width:200px!important; height:auto;}
header .slide                           { position: relative; }
header .slide img                       { margin:0 auto; width: 100%; }
/*header .slide #velo           { background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)); opacity: 0.9;}*/
header .slide .velo img          { /*opacity: 0.9;*/ filter: brightness(0.35);}
header .txt                             { width:80%; font-family: Barlow; font-style: normal; font-weight: normal; color: #FFFFFF; position: absolute; z-index: 1; left: 50px; bottom: 90px;}
header .txt h2                          { font-size: 28px; line-height: 34px; margin-bottom: 17px;}
header .txt h1                          { font-weight: bold; font-size: 75px; line-height: 80px; text-transform: uppercase;}
header .txt hr                          { border-top: 1px solid rgb(255, 255, 255); margin-bottom: 30px; }
header .txt h3                          { font-family: Barlow; font-style: normal; font-weight: bold; font-size: 28px; line-height: 36px; letter-spacing: 0.03em; text-transform: uppercase; color: #FFFFFF; }
header .txt .btn-slide                  { margin-top: 60px; width: 400px !important;}
header .txt .btn-slide a                { display:inline-block; background: #F73B51; padding: 15px 55px; font-size: 18px; line-height: 22px; text-align: center; letter-spacing: 0.03em; color: #FFFFFF; }
.btn-fixed                              { display:none;}
.btn-primario a:hover                   { background: #FF5E71!important; text-decoration: none; cursor: pointer; color: #FFFFFF;}

.is-sticky                              { margin-left: auto; margin-right: 0; left: 0px; right: 0px; animation: sticky 2s 1; }

@keyframes sticky {
  from {top: -120px; opacity:0.3}
  to {top: 0px; opacity:1}
}


@media (max-width: 1200px) {
    header .txt                         { bottom:50px; }
    header .txt h2                      { font-size: 22px; line-height: 28px; }
    header .txt h1                      { font-size: 60px; line-height: 65px; }
 header .txt .btn-slide     { margin-top: 40px; }
} 

@media (min-width: 992px) and (max-width: 1023.98px) {
    header .txt                         { bottom:50px; width: 70%;}
    header .txt h2                      { font-size: 18px; line-height: 24px; }
    header .txt h1                      { font-size: 55px; line-height: 60px; }
    header .txt .btn-slide              { margin-top: 30px; }
} 

@media (min-width: 768px) and (max-width: 991.98px) {
    header .txt                         { bottom:30px; width: 70%;}
    header .txt h2                      { font-size: 18px; line-height: 24px; }
    header .txt h1                      { font-size: 35px; line-height: 40px; }
    header .txt .btn-slide              { margin-top: 30px; }
 header .txt h3                      { font-size: 16px; line-height: 24px; }
    header .txt hr                      { margin-bottom: 10px; }
}


@media (min-width: 576px) and (max-width: 767.98px) {
    header .txt                         { bottom:20px; width: 70%;}
    header .txt h2                      { font-size: 16px; line-height: 22px;  }
    header .txt h1                      { font-size: 20px; line-height: 25px; }
    header .txt h3                      { font-size: 14px; line-height: 22px; }
    header .txt hr                      { margin-bottom: 10px; }
    header .txt .btn-slide              { margin-top: 15px; }
  header .txt .btn-slide a      { padding: 10px 50px; font-size: 16px; line-height: 22px; }
}

@media (max-width: 575.98px) {
    header .txt                         { width: 80%; bottom:inherit; top:70px; left:20px;}
    header .txt h2                      { font-size: 28px; line-height: 34px; }
    header .txt h1                      { font-size: 40px; line-height: 45px; margin-bottom: 10px;}
  header .txt h3                      { font-size: 21px; line-height: 29px; }
    header .txt hr                      { margin-bottom: 10px; }
    header .txt .btn-slide              { margin-top: 0px; display: none; }
    header .txt .btn-slide a            { display:none;}
    .btn-fixed                          { display:block; padding: 20px 30px; position: fixed; z-index: 9; bottom:0px; background-color:#ffffff; width: 100%; box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.25); left:0;}
    .btn-fixed a                        { background: #F73B51; padding: 15px 55px; font-size: 18px; line-height: 22px; text-align: center; letter-spacing: 0.03em; color: #FFFFFF; display: block; }
 .portada .container .slide .col-12,
 .portada .container     { padding-right:0px; padding-left:0px;}
 
}

@media (max-width: 320px) {
    header .txt h2                      { font-size: 24px; line-height: 30px; }
    header .txt h1                      { font-size: 33px; line-height: 38px; }
}


/* MÓDULO TEXTO-USP */

.txt-usp h3                             { margin-bottom: 30px; }
.txt-usp h2                             { margin-top:10px; margin-bottom: 80px; font-family: Barlow;font-style: normal;font-weight: normal;font-size: 26px;line-height: 50px;text-align: center;color: #000000;}
.txt-usp h2 span       { line-height: 50px!important;}
@media (max-width: 767.98px) {
    .txt-usp h3                         { font-size: 21px; line-height: 29px; margin-bottom:14px;}
    .txt-usp h2                         { font-size: 22px; line-height: 28px;margin-bottom:40px; margin-top:50px; padding:0px 30px; }
.txt-usp h2 span       { line-height: 28px!important;}
 .txt-usp.v2 h2       { margin-top:0px;}
}


/* MÓDULO PROGRAMAS */
  .programas                            {  width: 90%; margin: 0 auto;}
  .programas-2                          { width: 90%; margin: 0 auto; }
  .programas3                 { width:90%; margin:0 auto; }
  .programas .programa,
  .programas-2 .programa                { border-left: 1px solid #E5E6E4; border-right: 1px solid #E5E6E4; border-top: 1px solid #E5E6E4; border-bottom: 1px solid #E5E6E4; }
  h3.title-programa                     { margin-bottom: 30px; font-family: Barlow; font-style: normal; font-weight: bold; font-size: 28px; line-height: 36px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #000000; }
  .programa .card-body                  { margin-bottom: 80px; }
  .programa-v3 .card-body     { padding:30px 20px;}
  .programa-v3 h6      { text-align:left; font-family: Barlow; font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; color: #575756;; margin-bottom:0px; }
  .programa-v3 h3       { text-align:left; font-family: Barlow; font-style: normal; font-weight: bold; font-size: 20px; line-height: 26px; letter-spacing: 0.03em; text-transform: uppercase; color: #000000; margin-bottom:30px; }
  .programa h3                          { text-align:left; font-family: Barlow; font-style: normal; font-weight: bold; font-size: 28px; line-height: 36px; letter-spacing: 0.03em; text-transform: uppercase; color: #000000; margin-bottom:10px; }
  .programa p                           { text-align: left; font-family: Barlow; font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; color: #575756; margin-bottom: 30px;}
  .programa a                           { font-family: Barlow; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; text-align: center; letter-spacing: 0.03em; padding: 15px 30px; color: #dc3545; border: 2px solid #dc3545; display: inline-block; width: auto;height: 55px;}
  .programa a:hover                     { text-decoration:none; -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,1);-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,1);box-shadow: 10px 10px 0px 0px rgba(0,0,0,1); color: #dc3545; }
  .programa img                   { width:100%; margin-bottom:30px; padding-top: 10px;}
  .programas3 .card-hover:hover svg  { filter: brightness(6.5)!important; filter: brightness(650%)!important; }

@media (max-width: 991.98px) {
    .programas-v2 .programas .programa,
    .programas-v2 .programas-2 .programa  { border-top: 1px solid #E5E6E4; }
    .programas-v2 .programas              { border-top: 0px; }
    .programas-v2 .programas-2            { border-bottom: 0px; }
    .programas-v2 .programas-2 .row       { border-top: 0px; }
    h3.title-programa                     { margin-bottom: 17px; }
    .programa .card-body                  { margin-bottom: 40px; }
    .programas3,
  .programas-2,
    .programas                         { width:100%; }
 .programa a         { width:100%;}
}
@media (min-width: 768px) and (max-width: 991px){
 .programa-v3 .card-body      { padding:30px 0px;}
 .programa-v3 h6        {  font-size: 18px; line-height: 28px;  }
 .programa-v3 h3         {  font-size: 20px; line-height: 26px;  }
}
@media (max-width: 767.98px) {
    .programas .programa,
    .programas-2 .programa                { border-top: 1px solid #E5E6E4; }
    h3.title-programa                     { margin-bottom: 17px; }
    .programa-v3 h3,
    h3.title-programa,
    .programa h3                          { font-size: 21px; line-height: 29px;}
    .programa p                           { font-size: 16px; line-height: 24px; margin-bottom:20px; }
    .programa .card-body                  { margin-bottom: 40px; padding-bottom: 0px; }
     .programa-v3 .card-body         { padding:20px 0px;}
     .programa-v3 h6            {  font-size: 16px; line-height: 24px;  }
     .programa-v3 h3             {  font-size: 20px; line-height: 26px;  }
}
@media (max-width:576px){
 .programas-2 .container,
 .programas3 .container,
 .programas .container,
 .programas .col-lg-4,
 .programas-2 .col-lg-6,
 .programas-2 .col-md-6,
 .programas .col-md-12,
 .programas .col-sm-12,
 .programas .col-12       { padding-right:0px; padding-left:0px;}
 .programa img        { padding-top:0px; margin-bottom:20px;}
}


/* MÓDULO BENEFICIOS */

.beneficios              { width:90%; margin:0 auto 70px; }
.beneficios .beneficio                  { margin-top: 50px!important; }
.beneficios h3                          { font-style: normal; font-weight: bold; font-size: 28px; line-height: 36px; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 30px;}
.beneficios h2                          { font-style: normal; font-weight: normal; font-size: 33px; line-height: 43px; color: #000000; margin-bottom:20px!important;}
.beneficios p                           { font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; color: #575756;}
.beneficio img                          { width: 100%; margin-bottom:30px; }

@media (max-width: 991.98px) {
 .beneficios             { width:100%; }
}

@media (max-width: 767.98px) {
    .beneficios h3                      { font-size: 21px; line-height: 29px; margin-bottom: 17px;}
    .beneficios h2                      { font-size: 28px; line-height: 34px; }
    .beneficios p                       { font-size: 16px; line-height: 24px; margin-bottom:20px!important;}
    .beneficios hr.inicio               { display: none; }
    .beneficios .beneficio              { margin-top: 20px!important; }
  .beneficio img                      { margin-bottom:20px; }
 .beneficios             { margin-bottom:20px;}
}

@media (max-width:576px){
 .beneficios .container     { padding-right:0px; padding-left:0px;}
}

/* MÓDULO RANKINGS */

.rankings                               { margin: 0px auto 0px; width:90%; }
h3.title-ranking                        { font-style: normal; font-weight: bold; font-size: 28px; line-height: 36px; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 30px; }
.rankings .ranking                      { border-left: 1px solid #E5E6E4; border-right: 1px solid #E5E6E4; }
.rankings .rectangle                    { margin: 50px 30px 90px;}
.rankings .cifra                        { font-family: Barlow; font-style: normal; font-weight: normal; font-size: 60px; line-height: 80px; text-align: center; margin-bottom: 30px;}
.rankings .cifra.gold                   { color: #C6912E; }
.rankings .cifra.red                    { color: #8A3434; }
.rankings .cifra.blue                   { color: #33718A; }
.rankings .card-text                    { font-family: Barlow; font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; text-align: center; color: #000000; margin-bottom:10px;}
.rankings .card-subtitle                { font-family: Barlow; font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #B2B2B2; margin-bottom:10px;}

@media only screen and (max-width: 991.98px) { 
  .rankings             { width:100%; }
    .rankings .ranking                  { border-top: 1px solid #E5E6E4; border-bottom: 1px solid #E5E6E4; }
  .rankings .rectangle                { margin: 50px 30px 50px;}
}

@media (max-width: 767.98px) {
    h3.title-ranking                    { font-size: 21px; line-height: 29px; margin-bottom: 17px;}
    .rankings .cifra                    { font-size: 58px; line-height: 57px; }
}

@media (max-width:576px){
 .rankings .container,
 .rankings .col-xl-3,
 .rankings .col-lg-3,
 .rankings .col-md-6,
 .rankings .col-sm-12    { padding-right:0px; padding-left:0px;}
 .rankings .rectangle                { margin: 50px 57px;}
}

/* DATOS DE INTERES DE EVENTO Y FICHA TECNICA*/

.h1                                     { border-top: 1px solid #E5E6E4; margin-bottom:0px!important;}
.datos .vl                              { border-right: 1px solid #E5E6E4; }
h3.title-datos                          { font-style: normal; font-weight: bold; font-size: 28px; line-height: 36px; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 30px; }
.datos .image                           { margin-top: 40px; margin-right: 25px; margin-bottom: 70px;}
.datos .image img       { width:100%;}
.ficha .info-ficha,
.datos .info-datos                      { margin-bottom: 40px; }
.datos .info-datos.fecha                { margin-top: 40px; }
.ficha .info-ficha.v2      { margin-top:30px;}
.datos .info-datos.v2                   { margin-top: 30px; }
.datos .icon                            { display: inline-block; padding: 5px 10px 5px; }
.datos .icon.gold svg     { stroke: #C6912E !important; }
.datos .icon.red svg     { stroke: #8A3434 !important; }
.datos .icon.blue svg     { stroke: #33718A !important; }
.ficha .iconv2,
.datos .iconv2                          { text-align: center; }
.ficha .iconv2.gold svg,
.datos .iconv2.gold svg     { stroke: #C6912E !important; }
.ficha .iconv2.red svg,
.datos .iconv2.red svg     { stroke: #8A3434 !important; }
.ficha .iconv2.blue svg,
.datos .iconv2.blue svg     { stroke: #33718A !important; }
.ficha .iconv2 svg                      { height: 70px; }
.ficha .iconv2 svg,
.datos .iconv2 svg                      { width: auto; margin-bottom: 30px;}
.datos .info                            { display: inline-block; vertical-align: middle; text-align: left; width:75%}
.ficha .infov2,
.datos .infov2                          { text-align: center; }
.ficha div.big,
.datos div.big                            { font-family: Barlow; font-style: normal; font-weight: normal; font-size: 24px; line-height: 34px; color: #000000; }
.ficha .infov2 div.big,
.datos .infov2 div.big                    { margin-bottom: 0; }
.ficha p, .ficha .small,
.datos p, .datos .small                   { font-family: Barlow; font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; color: #575756; margin-bottom: 0px; }
.ficha,
.datos.v2               { padding-bottom:60px;}

@media (max-width: 1200px) {
    .datos .image                       { margin-top: 40px; margin-right: 25px; margin-bottom: 40px;}
    .datos .info-datos                  { margin-bottom: 30px; }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .ficha div.big,
    .datos div.big                        { font-size: 20px; line-height: 30px; margin-bottom: 5px;}
    .ficha p,
    .datos p                            { font-size: 14px; line-height: 24px; }
    .datos .info-datos                  { margin-bottom: 15px; }
}

@media (max-width: 991.98px) {
    .datos .vl                          { border-right: 0px; }
    .datos .image                       { margin-top: 20px; margin-right: 0px; margin-bottom: 30px;}
    .datos .info-datos.fecha            { margin-top: 0px; }
    .datos div.big                        { font-size: 28px; line-height: 36px; }
    .datos p                            { font-size: 16px; line-height: 24px;}
   .ficha .info-ficha.v2,
   .datos .info-datos.v2               { margin-top: 0px; }
   .datos .info-datos.v2,
   .ficha .info-ficha, 
   .datos .info-datos            { margin-bottom:40px;}
  .ficha .iconv2 svg      { height:60px;}
 .datos .iconv2 svg,     
 .datos .icon svg      { height:70px;}
}

@media (min-width: 768px) and (max-width: 991px){
    .ficha div.big                        { font-size: 20px; line-height: 30px;}
    .ficha p                            { font-size: 14px; line-height: 24px; }
    .ficha .info-ficha.v2               { margin-top: 40px; margin-bottom: 0px;}
}

@media (max-width: 767.98px) {
    .ficha div.big                        { font-size: 28px; line-height: 36px;}
    .ficha p                            { font-size: 16px; line-height: 24px; }
    h3.title-datos                      { font-size: 21px; line-height: 29px; margin-bottom: 17px;}
  .datos.v2,
  .ficha               { margin-bottom:0px;}
}

@media (max-width: 576px) {
 .datos .container       { padding-right: 0px; padding-left: 0px; }
}


/* MÓDULO EVENTOS*/

.eventosv2 .h1,
.eventos .h1                            { border-top: 1px solid #E5E6E4; border-bottom:1px solid #E5E6E4;}
.eventosv2         { width:90%; margin:0 auto;}
.eventosv2 .vl                          { border-right: 1px solid #E5E6E4; border-left: 1px solid #E5E6E4; }
.eventos .vl                            { border-right: 1px solid #E5E6E4; }
.eventosv2 .evento                      { padding-right: 25px; padding-left: 25px; }
.eventos .image                         { margin-top: 40px; margin-right: 25px; }
.eventosv2 .image                       { margin-top: 40px; margin-right: 0px; margin-bottom: 30px; }
.eventos .image img,
.evento img                             { width: 100%; }
.evento img                             { width: 100%; }
.datos-evento                           { margin-top: 40px; margin-left: 25px; }
.datos-evento.v3                        { margin-top: 40px!important; margin-left: 0px; }
.eventosv2 .datos-evento                { margin-top: 0px; margin-left: 0px; }
.datos-evento p.fecha                   { margin-bottom:25px; background: #F0DDB9; display: inline-block; padding: 0px 10px; font-family: Barlow; font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; color: #000000; } 
.datos-evento h2                        { margin-bottom:60px; font-family: Barlow; font-style: normal; font-weight: normal; font-size: 60px; line-height: 47px; font-feature-settings: 'pnum' on, 'lnum' on, 'cpsp' on; color: #000000; }
.datos-evento h3                        { margin-bottom:30px; font-family: Barlow; font-style: normal; font-weight: bold; font-size: 28px; line-height: 30px; text-transform: uppercase; color: #000000; }
.datos-evento p.txt                     { font-family: Barlow; font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; color: #575756; margin-bottom:20px; }
.datos-evento a                         { font-family: Barlow; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; text-align: center; letter-spacing: 0.03em; color: #F73B51; border:2px solid #F73B51; padding: 16px 48px; display: inline-block; margin-bottom: 70px; }
.datos-evento a:hover                   { text-decoration: none; -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,1);-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,1);box-shadow: 10px 10px 0px 0px rgba(0,0,0,1); color: #F73B51;}

@media (max-width: 991.98px) {
    .eventos .image                     { margin-bottom: 30px; margin-right: 0px;}
    .datos-evento                       { margin-top: 0px; margin-left: 0px; }
    .datos-evento p.fecha               { margin-bottom:10px; padding: 0px 10px;  font-size: 16px; line-height: 24px; } 
    .datos-evento h2                    { margin-bottom:50px; font-size:58px; line-height: 57px;  }
    .datos-evento h3                    { margin-bottom:15px; font-size: 21px; line-height: 29px;  }
    .datos-evento p.txt                 { margin-bottom:30px; font-size: 16px; line-height: 24px; }
    .datos-evento a                     { font-size: 18px; line-height: 22px; display: block; margin-bottom: 40px;}
    .eventosv2 .vl                      { border-top: 1px solid #E5E6E4; border-bottom:1px solid #E5E6E4; }
   .eventosv2 .evento                { padding-right: 0px; padding-left: 0px; }
  .eventosv2                   { width:100%; }
  .eventos .vl                { border-right:0px; }
 .eventos .image,                     
 .eventosv2 .image                   { margin-top: 20px;  }
 .datos-evento.v3                    { margin-top: 20px!important; }
}

@media (max-width: 576px) {
 .eventos .container,
 .eventosv2 .container      { padding-right: 0px; padding-left: 0px; }
}


/* MÓDULO AGENDA/PROGRAMA DE EVENTOS*/
                              
.agenda .tabla                          { border-right: 1px solid #E5E6E4; border-left: 1px solid #E5E6E4; border-bottom: 1px solid #E5E6E4;  margin:70px 0px; }
.agenda .tabla .h1                      { margin-bottom: 0px; align-items: center; font-size: inherit;}
.agenda .tabla .h1 .col-sm-12           { padding: 35px 45px; }
.agenda .tabla .h1 .col-xl-3      { padding:35px!important;}
.agenda .tabla .h1 .col-xl-3            { border-right: 1px solid #E5E6E4; }
.agenda .tabla .row:nth-child(even)     { background: #F7F7F7; }
.agenda .tabla .row:nth-child(odd)    { background:#FFFFFF; }
.agenda .hora h2                        { font-family: Barlow; font-style: normal; font-weight: normal; font-size: 40px; line-height: 50px; color: #33718A; margin-bottom: 0px;}
.agenda .hora h2.gold                   { color: #C6912E; }
.agenda .hora h2.red                    { color: #8A3434; }
.agenda .hora h2.blue                   { color: #33718A; }
.agenda .icon.gold svg     { stroke: #C6912E; }
.agenda .icon.red svg     { stroke: #8A3434; }
.agenda .icon.blue svg     { stroke: #33718A; }
.agenda .txt p                          { font-family: Barlow; font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; color: #575756; margin-bottom: 0px;}
.agenda.v2 .icon                        { display: inline-block; margin-right:10px;}
.agenda.v2 .txt                         { display: inline-block; vertical-align: middle; width: 90%; }


@media (max-width: 991.98px) {
    .agenda .tabla                      { margin: 70px 20px; }
}

@media (max-width: 767.98px) {
    .agenda .tabla                      { margin: 40px 0px; }
    .agenda .tabla .h1 .col-xl-3        { border-right:0px; }
    .agenda .tabla .text-center         { text-align: inherit!important; }
    .agenda .tabla .h1 .col-sm-12       { padding: 0px 20px!important; }
    .agenda.v2 .tabla .h1 .col-sm-12    { padding: 30px 20px!important; }
    .agenda .hora                       { margin-top: 24px; }
    .agenda .hora h2                    { font-size: 28px; line-height: 34px; }
    .agenda .txt p                      { font-size: 16px; line-height: 24px; }
    .agenda .txt                        { margin-bottom: 24px; }
    .agenda.v2 .txt                     { margin-bottom: 0px; width:80%; vertical-align: top;}
 .agenda.v2 .icon      { height: 24px;}
 .agenda.v2 .icon svg     { vertical-align: top;}
}


/* MÓDULO PONENTES*/

.ponente.v2 .image          { padding-top: 40px; padding-bottom:40px;}
.ponente .datos-ponente                 { padding-top: 30px; }
.ponente.v2 .datos-ponente              { border-right: 1px solid #E5E6E4; }
.ponente .datos-ponente h2              { border-bottom: 1px solid #E5E6E4; padding-bottom:30px; margin-bottom:30px; font-family: Barlow; font-style: normal; font-weight: normal; font-size: 40px; line-height: 50px; }
.ponente .datos-ponente h5              { border-bottom: 1px solid #E5E6E4; padding-bottom:30px; margin-bottom:40px; font-family: Barlow; font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; letter-spacing: 0.03em; text-transform: uppercase; color: #B2B2B2; }
.ponente .datos-ponente .txt            { font-family: Barlow; font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; color: #575756; }
.ponente .datos-ponente h2.gold         { color: #C6912E; }
.ponente .datos-ponente h2.red          { color: #8A3434; }
.ponente .datos-ponente h2.blue         { color: #33718A; }
.ponente.v2 .datos-ponente h2,
.ponente.v2 .datos-ponente h5,
.ponente.v2 .datos-ponente .txt         { padding-right: 30px; }
.ponente.v2 .image img                  { filter: grayscale(1); width:100%; }
.ponente .datos-ponente p:last-child    { padding-bottom: 70px; margin-bottom: 0px;}
.ponente.v2 .h1                         { border-bottom: 1px solid #E5E6E4;  }

@media (max-width: 991.98px) {
    .ponente .datos-ponente h2          { font-size: 28px; line-height: 34px; padding-bottom: 20px; margin-bottom: 20px;}
    .ponente.v2 .datos-ponente h2       { border-top: 1px solid #E5E6E4; padding-top: 30px;}
    .ponente .datos-ponente h5          { font-size: 14px; line-height: 20px; padding-bottom: 20px; margin-bottom: 40px; }
    .ponente .datos-ponente .txt        { font-size: 16px; line-height: 24px; }
    .ponente.v2 .datos-ponente h2  { padding: 20px 0px;}
    .ponente.v2 .datos-ponente h5  { padding-bottom: 20px;}
    .ponente.v2 .datos-ponente          { border-right: 0px; }
    .ponente .datos-ponente p:last-child    { padding-bottom: 40px; margin-bottom: 0px;}
   .ponente.v2 .image         { padding-top: 17px; padding-bottom:0px;}
   .ponente .datos-ponente              { padding-top: 22px;}
 
}

@media (max-width: 576px) {
 .ponente .container     { padding-left:0px; padding-right:0px;}
}


/* MÓDULO TESTIMONIALES*/

.testimonios .col-xl-7                  { display: flex; align-items: center; }
.testimonios .testimonio                { margin: 0 auto; width:90%;}
.testimonios .testimonio .container     { max-width: 1240px !important; padding-left: 15px; padding-right:15px;}
.testimonios .testimonio .row           { padding:70px 0px; border-right: 1px solid #E5E6E4; border-left: 1px solid #E5E6E4; }
.testimonios.v4 .testimonio .row        { padding:0px!important; }
.testimonios.v4 .col-xl-6:first-child               { border-right: 1px solid #E5E6E4; }
.testimonios.v4 .datos-testimonio       { padding: 70px; }
.testimonios.v2 .testimonio:nth-child(n+2) .row  { border-top: 1px solid #E5E6E4; }
.testimonios .image                     { text-align: center;}
.testimonios .image.velo img         { filter: brightness(0.5);}
.testimonios .image img             { width:240px; height:auto; }
.testimonios .datos-testimonio          { max-width: 700px;}
.testimonios .datos-testimonio.right    { margin-left: auto; margin-right: 0;}
.testimonios .datos-testimonio div.big    { margin-bottom:30px; font-family: Barlow; font-style: normal; font-weight: normal; font-size: 24px; line-height: 34px; color: #000000; }
.testimonios .datos-testimonio h5       { font-family: Barlow; font-style: normal; font-weight: bold; font-size: 14px;line-height: 20px; letter-spacing: 0.03em; text-transform: uppercase; }
.testimonios .datos-testimonio h5.gold  { color: #C6912E; }
.testimonios .datos-testimonio h5.red   { color: #8A3434; }
.testimonios .datos-testimonio h5.blue  { color: #33718A; }

@media (max-width: 991.98px) {
  .testimonios .testimonio            { width: 100%; text-align: center;}
  .testimonios .image                 { margin-bottom: 0px; padding-top:40px;}
  .testimonios .image img             { width:240px; height:auto; }
  .testimonios .datos-testimonio div.big    { margin-bottom: 20px; font-size: 22px; line-height: 28px;}
    .testimonios .datos-testimonio h5   { font-size: 14px; line-height: 20px; }
    .testimonios.v4 .col-xl-6:first-child               { border-bottom: 1px solid #E5E6E4; border-right: 0px; }
    .testimonios.v4 .datos-testimonio   { padding:0px;}
    .testimonios .testimonio .container {padding-left: 0px; padding-right:0px;}
   .testimonios .testimonio .row         { padding:0px!important;  }
  .testimonios .datos-testimonio     { padding:40px!important; margin: auto !important}
}

@media (max-width: 576px) {
 .testimonios .col-xl-7,
 .testimonios .col-lg-7,
 .testimonios .col-xl-3,
 .testimonios .col-lg-4     { padding-right:0px; padding-left:0px;}
 .testimonios .testimonio    {border-right:0px;border-left:0px;}
 .testimonios .testimonio .container {padding-left: 0px; padding-right:0px;}
 .testimonios.v2 .testimonio:last-child .row  { border-top: 1px solid #E5E6E4; }
}


/* MÓDULO INSTALACIONES / GALLERY*/

.instalaciones                 { margin:0 auto; width:90%;}
.instalaciones p.small                  { margin-top:10px; margin-bottom:30px; font-family: Barlow; font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; color: #575756; text-align: left;}
.instalaciones .image                   { text-align: center; margin-top: 30px;}
.instalaciones .image img          { width:100%;}
.instalaciones .vl                      { border-left: 1px solid #E5E6E4; }

@media (max-width: 991.98px) {
    .instalaciones .vl                  { border-left: 0px; }
    .instalaciones .col-xl-6:last-child { border-top: 1px solid #E5E6E4;  }
    .instalaciones p.small              { font-size: 16px; line-height: 24px; margin-bottom:20px;}
    .instalaciones .image     { margin-top:20px;}
    .instalaciones                { width:100%;}
}

@media (max-width: 576px) {
 .instalaciones .container    { padding-right:0px; padding-left:0px;}
}



/* MÓDULO VIDEO-IMAGEN*/

.video-imagen h2                        { margin-bottom:50px; font-family: Barlow; font-style: normal; font-weight: normal; font-size: 40px; line-height: 50px; color: #000000; }
.video-imagen div.big                     { margin:20px 0px 70px; font-family: Barlow; font-style: normal; font-weight: normal; font-size: 24px; line-height: 34px; color: #000000; }
.video-imagen img           { width:100%; }
.video-imagen .video img    { width:auto!important; } 
.video-imagen .video          { position: relative;height: 0;overflow: hidden;padding-bottom: 56.2%;margin-bottom: 20px; }
.video-imagen .video-play     { align-items: center;display: flex;height: 100%;left: 0;position: absolute;top: 0;width: 100%;justify-content: center;pointer-events: none; }
.video-imagen .video iframe    { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media (max-width: 991.98px) {
    .video-imagen h2                    { margin-bottom:40px; font-size: 28px; line-height: 34px;}
    .video-imagen div.big                 { margin:15px 0px 45px; font-size: 28px; line-height: 36px; }
}

@media (max-width: 576px) {
 .video-imagen.container    { padding-right: 0px; padding-left: 0px; }
}


/* MÓDULO COLABORADORES*/

.colaboradores                          { margin: 0px auto 0px; width:90%; }
h3.title-colaborador                    { font-style: normal; font-weight: bold; font-size: 28px; line-height: 36px; letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 30px; }
.colaboradores .colaborador             { border-left: 1px solid #E5E6E4; border-right: 1px solid #E5E6E4; }
.colaboradores .rectangle               { margin: 50px 30px; text-align: center;}
.colaboradores .card-subtitle           { font-family: Barlow; font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #B2B2B2;margin-top:20px;}
.colaboradores.v2 .card-subtitle        { color:#000000;  margin: 0 auto;}
.colaboradores.v2 .rectangle            { margin: 50px 30px;min-height: 140px;display: flex;align-items: center;text-align: center; }

@media (max-width: 1200px) {
    .colaboradores img                  { width: 100%; }
}

@media only screen and (max-width: 991.98px) { 

    .colaboradores .colaborador         { border-top: 1px solid #E5E6E4; border-bottom: 1px solid #E5E6E4; }
    .colaboradores .row                 { border-top: 0px; border-bottom: 0px;}
    .colaboradores.v2 .rectangle        { min-height: 70px; }
    .colaboradores img                  { width: auto; }
  .colaboradores           { width:100%; }
}

@media (max-width: 767.98px) {
    h3.title-colaborador                { font-size: 21px; line-height: 29px; margin-bottom: 17px;}
    .colaboradores.v2 .rectangle        { min-height: inherit; margin:40px 30px;}
    .colaboradores .rectangle           { margin: 20px 30px 40px;}
}

@media (max-width: 576px) {
 .colaboradores .container    { padding-right: 0px; padding-left: 0px; }
}

@media (max-width: 350px) {
    .colaboradores img                  { width: 100%; }
}


/* MÓDULO CONTACTO*/

.contacto                               { margin: 20px 0px; }
.contacto .col-xl-auto                  { display: flex; align-items: center; }
.contacto .datos p,
.contacto .datos-contacto a             { font-family: Barlow; font-style: normal; font-weight: normal; font-size: 18px; line-height: 28px; color: #575756;}
.contacto .datos-contacto a             { display: inline-block; vertical-align: middle; margin-bottom: 0px;}

@media (max-width: 991.98px) {
    .contacto .datos p,
    .contacto .datos-contacto a         { font-size: 15px; line-height: 24px;}
  .contacto .datos-contacto a svg   { margin-right: 28px; }
    .contacto .datos-contacto a img     { margin-right: 10px; }
    .contacto .datos-contacto           { margin-bottom: 20px; }
    .contacto .datos                    { margin: 25px 0 25px; }
 .contacto .datos p:first-child   { margin-bottom:20px;}
}

@media (max-width: 576px) {
 .contacto.container     { padding-right: 0px; padding-left: 0px; }
}


/* MÓDULO FOOTER*/

footer                                  { background: #F7F7F7; }
footer p                                { padding-top: 5px; margin-bottom:0px; font-family: Barlow; font-style: normal; font-weight: normal; font-size: 14px; line-height: 28px; letter-spacing: 0.03em; text-transform: capitalize; color: #707173; }
footer a.transicion                     { text-decoration:none; position:relative; padding-top: 5px; display: block;font-family: Barlow; font-style: normal;font-weight: normal;font-size: 18px;line-height: 29px;letter-spacing: 0.03em;color: #000000; }
footer a.transicion:before              { content: "";position: absolute;width: 0;height: 2px;bottom: 0;left: 0;background-color: #000000;visibility: hidden;transition: all 0.3s ease-in-out; }
footer a.transicion:hover:before        { visibility: visible;width: 100%;}
footer .col-xl-2                        { border-left: 1px solid #E5E6E4;  }
footer .col-xl-auto                     { border-right: 1px solid #E5E6E4;  }
footer .m-0                             { padding: 20px 15px; }
footer .datos-pie                       { min-height: 50px; }

@media (max-width: 1199.98px) {
    footer                              { text-align: center; }
    footer .datos-pie                   { min-height: auto; }
    footer .m-0                         { padding: 20px 0px 0px; }
    footer img                          { margin: 10px 0 0; }
    footer .col-xl-5                    { border-top: 1px solid #E5E6E4; border-left: 0px; }
    footer .col-xl-auto                 { border-top: 1px solid #E5E6E4; border-right: 0px;  }
    footer .m-0:first-child,
    footer .m-0:nth-child(2)            { border-top:0px!important; }
    footer p                            { margin-bottom: 15px; }
    footer a                            { margin-bottom: 20px;  display: inline-block!important;}
}
@media (max-width: 991.98px) {
 footer p                            { margin-bottom: 15px; font-size: 14px;line-height: 28px;}
    footer a                            { margin-bottom: 20px; font-size: 16px;line-height: 24px; display: inline-block!important;}
}
@media (max-width: 575.98px) {
 .pie         { margin-bottom:95px;}
}


/* DESCARGA FOLLETO */

.descargas                              { background-color: #33718A; color: #ffffff; padding: 70px 0px;}
.descargas h3                           { margin-bottom: 60px; }
.descargas svg                          { margin-bottom: 15px; }
.descargas h2                           { font-family: Barlow;font-style: normal;font-weight: normal;font-size: 40px;line-height: 50px;text-align: center; color: #FFFFFF;}
.descargas p.big                        { font-family: Barlow;font-style: normal;font-weight: normal;font-size: 24px;line-height: 34px;text-align: center;color: #FFFFFF; }

@media (max-width: 991.98px) {
    .descargas h2                       { font-size: 28px; line-height: 34px;}
    .descargas p.big                    { font-size: 28px; line-height: 36px; }
}