@charset "UTF-8";
/*  BASE  */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
  font-family: 'GTSuperText-Bold';
  src: url('../fonts/GTSuperText-Bold.eot');
  src: url('../fonts/GTSuperText-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/GTSuperText-Bold.svg#GTSuperText-Bold') format('svg'),
       url('../fonts/GTSuperText-Bold.ttf') format('truetype'),
       url('../fonts/GTSuperText-Bold.woff') format('woff'),
       url('../fonts/GTSuperText-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GTSuperText-Black';
  src: url('../fonts/GTSuperText-Black.eot');
  src: url('../fonts/GTSuperText-Black.eot?#iefix') format('embedded-opentype'),
       url('../fonts/GTSuperText-Black.svg#GTSuperText-Black') format('svg'),
       url('../fonts/GTSuperText-Black.ttf') format('truetype'),
       url('../fonts/GTSuperText-Black.woff') format('woff'),
       url('../fonts/GTSuperText-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?kjxq8m');
  src:  url('../fonts/icomoon.eot?kjxq8m#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?kjxq8m') format('truetype'),
    url('../fonts/icomoon.woff?kjxq8m') format('woff'),
    url('../fonts/icomoon.svg?kjxq8m#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-iconos_compartir:before {
  content: "\e900";
  color: #60a7cf;
}
.icon-iconos_correo:before {
  content: "\e901";
}
.icon-iconos_flecha:before {
  content: "\e902";
  color: #fff;
}
.icon-iconos_link .path1:before {
  content: "\e903";
  color: rgb(96, 167, 207);
}
.icon-iconos_link .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-iconos_vcard:before {
  content: "\e905";
}
.degradado{
  padding-top:30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  opacity: 0;
  transition: all 0.3s;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.degradado .b3-description, .degradado .b3-vee-more, .degradado .b3-title-news{
  opacity: 1!important;
}

/* line 1, app/scss/base/inicializacion.scss */
html {
  font-size: 16px; }

/* line 5, app/scss/base/inicializacion.scss */
body {
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   }

.socio__contenido::-webkit-scrollbar{
	width: 0px !important;

 }
.scroll{
	overflow: auto!important;
}

.scroll::-webkit-scrollbar{
	width: 0px !important;

}

.scroll::-webkit-scrollbar-track{
	background: rgba(243, 243, 243, 0.0);

}

.scroll::-webkit-scrollbar-thumb{
	background: rgba(243, 243, 243, 0.0);

}

.scroll::-webkit-scrollbar-thumb:hover{
	background: rgba(243, 243, 243, 0.0);

}




/* line 17, app/scss/base/inicializacion.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
p,
section,
summary {
  margin: 0;
  padding: 0;
  }

a{
  text-decoration: none!important;
  color: none!important;
  transition: all .3s ease-out!important;
}
/* Scroll Google body::-webkit-scrollbar {
	width: 8px;
	}


 body::-webkit-scrollbar-track {
    background: rgba(243, 243, 243, 0.51);
}


 body::-webkit-scrollbar-thumb {
    background: rgba(235, 235, 235, 0.56);
}


 body::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 174, 197, 0.57);
} */


/* Scroll Internet explorer, Chrome y Firefox */


.detalle__participantes, .detalle__noticia, .noticias, .page__contenido, .page__contenido, .accesos, .personas, .socio__contenido, .socio__foto, .socio, .articulo mobile, .detalle, .mobile{

-ms-overflow-style: none;
    overflow: auto;



}
.featured-news-home::-webkit-scrollbar {
   background-color: #1f9cb4!important;
   display: none !important;
}
.noticias::-webkit-scrollbar {
   background-color: #fff!important;
   display: none !important;
}
.detalle__participantes::-webkit-scrollbar {
   background-color: #00adc4!important;
   display: none !important;
}
.detalle::-webkit-scrollbar {
   background-color: #00adc4!important;
   display: none !important;
}
.page__contenido::-webkit-scrollbar{
	background-color: #00adc4!important;
    display: none !important;
}
.socio__contenido::-webkit-scrollbar{
	background-color: #00adc4!important;
    display: none !important;
}

.socio::-webkit-scrollbar{
	background-color: #00adc4!important;
    display: none !important;
}
.socio__foto::-webkit-scrollbar{
background-color: #00adc4!important;
    display: none !important;
}
.accesos::-webkit-scrollbar{
	background-color: #00adc4!important;
    display: none !important;
}

.articulo::-webkit-scrollbar{
	display: none !important;
}

.detalle__noticia::-webkit-scrollbar{
	display: none !important;
}




/* line 35, app/scss/base/inicializacion.scss */
a {
  text-decoration: none;
  display: inline-block; }

/* line 40, app/scss/base/inicializacion.scss */
a:active,
a:focus,
a:hover {
  outline: none; }

/* line 46, app/scss/base/inicializacion.scss */
ol,
ul {
  list-style-type: none;
  list-style: disc;
  margin: 0;
  padding: 0; }

/* line 54, app/scss/base/inicializacion.scss */
img {
  border: 0;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

/* COMPONENETES */
/* line 1, app/scss/componentes/generales.scss */
.logotipo {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-top: 20px;
 }

/* line 1, app/scss/componentes/header.scss */
.header {
  /* border-bottom: 1px solid #231f20; */
  height: 100px;
  position: fixed;
  display: flex;
  align-items: center;
  top: 0;
  width: 100%;
  z-index: 10;
  transition: all .3s ease-out;
  }
  .page-id-103 .header{
    background-color: #fff;
  }
  .single-equipo .page-103 .header__link, .single-equipo .page-149 .header__link{
    color: #60A7CE!important;

  }
  .page-id-103 .header .logo-negro, .single-equipo .header .logo-negro, .page-id-51 .header .logo-negro, .page-id-2561 .header .logo-negro, .page-id-2598 .header .logo-negro, .single-noticia .header .logo-negro, .page-id-149 .header .logo-negro, .page-id-131 .header .logo-negro, .page-id-3455 .header .logo-negro, .page-id-3453 .header .logo-negro, .page-id-3462 .header .logo-negro, .page-id-3451 .header .logo-negro{
    display: inline-block;
  }
  .page-id-103 .header .logo-blanco, .single-equipo .header .logo-blanco, .page-id-51 .header .logo-blanco, .page-id-2561 .header .logo-blanco, .page-id-2598 .header .logo-blanco, .single-noticia .header .logo-blanco, .page-id-149 .header .logo-blanco, .page-id-131 .header .logo-blanco, .page-id-3455 .header .logo-blanco, .page-id-3453 .header .logo-blanco, .page-id-3462 .header .logo-blanco, .page-id-3451 .header .logo-blanco{
    display: none;
  }
  .header .logo-negro{
    display: none;
  }
  .header .logo-blanco{
    display: inline-block;
  }
  .header.scrolling{
    background-color: #fff;
  }
  .header.scrolling .logo-blanco{
    display: none;
  }
  .header.scrolling .logo-negro{
    display: inline-block;
  }
  /* line 12, app/scss/componentes/header.scss */
  .header__menu {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 5px;
  }
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    display: none;
  }
  /* line 19, app/scss/componentes/header.scss */
  .header__item {
    display: inline-block;
    margin: 0 1em; }
    /* line 23, app/scss/componentes/header.scss */
    .header__item--idioma {
      margin-left: 3em;
      margin-right: 0px;
      }
    .header__item--idioma .header__link--active {
      color: #FFFFFF;
      font-weight: 700;
      }
    .scrolling .header__item--idioma .header__link--active {
      color: #000000;
      font-weight: 700;
     }
    /* line 27, app/scss/componentes/header.scss */
    .header__item:first-child {
      display: none; }
  /* line 32, app/scss/componentes/header.scss */

  .scrolling .header__link{
    font-family: 'Work Sans', sans-serif;
    color: #606060;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 500;
    line-height: 19px;
    padding: 0;
    position: relative;
    transition: all .3s ease-out;
    text-transform: uppercase;}

    .scrolling .header__separador{
      margin: 0 .3em 0 .3em;
      color: #3A3A39;
      font-weight: 100;
      font-size: 12px;
    }

    .scrolling .header__link:hover {
      color: #000; }

  .header__link {
    font-family: 'Work Sans', sans-serif;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 500;
    line-height: 19px;
    padding: 0;
    position: relative;
    transition: all .3s ease-out;
    text-transform: uppercase;}

    .page-id-103 .header__link, .single-equipo .header__link,  .page-id-2561 .header__link, .page-id-2598 .header__link, .page-id-35 .header__link, .single-noticia .header__link, .page-id-153 .header__link, .page-id-149 .header__link, .page-id-131 .header__link, .single-areas .header__link, .page-id-3455 .header__link, .page-id-3453 .header__link, .page-id-3459 .header__link, .page-id-3462 .header__link, .page-id-3451 .header__link {
      font-family: 'Work Sans', sans-serif;
      color: #606060;
      font-size: 13px;
      letter-spacing: 0.5px;
      font-weight: 500;
      line-height: 19px;
      padding: 0;
      position: relative;
      transition: all .3s ease-out;
      text-transform: uppercase;}
      .page-id-103 .header__link:hover, .single-equipo .header__link:hover{color:#000;}
      .page-id-103 .header__link.header__link--active, .page-id-149 .header__link.header__link--active, .page-id-153 .header__link.header__link--active, .page-id-131 .header__link.header__link--active, .single-noticia .page-35 .header__link, .page-id-35 .header__link.header__link--active, .page-id-2598 .header__link.header__link--active, .page-id-2561 .header__link.header__link--active, .page-id-37 .header.scrolling .header__link.header__link--active, .page-id-2598 .header.scrolling .header__link.header__link--active, .page-id-127 .header.scrolling .header__link.header__link--active, .page-id-3455 .header__link.header__link--active, .page-id-3453 .header__link.header__link--active, .page-id-3459 .header__link.header__link--active, .page-id-3462 .header__link.header__link--active, .page-id-3451 .header__link.header__link--active
{color:#60A7CE;}
      .page-id-103 .header__link--language.header__link--active, .page-id-2561 .header__link--language.header__link--active, .single-equipo .header__link--language.header__link--active, .page-id-2598 .header__link--language.header__link--active, .page-id-153 .header__link--language.header__link--active, .page-id-131 .header__link--language.header__link--active, .page-id-149 .header__link--language.header__link--active, .single-areas .header__link--language.header__link--active, .page-id-3455 .header__link--language.header__link--active, .page-id-3453 .header__link--language.header__link--active, .page-id-3459 .header__link--language.header__link--active, .page-id-3462 .header__link--language.header__link--active, .page-id-3451 .header__link--language.header__link--active
{color:#606060!important; font-weight: 700!important;}
      .page-template .header__separador, .noticia-template-default .header__separador, .single .header__separador {color: #606060;}


      .page-id-51 .header__link, .single-equipo .header__link {
        font-family: 'Work Sans', sans-serif;
        color: #606060;
        font-size: 13px;
        letter-spacing: 0.5px;
        font-weight: 500;
        line-height: 19px;
        padding: 0;
        position: relative;
        transition: all .3s ease-out;
        text-transform: uppercase;}
        .page-id-51 .header__link:hover, .single-equipo .header__link:hover{color:#000000;}
        .page-id-51 .header__link.header__link--active{color:#60A7CE;}
        .page-id-51 .header__link--language.header__link--active, .page-id-35 .header__link--language.header__link--active, .single-noticia .header__link--language.header__link--active{color:#606060!important; font-weight: 700!important;}
        .page-id-51 .header__separador{color: #606060;}
    /* line 42, app/scss/componentes/header.scss */
    /* .header__link:before {
      background-color: #3A3A39;
      content: '';
      display: inline-block;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 0;
      transition: all .3s ease-out;
      width: 0; } */
    /* line 54, app/scss/componentes/header.scss */
    .header__link:hover {
      color: #3A3A39; }
      /* line 56, app/scss/componentes/header.scss */
      .header__link:hover:before {
        width: 100%; }
    .header__link--language {
      font-size: 13px;
    }
    .header__link--language__mobile{
      font-size: 14px !important;
    }

  /* line 62, app/scss/componentes/header.scss */
  .header__separador {
    margin: 0 .3em 0 .3em;
    color: #fff;
    font-weight: 100;
    font-size: 12px;
   }

/* line 69, app/scss/componentes/header.scss */
.header__link--active {
  color: #3A3A39; }
  /* line 71, app/scss/componentes/header.scss */
  .header__link--active:before {
    width: 100%; }

@media (max-width: 1100px) {
  /* line 78, app/scss/componentes/header.scss */
  .header__menu--mobile {
    display: inline-block;
    background-color: #fff;
    border-top: 1px solid #3a3a3933;
    height: 100vh;
    opacity: 0;
    overflow: auto;
    padding: 0;
    pointer-events: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 100px;
    text-align: left;
    transition: all .1s ease-in;
    width: 100%;
    z-index: 20; }
    /* line 98, app/scss/componentes/header.scss */
    .header__menu--mobile .header__item {
      display: block;
      height: 0;
      margin: 0 0 0 15px;
      padding: 0 0 4em 0; }
      /* line 104, app/scss/componentes/header.scss */
      .header__menu--mobile .header__item:last-child {
        display: none; }
    /* line 109, app/scss/componentes/header.scss */
    .header__menu--mobile .header__link {
      font-size: 28px;
      line-height: 36px;
      font-weight: 300;}

      .header__menu--mobile .header__link--language__mobile.header__link--active {
        margin-top: 5px;
        font-weight: 700;}
     }

@media (max-width: 320px) {
  /* line 78, app/scss/componentes/header.scss */
  .header__menu--mobile {
    padding-top: 0; }
    /* line 119, app/scss/componentes/header.scss */
    .header__menu--mobile .header__item {
      padding: 0 0 3em 0; }
    /* line 123, app/scss/componentes/header.scss */
    .header__menu--mobile .header__link {
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 24px;
      line-height: 1.5rem; } }

/* line 132, app/scss/componentes/header.scss */
.onActive {
  opacity: 1;
  pointer-events: all; }

/* line 139, app/scss/componentes/header.scss */
.burger {
  position: absolute;
  top: 30%;
  right: 3%;
  z-index: 20;
  display: none; }
  @media (max-width: 1100px) {
    /* line 139, app/scss/componentes/header.scss */
    .burger {
      display: inherit; } }
  /* line 150, app/scss/componentes/header.scss */
  .burger__container {
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    transition: all .3s ease-out;
    width: 40px; }
  /* line 159, app/scss/componentes/header.scss */
  .burger__stripe {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background: #3A3A39;
    height: 2px;
    margin: 8px auto;
    transition: all 0.3s;
    width: 85%; }
    /* line 167, app/scss/componentes/header.scss */
    .burger__stripe:nth-child(2) {
      position: relative;

      width: 85%; }

/* line 177, app/scss/componentes/header.scss */
.on .burger__stripe--top {
  background-color: #60A7CE;
  -webkit-transform: rotate(45deg) translate(7px, 7px);
          transform: rotate(45deg) translate(7px, 7px); }

/* line 182, app/scss/componentes/header.scss */
.on .burger__stripe--middle {
  opacity: 0; }

/* line 186, app/scss/componentes/header.scss */
.on .burger__stripe--bottom {
  background-color: #60A7CE;
  -webkit-transform: rotate(-45deg) translate(7px, -7px);
          transform: rotate(-45deg) translate(7px, -7px); }

/* line 2, app/scss/componentes/banner.scss */
.banner {
  height: 100vh;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in-out;
  width: 100%; }
  /* line 11, app/scss/componentes/banner.scss */
  .banner__destacado {
    color: #ffffff;
    display: none;
    /* position: absolute;
    top: 50px;
    left: 18%; */
    transition: all 0.3s ease-in-out;
    max-width:60%;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-delay: .2s;
            animation-delay: .2s; }
    @media (max-width: 1680px) {
      /* line 11, app/scss/componentes/banner.scss */
      .banner__destacado {
        left: 14%; } }
    @media (max-width: 1440px) {
      /* line 11, app/scss/componentes/banner.scss */
      .banner__destacado {
        left: 8%;
        width: 55%; } }
    @media (max-width: 1280px) {
      /* line 11, app/scss/componentes/banner.scss */
      .banner__destacado {
		left: 2%;
        width: 53%; } }
    @media (max-width: 1024px) {
      /* line 11, app/scss/componentes/banner.scss */
      .banner__destacado {
        left: 4%;
        width: 50%; } }
    @media (max-width: 768px) {
      /* line 11, app/scss/componentes/banner.scss */
      .banner__destacado {
        width: 70%; }
      .section-content{
        min-width: 100%!important;
    }}
    @media (max-width: 480px) {
      /* line 11, app/scss/componentes/banner.scss */
      .banner__destacado {
        top: 30px;
        width: 90%; }
     body {
	     overflow: scroll!important;


         } }
  /* line 54, app/scss/componentes/banner.scss */
  .banner__titulo {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem;
    margin: 0 0 1.5em 0;
    padding: 0 .5em 0 0;
    position: relative;
    text-transform: uppercase; }
    @media (max-width: 480px) {
      /* line 54, app/scss/componentes/banner.scss */
      .banner__titulo {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 16px;
        line-height: 1rem;
        margin: 0 0 0 0; } }
    /* line 69, app/scss/componentes/banner.scss */
    .banner__titulo::after {
      background-color: #00adc4;
      content: '';
      display: inline-block;
      height: 10px;
      position: absolute;
      bottom: -1em;
      left: 0;
      width: 100%; }
      @media (max-width: 480px) {
        /* line 69, app/scss/componentes/banner.scss */
        .banner__titulo::after {
          height: 6px; } }
  /* line 85, app/scss/componentes/banner.scss */
  .banner__text {
     font-family: 'GTSuperText-Bold';
    font-size: 65px;
    line-height: 70px;
    font-weight: 400;
  }
  .gris-text{
    color: #3A3A39;
  }

    @media (max-width: 1366px) {
      /* line 85, app/scss/componentes/banner.scss */
      .banner__text {
        font-size: 50px;
        line-height: 56px; } }

    @media (max-width: 1280px) {
      /* line 85, app/scss/componentes/banner.scss */
      .banner__text {
        font-size: 45px;
        line-height: 51px; } }
    @media (max-width: 480px) {
      /* line 85, app/scss/componentes/banner.scss */
      .banner__text {
        font-size: 36px;
        line-height: 42px; } }
    @media (max-width: 320px) {
      /* line 85, app/scss/componentes/banner.scss */
      .banner__text {
        font-size: 35px;
        line-height: 41px; } }
  /* line 106, app/scss/componentes/banner.scss */
  .banner__nota {
    font-size: 25px;
    line-height: 31px;
    font-weight: 400;
    margin: 1em 0 0 0;
    font-family: 'Roboto', sans-serif;
  }
    @media (max-width: 1280px) {
      /* line 106, app/scss/componentes/banner.scss */
      .banner__nota {
        font-size: 22px;
        line-height: 28px; } }
    @media (max-width: 480px) {
      /* line 106, app/scss/componentes/banner.scss */
      .banner__nota {
        font-size: 18px;
        line-height: 25px;
        width: 100%; } }
  /* line 125, app/scss/componentes/banner.scss */
  .banner__link {
    color: #ffffff;
    font-family: 'Circular Std Book';
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem;
    margin: 0;
    position: absolute;
    bottom: 37%;
    left: 18%;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    z-index: 100; }
    .banner__link.desktop{

      }
      .banner__link.mobile{
        display: none;}
    /* line 138, app/scss/componentes/banner.scss */
    .banner__link:hover {
      opacity: .8;
      display: inherit; }
    @media (max-width: 1680px) {
      /* line 125, app/scss/componentes/banner.scss */
      .banner__link {
        left: 14%;
		bottom: 25%;} }
    @media (max-width: 1440px) {
      /* line 125, app/scss/componentes/banner.scss */
      .banner__link {
        left: 8%;
        bottom: 25vh; } }
    @media (max-width: 1280px) {
      /* line 125, app/scss/componentes/banner.scss */
      .banner__link {
		left: 2%;
        bottom: 25vh; } }
    @media (max-width: 1024px) {
      /* line 125, app/scss/componentes/banner.scss */
      .banner__link {
        left: 4%;
        bottom: 30%; } }
    @media (max-width: 768px) {
      /* line 125, app/scss/componentes/banner.scss */
      .banner__link {
        bottom: 30%; } }
    @media (max-width: 480px) {
      /* line 125, app/scss/componentes/banner.scss */
      .banner__link {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 16px;
        line-height: 1rem; }

      .banner__link.desktop{
        display: none;
      }
      .banner__link.mobile{
        display: none;} }
    @media (max-width: 320px) {
      /* line 125, app/scss/componentes/banner.scss */
      .banner__link {
        bottom: 22%; } }
  /* line 178, app/scss/componentes/banner.scss */
  .banner .banner__destacado--light {
    color: #101010; }
    /* line 180, app/scss/componentes/banner.scss */
    .banner .banner__destacado--light + .banner__link {
      color: #101010; }
  /* line 185, app/scss/componentes/banner.scss */
  /* .banner__foto {
    height: 100vh!important;
    width: 100% !important;
    margin: -22px 0 0 0; } */

    .owl-item .item{width: 100%; height: 100vh; background-size: cover; display: flex; align-items: end; padding-bottom: 20vh;}

/* line 192, app/scss/componentes/banner.scss */
.owl-home, .owl-carousel {
  display: inline-block !important;
  overflow: hidden;
  position: relative;
  height: 100%;
  z-index: 1; }
  /* line 199, app/scss/componentes/banner.scss */
  .owl-home .owl-nav, .owl-carousel .owl-nav {
    display: none;
    margin: 0 auto;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    width: 95%; }
    /* line 209, app/scss/componentes/banner.scss */
    .owl-home .owl-nav .owl-next, .owl-carousel .owl-nav .owl-next {
      float: right;
      position: relative;
      pointer-events: all; }
    /* line 215, app/scss/componentes/banner.scss */
    .owl-home .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-prev {
      float: left;
      pointer-events: all; }
  /* line 221, app/scss/componentes/banner.scss */
  .owl-home .prev:before, .owl-home .next:before, .owl-carousel .prev:before, .owl-carousel .next:before {
    font-family: 'icomoon';
    content: "\e90e";
    color: #00adc4;
    font-size: 30px;
    font-size: 1.8rem; }
  /* line 229, app/scss/componentes/banner.scss */
  .owl-home .next:before, .owl-carousel .next:before {
    content: "\e90d"; }
  /* line 233, app/scss/componentes/banner.scss */
  .owl-home .owl-dots, .owl-carousel .owl-dots {
    display: inline-block !important;
    position: absolute;
    bottom: 10vh;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    transition: all 0.3s ease-in-out;
    z-index: 3; }
    @media (max-width: 1024px) {
      .owl-item .item{width: 100%; height: 100vh; display: flex; align-items: center; padding-top: 100px;}
    }
    @media (max-width: 768px) {
      /* line 233, app/scss/componentes/banner.scss */
      .owl-home .owl-dots, .owl-carousel .owl-dots {
        bottom: 5%; }
        .owl-item .item{width: 100%; height: 100vh; display: flex; align-items: center; padding-top: 380px;}
      }
    @media (max-width: 480px) {
      /* line 233, app/scss/componentes/banner.scss */
      .owl-home .owl-dots, .owl-carousel .owl-dots {
        bottom: 5%; }
      }}
    @media (max-width: 320px) {
      /* line 233, app/scss/componentes/banner.scss */
      .owl-home .owl-dots, .owl-carousel .owl-dots {
        bottom: 20%; } }
    /* line 271, app/scss/componentes/banner.scss */
    .owl-home .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot {
      border-radius: 50%;
      height: 10px;
      background-color: #e6e6e68a;
      display: inline-block;
      margin: 5px;
      pointer-events: all;
      width: 10px; }
      @media (max-width: 480px) {
        /* line 271, app/scss/componentes/banner.scss */
        .owl-home .owl-dots .owl-dot, .owl-carousel .owl-dots .owl-dot {
          height: 10px;
          width: 10px; } }
      /* line 285, app/scss/componentes/banner.scss */
      .owl-home .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot.active {
        background-color: #E6E6E6;

        -webkit-animation-duration: 6s;
                animation-duration: 6s; }
  @media (max-width: 768px) {
    /* line 296, app/scss/componentes/banner.scss */
    .owl-home .item, .owl-carousel .item {
      height: 100vh; } }
  /* line 303, app/scss/componentes/banner.scss */
  .owl-home .owl-item.active .banner__destacado, .owl-carousel .owl-item.active .banner__destacado {
    display: inline-block; }

@-webkit-keyframes girar {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes girar {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/*
Estilos para todos los bloques que comparten la misma estructura
ejemplo: quienes somos y los detalles de cada acceso
*/
/* line 6, app/scss/componentes/page.scss */
/* .page {
  color: #101010;
  display: inline-block;
  height: calc(100vh - 80px);
  overflow: hidden;
  width: 100%; */
}
.page-id-5 {
  background-color: #3A3A39;
}
  @media (max-width: 480px) {
    /* line 6, app/scss/componentes/page.scss */
    .page {
      height: auto; } }
  /* line 18, app/scss/componentes/page.scss */
  .page__foto {
    background-image: url(../img/foto-seccion-03.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    display: inline-block;
    height: 100vh;
    position: relative;
    transition: all 0.3s ease-in-out;
    width: 100%; }
    @media (max-width: 768px) {
      /* line 18, app/scss/componentes/page.scss */
      .page__foto {
        background-position: center; } }
    @media (max-width: 480px) {
      /* line 18, app/scss/componentes/page.scss */
      .page__foto {
        height: 50vh; } }
  /* line 38, app/scss/componentes/page.scss */
  .page__contenido {
    height: 100vh;
    overflow-y: auto;
    padding: 2em;
    width: 100%; }
    @media (max-width: 768px) {
      /* line 38, app/scss/componentes/page.scss */
      .page__contenido {
        padding: 1.5em;
        width: 100%; } }
    @media (max-width: 480px) {
      /* line 38, app/scss/componentes/page.scss */
      .page__contenido {
        height: auto;
        overflow: inherit;
        padding-top: 20px;
        padding-left: 0px;
        padding-right: 0px; } }
  /* line 58, app/scss/componentes/page.scss */
  .page__titulo {
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 48px;
    line-height: 3rem;
    font-weight: 900;
    margin: 0 0 .7em 0; }
    @media (max-width: 768px) {
      /* line 58, app/scss/componentes/page.scss */
      .page__titulo {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 36px;
        line-height: 2.25rem; } }
    @media (max-width: 480px) {
      /* line 58, app/scss/componentes/page.scss */
      .page__titulo {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 32px;
        line-height: 2rem; }
        .page__text{
	        margin-bottom: 0px !important;

         }}
  /* line 75, app/scss/componentes/page.scss */
  .page__text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem;
    font-weight: 500;
    margin-bottom: 10em; }

    .page__text p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem;
    font-weight: 500;
    margin-bottom: 10em;
    width: 80%; }


    @media (max-width: 480px) {
      /* line 75, app/scss/componentes/page.scss */
      .page__text p {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 16px;
        line-height: 1rem;
        margin-bottom: 2em;
        width: 100%;

       } }



    .page__text p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem;
    font-weight: 500;
    margin-bottom: 1em; }
    @media (max-width: 480px) {
      /* line 75, app/scss/componentes/page.scss */
      .page__text p {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 16px;
        line-height: 1rem; } }
  /* line 87, app/scss/componentes/page.scss */
  .page__botones {
    margin: 2em 0 0 0; }
    @media (max-width: 768px) {
      /* line 87, app/scss/componentes/page.scss */
      .page__botones {
        margin: 2em 0 0 0; } }
  /* line 95, app/scss/componentes/page.scss */
  .page__boton {
    color: #101010;
    background-color: #d4d6d0;
    height: 40px;
    line-height: 40px;
    margin: .3em .3em .3em 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    min-width: 200px; }
    /* line 106, app/scss/componentes/page.scss */
    .page__boton:hover {
      color: #101010;
      background-color: #00adc4; }
    @media (max-width: 768px) {
      /* line 95, app/scss/componentes/page.scss */
      .page__boton {
        margin: 0 .3em 1em 0; } }
    @media (max-width: 480px) {
      /* line 95, app/scss/componentes/page.scss */
      .page__boton {
        width: 100%; } }

/* line 3, app/scss/componentes/acordeon.scss */
.acordeon {
  border-top: none;
  border-right: none;
  border-left: none;
  box-shadow: none;
  margin: 0;
  position: relative; }
  /* line 13, app/scss/componentes/acordeon.scss */
  .acordeon .collapsible-header {
    border-bottom: none;
    display: inline-block;
    padding-top: 2em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 0px;
    position: relative; }
  /* line 21, app/scss/componentes/acordeon.scss */
  .acordeon__logotipo {
    position: absolute;
    right: 10%;
    top: 10%;
    width: 120px; }
    @media (max-width: 768px) {
      /* line 21, app/scss/componentes/acordeon.scss */
      .acordeon__logotipo {
        width: 70px; } }
    @media (max-width: 480px) {
      /* line 21, app/scss/componentes/acordeon.scss */
      .acordeon__logotipo {
        left: 9%;
        top: 0;
        width: 30%; }

    .acordeon .collapsible-header {
    border-bottom: none;
    display: inline-block;
    position: relative;
    padding: 15px; }



         }
  /* line 39, app/scss/componentes/acordeon.scss */
  .acordeon__item:nth-child(2n+0) .collapsible-header {
    background-color: #fafaf9; }
  /* line 43, app/scss/componentes/acordeon.scss */
  .acordeon__item:last-child {
    margin-bottom: 10em; }
    @media (max-width: 480px) {
      /* line 43, app/scss/componentes/acordeon.scss */
      .acordeon__item:last-child {
        margin-bottom: 0; } }
  /* line 51, app/scss/componentes/acordeon.scss */
  .acordeon__titulo {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 36px;
    line-height: 2.25rem;
    margin: 0; }
    @media (max-width: 768px) {
      /* line 51, app/scss/componentes/acordeon.scss */
      .acordeon__titulo {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 24px;
        line-height: 1.5rem; } }
    @media (max-width: 480px) {
      /* line 51, app/scss/componentes/acordeon.scss */
      .acordeon__titulo {
        margin: 100px 0 0 0; } }
  /* line 66, app/scss/componentes/acordeon.scss */
  .acordeon__intro {
    font-family: 'Circular Std Book';
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    margin: 1em 0 1em 0; }
    @media (max-width: 768px) {
      /* line 66, app/scss/componentes/acordeon.scss */
      .acordeon__intro {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
        line-height: 1.125rem;
        font-weight: 900 !important; } }
  /* line 79, app/scss/componentes/acordeon.scss */
  .acordeon__text p {
    font-family: 'Circular Std Book';
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    margin-bottom: 1em; }

     .acordeon__ver {
    font-family: 'Circular Std Book';
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
    margin-bottom: 3em;
    display: block;}


    /* line 83, app/scss/componentes/acordeon.scss */
    .acordeon__ver--menos {
      cursor: pointer; }
  /* line 88, app/scss/componentes/acordeon.scss */
  .acordeon .collapsible-body {
    padding: 0 2em 2em; }
  /* line 92, app/scss/componentes/acordeon.scss */
  .acordeon__text {
    margin-bottom: 2em; }
    @media (max-width: 768px) {
      /* line 92, app/scss/componentes/acordeon.scss */
      .acordeon__text {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
        line-height: 1.125rem; } }
  /* line 102, app/scss/componentes/acordeon.scss */
  .acordeon__item.active {
    background-color: #f3f3f1; }
    /* line 105, app/scss/componentes/acordeon.scss */
    .acordeon__item.active .collapsible-header {
      background-color: #f3f3f1; }
  /* line 111, app/scss/componentes/acordeon.scss */
  .acordeon__titulo, .acordeon__intro, .acordeon__text {
    width: 70%; }
  @media (max-width: 480px) {
    /* line 118, app/scss/componentes/acordeon.scss */
    .acordeon .acordeon__titulo, .acordeon .acordeon__intro {
      width: 100%; }
    /* line 121, app/scss/componentes/acordeon.scss */
    .acordeon .acordeon__text {
      width: 100%; }

      .acordeon .collapsible-body {
    padding: 15px;
    font-weight: 200 !important; }

       }

/*
Estilos comunes para los bloques user qu estan
en noticias destacadas del home, personas y recientes
*/
/* line 6, app/scss/componentes/user.scss */
.user {
  color: #101010;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 14px;
  line-height: 0.875rem;
  margin-bottom: 2em;
  text-align: left;
  width: 96%; }
.equipo{max-width: 90%;}

/* line 15, app/scss/componentes/user.scss */
.user__foto {
   overflow: hidden;
  text-align: center;
  width: 100%; }
  @media (max-width: 768px) {
    /* line 15, app/scss/componentes/user.scss */
    .user__foto {
      height: 100% !important;
      min-width: 100%; } }
  @media (max-width: 480px) {
    /* line 15, app/scss/componentes/user.scss */
    .user__foto {
      height: 100% !important;
      min-width: 100%; }
       .user__foto img {
    height: auto;
    margin: 0 auto;
    width: 100% !important; }


      }
  /* line 34, app/scss/componentes/user.scss */



    .user__foto .user__link {
    position: relative; }
    /* line 25, app/scss/views/personas.scss */
    .user__foto .user__link:before {
      background-color: rgba(58, 58, 57, 0.8);
      content: '';
      display: inline-block;
      height: 100%;
      opacity: 0;
      position: absolute;
      left: 0;
      transition: all .3s ease-in-out;
      width: 100%;
      z-index: 3;
      mix-blend-mode: color;}
    /* line 38, app/scss/views/personas.scss */
    .user__foto .user__link:hover {
      -webkit-transform: scale(1);
              transform: scale(1); }
      /* line 40, app/scss/views/personas.scss */
      .user__foto .user__link:hover:before {
        opacity: 1; }



  /* line 47, app/scss/componentes/user.scss */
  .user__foto img {
    height: auto;
    margin: 0 auto;
    width: 100%; }

/* line 54, app/scss/componentes/user.scss */
.user__info {
  margin: .5em 0 0 0; }

/* line 58, app/scss/componentes/user.scss */
.user__nombre {
  color: #60A7CE;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  font-family: 'Work Sans', sans-serif;
  margin-bottom:5px;

}
.abogados-participantes .user__nombre {
    color: #60A7CE;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
}
.abogados-participantes .user__cargo, .abogados-participantes .user__correo{
  color: #3A3A39;
  font-size: 10px;
  line-height: 11px;
  margin-bottom: 0px;
}

/* line 62, app/scss/componentes/user.scss */
.user__cargo {
  color: #3A3A39;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 3px;
  font-family: 'Work Sans', sans-serif;
}

/* line 66, app/scss/componentes/user.scss */
.user__correo {
  color: #3A3A39;
  font-size: 12px;
  line-height: 15px;
  transition: all 0.3s;
  font-family: 'Work Sans', sans-serif;}
  /* line 70, app/scss/componentes/user.scss */
  .user__correo:hover {
    color: #000;
    text-decoration: underline!important;}

/*
  Estilos solo afectan los user que estan en noticias destacadas del home
  y la seccion de noticias de la page recientes.
*/
/* line 85, app/scss/componentes/user.scss */
.detalle__participantes .user {
  margin-bottom: 1em;
  width: 100%;
height:160px;}

/* line 90, app/scss/componentes/user.scss */
.detalle__participantes .user__foto {
  height: auto !important;
  max-height: 110px;
  min-width: inherit;
  max-width: 100%;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 768px) {
    /* line 90, app/scss/componentes/user.scss */
    .detalle__participantes .user__foto {
      max-height: 135px; } }

/* line 102, app/scss/componentes/user.scss */
.detalle__participantes .user__nombre {
  color: #ffffff; }


  @media(max-width: 480px){
    .detalle__participantes .user__nombre {
      color: #101010; }

	.detalle__participantes .user {
      height:185px;
	  }}

/* line 106, app/scss/componentes/user.scss */
.detalle__participantes .user__cargo {
  color: #101010; }

/* line 1, app/scss/componentes/footer.scss */
.footer {
  font-style: normal;
  background-color: #3A3A39;
  color: #ffffff;
  padding: 16px 0px;
  letter-spacing: .4px;
  width: 100%;
  border-top: 1px solid #60A7CE;
}
  @media(max-width: 480px){
	.footer {
     }}


  /* line 26, app/scss/componentes/footer.scss */
  .footer__copy {
    display: inline-block;
    text-align: right;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    font-size: 11px;
  }
  .footer__copy a {color:#fff;}
  /* line 30, app/scss/componentes/footer.scss */
  .footer__copy .footer__link {
    color: #60A7CE;
    font-weight: 700;
    transition: all .3s ease-out;
   }
   .footer__link:hover {
     color: #fff;
     font-weight: 700;
     text-decoration: underline;
  }
  .barra-color{
    color: #60A7CE;
  }
  .margin-cero-bottom{
    margin-bottom: 0px;
  }
  /* line 35, app/scss/componentes/footer.scss */
  .footer__partner {
    margin: 0;
    text-align: left;
    width: 100%; }
  /* line 41, app/scss/componentes/footer.scss */
  .footer__logotipo {
    display: inline-block;
    width: auto; }
  .footer__logotipofinal {
    display: inline-block;
    margin: 0 0 0 1em;
    max-width: 90px;
    width: auto; }

/* PAGINAS - VISTAS */
/*  Este es el bloque es que esta en el home */
/* line 2, app/scss/views/noticias.scss */
.noticias-destacadas {
  background-color: #fff;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  height: 100vh;
  width:100%;
  border-bottom: 1px solid #ccc;
}
  @media (max-width: 480px) {
    /* line 2, app/scss/views/noticias.scss */
    .noticias-destacadas {
      height: auto;
      display: none; } }
  /* line 16, app/scss/views/noticias.scss */
  .noticias-destacadas:before {
    background-color: #49bdce;
    content: '';
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 0;
    width: 50%; }
    @media (max-width: 480px) {
      /* line 16, app/scss/views/noticias.scss */
      .noticias-destacadas:before {
        display: none; } }
  @media (max-width: 480px) {
    /* line 31, app/scss/views/noticias.scss */
    .noticias-destacadas .row {
      margin-bottom: 0; } }
  .noticias-destacadas.related-news:before{
    background-color: #c3c3c3;
  }

/*  FIN noticias destacadas */
/*  Titulo que esta sobre noticias en las secciones de recientes */
/* line 39, app/scss/views/noticias.scss */
.noticias-titulo {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 900;
  margin: 1em 0 1em 0; }
  @media (max-width: 768px) {
    /* line 39, app/scss/views/noticias.scss */
    .noticias-titulo {
      margin: 2em 0 1em .9em; } }

/*  FIN titulo */
/*  Bloque noticias */
/* line 53, app/scss/views/noticias.scss */
.noticias {
  height: 100vh;
  display: inline-block;
  overflow: auto;
  position: relative;
  text-align: left; }
  @media (max-width: 480px) {
    /* line 53, app/scss/views/noticias.scss */
    .noticias {
      height: auto;
      overflow: inherit;
      padding: 3em 1em; } }
  /* line 67, app/scss/views/noticias.scss */
  .noticias__item {
    width: 100vh;
    border-bottom: 1px solid #60a7ce73;
	  padding: 20px 0;}
    .position-equipo{position: fixed; top:120px; right: 0px;
    max-width: 400px;}

    .noticias__item a {
      color: #3A3A39;}
    .noticias__item a:hover {
      color: #3A3A39;
      font-weight: normal;}

    @media (max-width: 480px) {
      /* line 67, app/scss/views/noticias.scss */
      .noticias__item {
        width: 90%; } }

    @media (max-width: 1280px) {
      /* line 91, app/scss/views/noticias.scss */
      .noticias__link {
        font-size: 14px;
        line-height: 22px;
        transition: all .3s ease-out; } }
    @media (max-width: 768px) {
      /* line 91, app/scss/views/noticias.scss */
      .noticias__link {
        font-size: 14px;
        line-height: 22px; } }
  /* line 114, app/scss/views/noticias.scss */
  .noticias__ver {
	display:none;
    color: #101010;
    margin: 1em 0 8em 0;
    transition: all 0.3s;
    text-transform: uppercase; }
    /* line 120, app/scss/views/noticias.scss */
    .noticias__ver:hover {
      opacity: .8; }
    @media (max-width: 768px) {
      /* line 114, app/scss/views/noticias.scss */
      .noticias__ver {
        margin: 0 0 6em 1em; } }
    @media (max-width: 480px) {
      /* line 114, app/scss/views/noticias.scss */
      .noticias__ver {
        margin: 0 0 0 0em; } }
/*  FIN Bloque noticias */

/* CSS paginación con pagenavi */
.pagination {
    margin: 4em auto 2em auto;
    text-align: center;
}

.pagination span.current{
    background-color: #00adc4;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    height: 30px;
    width: 30px;
    margin: 0 2px;
    padding: 3px 0 0 0;
}

.pagination a.previouspostslink,
.pagination a.nextpostslink{
    background-color: #d0d2cc;
    color: #101010;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    height: 30px;
    width: 50px;
    margin: 0 2px;
    padding: 3px 0 0 0;
}

.pagination a.page{
    background-color: #d0d2cc;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    height: 30px;
    width: 30px;
    margin: 0 2px;
    padding: 3px 0 0 0;
}

.pagination a.first,
.pagination a.last{
    background-color: #d0d2cc;
    color: #111111;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    height: 30px;
    width: 30px;
    margin: 0 2px;
    padding: 3px 0 0 0;
}
/* FIN paginación */

/*  Loader */
@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading-spinner {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate-forever;
  -moz-animation-name: rotate-forever;
  animation-name: rotate-forever;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  height: 30px;
  width: 30px;
  border: 3px solid rgba(255, 255, 255, 0.47);
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  margin: -15px 0 -15px;
}

/* FIN loader */

/*
Bloque de color que esta al lado derecho de las noticas
Donde stan en anunciado y las fotos de los __participantes
*/
/* line 141, app/scss/views/noticias.scss */
.detalle {
  font-family: 'Circular Std Book';
  height: 100vh;
  width: auto;
  overflow: hidden;
  }
  @media(max-width: 480px){
    .detalle {
      height: auto; }
  }
  .detalle__noticia .load,
  .detalle__participantes .load{
    position: absolute;
    width: 100%;
    text-align: center;
    margin: 0 -2em;
    display: none;
  }
  /* line 147, app/scss/views/noticias.scss */
  .detalle__noticia, .detalle__participantes {
    display: inline-block;
    height: 100vh;
    margin: 0;
    vertical-align: top; }
    @media (max-width: 768px) {
      /* line 147, app/scss/views/noticias.scss */
      .detalle__noticia, .detalle__participantes {
        height: auto; } }
  /* line 158, app/scss/views/noticias.scss */
  .detalle__noticia {
    /*background-color: #1f9cb4 !important;*/
    color: #ffffff;
    overflow: hidden;
    padding: 3em 2em;
    width: 100%; }
    @media (max-width: 768px) {
      /* line 158, app/scss/views/noticias.scss */
      .detalle__noticia {
        width: 102%; } }
    @media(max-width: 480px){
      .detalle__noticia.mobile {
        display: none; } }
    .detalle__noticia.featured-news-home{
      background-color: #33a5bb;
    }

    .detalle__noticia.related-news{
      background-color: #acacac !important;
    }


    .detalle__noticia.referrer__home{
      background-color: #1f9cb4 !important;
    }
  /* line 169, app/scss/views/noticias.scss */
  .detalle__participantes {
    background-color: #49bdce;
    /*overflow: hidden;*/
    padding-top: 2em;
	padding-left:2em;
	padding-right:2em;
	padding-bottom:8em;}
    @media (max-width: 480px) {
      /* line 169, app/scss/views/noticias.scss */
      .detalle__participantes {
        overflow: inherit; }

      .detalle__participantes.mobile{
        background-color: #fff !important;
        padding: 15px;
        }

      .detalle__participantes.mobile h3.detalle__titulo.participants{
        color: #101010;
        border-top: 1px solid #d6d6d6;
        padding-top: 2rem;
        } }
    .detalle__participantes.related-news{
      background-color: #c3c3c3 !important;
    }
    .detalle__participantes.referrer__home{
      background-color: #00adc4 !important;
    }
    .detalle__participantes.referrer__home.mobile{
      background-color: #00adc4 !important
    }
    @media(max-width: 480px){
      .detalle__participantes.referrer__home.mobile{
      background-color: #fff !important
    }
    }
  /* line 179, app/scss/views/noticias.scss */
  .detalle__titulo {
    color: #ffffff;
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem;
    text-transform: uppercase;
    text-align: left !important; }
  .detalle__titulo.participants {
    color: #ffffff;
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem;
    text-transform: uppercase;
    text-align: left;
	margin-top:12px;
}
  .detalle-mobile__titulo {
    color: #101010;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin: 1em 0 1em 0; }

    .detalle-mobile__titulo:hover {
    text-decoration: underline !important; }

/*  FIN  */
/*
 Las secciones de noticias, utiliza los mismos estilos de
 .noticias-destacadas ( bloque que esta en el home )
*/
/* Este es el detalle extendido de cada noticia ( version desktop ) */
/* line 231, app/scss/views/noticias.scss */
.articulo {
  color: #101010;
  height: 100vh;
  overflow: auto;
  padding: 3em 3em 200px 1.5em;
  position: relative;
  text-align: left; }
  @media (max-width: 768px) {
    /* line 231, app/scss/views/noticias.scss */
    .articulo {
      padding: 3em 1em; } }
  @media(max-width: 480px){
    .noticias-destacadas.noticias-destacadas--articulo .articulo.mobile{
      padding:2em 1em 0;
    }
    .articulo{
      height: auto;
      overflow: auto;
    }
  }
  /* line 243, app/scss/views/noticias.scss */
  .articulo__seccion {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 17px;
    line-height: 1.0625rem;
    font-weight: 900; }
  /* line 250, app/scss/views/noticias.scss */
  .articulo__fecha {
    color: #00adc4;
    font-weight: normal !important; }
  /* line 254, app/scss/views/noticias.scss */
  .articulo__titulo {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem; }
    @media (max-width: 1280px) {
      /* line 254, app/scss/views/noticias.scss */
      .articulo__titulo {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 1.75rem; } }
    @media (max-width: 768px) {
      /* line 254, app/scss/views/noticias.scss */
      .articulo__titulo {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 24px;
        line-height: 1.5rem; } }
  /* line 269, app/scss/views/noticias.scss */
  .articulo__link {
    color: #60A7CE;
    font-size: 14px;
    display: flex;
    align-items: center;
   }
   .articulo__link span{font-size: 25px; margin-right: 5px;}
    /* line 273, app/scss/views/noticias.scss */

 .articulo__link:hover {color: #3A3A39; }
 .articulo__link:hover span {color: #3A3A39; }
  /* line 278, app/scss/views/noticias.scss */
  .articulo__text {
    font-size: 0.8125rem;
    line-height: 17px;
    line-height: 1.0625rem;
    margin: .5em 0 1.5em 0;
    opacity: .8; }
  /* line 285, app/scss/views/noticias.scss */
  .articulo .noticias__ver {
    margin-top: 2em; }

  .articulo__text p{
    margin-bottom: 1em; }

/* FIN */
/*
Bloque noticias para la versión mobile, se utiliza el mismoscomponente
en todas las vistas donde se encuentren noticias
*/
/* line 296, app/scss/views/noticias.scss */
.detalle-mobile {
  color: #101010;
  font-family: 'Roboto', sans-serif;
  height: auto;
  position: relative;
  text-align: left;
  margin-top: 80px; }
  /* line 305, app/scss/views/noticias.scss */
  .detalle-mobile--destacadas {
	  margin-top: 0px;
    }
  @media (min-width: 480px) {
    /* line 296, app/scss/views/noticias.scss */
    .detalle-mobile {
      display: none; } }
  /* line 313, app/scss/views/noticias.scss */
  .detalle-mobile__noticia {
    border-bottom: 1px solid #d6d6d6; }
    /* line 315, app/scss/views/noticias.scss */
    .detalle-mobile__noticia:last-child {
      border-bottom: none; }
  /* line 320, app/scss/views/noticias.scss */
  .detalle-mobile__seccion {
    font-size: 16px;
    font-size: 1rem;
    line-height: 17px;
    line-height: 1.0625rem;
    font-weight: 900; }
  /* line 326, app/scss/views/noticias.scss */
  .detalle-mobile__fecha {
    color: #00adc4; }
  /* line 330, app/scss/views/noticias.scss */
  .detalle-mobile__titulo {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem; }
  /* line 335, app/scss/views/noticias.scss */
  .detalle-mobile__encabezado {
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem; }
  /* line 340, app/scss/views/noticias.scss */
  .detalle-mobile__link {
    color: #101010;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 19px;
    line-height: 1.1875rem;
    margin: 2em 0 1em 0;
    text-transform: uppercase; }
    /* line 346, app/scss/views/noticias.scss */
    .detalle-mobile__link:hover {
      color: #00adc4; }
  /* line 351, app/scss/views/noticias.scss */
  .detalle-mobile__text {
    font-family: 'Circular Std Book';
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 17px;
    line-height: 1.0625rem;
    margin: .5em 0 1.5em 0;
    opacity: .8; }
  /* line 359, app/scss/views/noticias.scss */
  .detalle-mobile__volver {
    color: #101010;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 17px;
    line-height: 1.0625rem;
    margin: 3em 0 0 0;
    text-transform: uppercase;
    transition: all 0.3s; }
    /* line 367, app/scss/views/noticias.scss */
    .detalle-mobile__volver:hover {
      opacity: .8; }

/* line 373, app/scss/views/noticias.scss */
.detalle-mobile__participantes {
  margin: 3em 0 0 0; }
  /* line 375, app/scss/views/noticias.scss */
  .detalle-mobile__participantes .detalle-mobile__titulo {
    color: #101010;
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem;
    text-transform: uppercase;
    text-align: left;
    margin: 2em 0 2em 0; }

/* line 386, app/scss/views/noticias.scss */
.detalle-mobile--extendida .detalle-mobile__participantes {
  border-top: 1px solid #101010; }

/*  FIN bloque noticias mobile */
/* Lista de noticias que esta en la pagina de noticias */
/* line 399, app/scss/views/noticias.scss */
.noticias-lista {
  color: #101010;
  font-family: 'Roboto', sans-serif;
  height: auto;
  margin-top: 80px;
  padding: 1em 1em 2em 1em;
  position: relative;
  text-align: left;}
  @media (max-width: 480px) {
    /* line 399, app/scss/views/noticias.scss */
    .noticias-lista {
      padding: 1em 0 2em 0; } }
  /* line 412, app/scss/views/noticias.scss */
  .noticias-lista__seccion {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin: 1em 0 1em 0;
    padding: 0; }
  /* line 419, app/scss/views/noticias.scss */
  .noticias-lista__noticia {
    margin: 0 0 1em 0;
  border-bottom: 1px solid #60a7ce73;}
  /* line 423, app/scss/views/noticias.scss */
  .noticias-lista__fecha {
    color: #60A7CE;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: 0 0 0 0;
    padding: 0; }
  /* line 429, app/scss/views/noticias.scss */
  .noticias-lista__link h2 {
    color: #3A3A39; }
    /* line 432, app/scss/views/noticias.scss */
    .noticias-lista__link:hover h2 {
      color: #3A3A39;
      font-weight: normal;}
  /* line 438, app/scss/views/noticias.scss */
  .noticias-lista__titulo {
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    padding: 0; }
    @media (max-width: 480px) {
      /* line 438, app/scss/views/noticias.scss */
      .noticias-lista__titulo {
        font-size: 14px;
        line-height: 19px;
        font-weight: 300;
        font-family: 'Roboto', sans-serif;
        padding: 0; } }
  /* line 451, app/scss/views/noticias.scss */
  .noticias-lista .pagination {
    margin: 1em auto 3em auto;
    text-align: center; }
  /* line 456, app/scss/views/noticias.scss */
  .noticias-lista .pagination li {
    background-color: #d0d2cc; }
  /* line 460, app/scss/views/noticias.scss */
  .noticias-lista .pagination li.active {
    background-color: #00adc4; }
    @media (max-width: 768px) {
    /* line 1, app/scss/views/personas.scss */
    .noticias-lista .pagination {
      margin: 1em auto 0em auto; } }

/* FIN Lista de noticias */
/* line 1, app/scss/views/personas.scss */
.personas {
  margin: 80px 0 3em 0;
  /* Cambia los estilos de user y hace que el hover sea con una pelicula verde */ }
  @media (max-width: 768px) {
    /* line 1, app/scss/views/personas.scss */
    .personas {
      padding: 0 .5em;
      margin: 80px 0 0em 0; } }
  /* line 8, app/scss/views/personas.scss */
  .personas .titulo-personas {
    color: #101010;
    font-size: 24px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    margin: 1em 0 1em 0; }
    @media (max-width: 480px) {
      /* line 8, app/scss/views/personas.scss */
      .personas .titulo-personas {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 24px;
        line-height: 1.5rem;
        margin: 1em 0; } }
  /* line 23, app/scss/views/personas.scss */
  .personas .user__foto .user__link {
    position: relative; }
    /* line 25, app/scss/views/personas.scss */
    .personas .user__foto .user__link:before {
      background-color: rgba(58, 58, 57, 0.5);
      content: '';
      display: inline-block;
      height: 100%;
      opacity: 0;
      position: absolute;
      left: 0;
      transition: all .3s ease-in-out;
      width: 100%;
      z-index: 10;
      mix-blend-mode: color;
    }
    /* line 38, app/scss/views/personas.scss */
    .personas .user__foto .user__link:hover {
      -webkit-transform: scale(1);
              transform: scale(1); }
      /* line 40, app/scss/views/personas.scss */
      .personas .user__foto .user__link:hover:before {
        opacity: 1; }

/* line 1, app/scss/views/que-hacemos.scss */
.que-hacemos {
  margin: 80px 0 -5px 0; }
  /* line 4, app/scss/views/que-hacemos.scss */
    @media (max-width: 768px) {
      /* line 4, app/scss/views/que-hacemos.scss */
      .que-hacemos .page__foto {
        background-position: right; } }

/* line 1, app/scss/views/quienes-somos.scss */
.quienes-somos {
  margin: 80px 0 -5px 0;
  /* Permite que los acordeon lleguen al 100% del contenedor */ }
  /* line 5, app/scss/views/quienes-somos.scss */
  .quienes-somos .page__contenido {
    padding: 0;
    width: 100%; }

/*
Seccion que envuelve todos los accesos y link de navegación
*/
/* line 5, app/scss/views/accesos.scss */
.accesos {
  margin: 80px 0 -5px 0;
  display: inline-block;
  height: calc(100vh - 80px);
  overflow: hidden;
  overflow: auto;
  width: 100%; }
  @media (max-width: 480px) {
    /* line 5, app/scss/views/accesos.scss */
    .accesos {
      height: auto;
      overflow: inherit; } }

/* line 18, app/scss/views/accesos.scss */
.titulo-accesos {
  color: #101010;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 1em 0 1em 0; }
  @media (max-width: 768px) {
    /* line 18, app/scss/views/accesos.scss */
    .titulo-accesos {
      margin: 2em 0 1em 0; } }
  @media (max-width: 480px) {
    /* line 18, app/scss/views/accesos.scss */
    .titulo-accesos {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 20px;
      line-height: 1.25rem;
      margin: 1em 0 1em 0; } }

/* line 35, app/scss/views/accesos.scss */
.link-accesos {
  color: #101010;
  font-size: 16px;
  font-size: 1rem;
  line-height: 19px;
  line-height: 1.1875rem;
  transition: all .3s ease-in-out;
  text-align: left;
  width: 100%;
  margin-bottom: 2em; }
  @media (max-width: 480px) {
    /* line 35, app/scss/views/accesos.scss */
    .link-accesos {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 16px;
      line-height: 1rem;
      margin: 1em 0 0em 0; } }
  @media (max-width: 320px) {
    /* line 35, app/scss/views/accesos.scss */
    .link-accesos {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 14px;
      line-height: 0.875rem; } }
  /* line 55, app/scss/views/accesos.scss */
  .link-accesos:hover {
    color: #00adc4; }

/* line 60, app/scss/views/accesos.scss */
.link-accesos--right {
  text-align: right; }

/*
acceso de imagen que esta en las vistas de practica e industria
*/
/* line 70, app/scss/views/accesos.scss */
.acceso {
  color: #101010;
  margin: 0 0 0em 0; }
  @media (max-width: 480px) {
    /* line 70, app/scss/views/accesos.scss */
    .acceso {
      margin: 0 0 0em 0; } }
  /* line 78, app/scss/views/accesos.scss */
  .acceso__foto {
    overflow: hidden;
    position: relative;
    width: 100%; }
  /* line 83, app/scss/views/accesos.scss */
  .acceso__foto:before {
    background-color: rgba(3, 172, 195, 0.5);
    content: '';
    display: inline-block;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: 10; }
  /* line 97, app/scss/views/accesos.scss */
  .acceso__leyenda {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 14px;
    line-height: 0.875rem;
    font-weight: 900;
    transition: all 0.3s ease-in-out;
    min-height: 40px; }
    @media (max-width: 480px) {
      /* line 97, app/scss/views/accesos.scss */
      .acceso__leyenda {
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 13px;
        line-height: 0.8125rem; } }

/* line 113, app/scss/views/accesos.scss */
.acceso:hover .acceso__foto:before {
  opacity: 1; }

/* line 118, app/scss/views/accesos.scss */
.acceso:hover .acceso__leyenda {
  color: #00adc4;
  text-decoration: underline; }

/* Los estilos generales de esta pagina estan en page.scss */
/*
Cada vez que un usuario da click sobre un acceso de
industria y/o practicas tiene que llegar a un detalle,
donde vera una foto a la izq y contendio a la der
*/
/* line 9, app/scss/views/detalle.scss */
.detalle-acceso {
  margin: 80px 0 -5px 0; }
  /* line 12, app/scss/views/detalle.scss */
  .detalle-acceso .page__foto {
    background-image: url(../img/foto-seccion-01.jpg); }
  /* line 16, app/scss/views/detalle.scss */
  .detalle-acceso .link-accesos {
    margin: 1em 0 0 0; }

/*
 Las secciones de recientes, utilizan los mismos estilos de
 .noticias-destacadas ( bloqu que esta en el home )
*/
/* line 6, app/scss/views/recientes.scss */
.noticias-destacadas--recientes,
.noticias-destacadas--articulo {
  margin: 80px 0 -5px 0;
  display: inline-block;
  width: 100%; }
  @media (max-width: 480px) {
    /* line 6, app/scss/views/recientes.scss */
    .noticias-destacadas--recientes,
    .noticias-destacadas--articulo {
      height: auto; } }
  /* line 18, app/scss/views/recientes.scss */
  .noticias-destacadas--recientes:before,
  .noticias-destacadas--articulo:before {
    background-color: #c8c8c8; }

  .noticias-destacadas--articulo.referrer__home:before{
    background-color: #00adc4;
  }


  /* line 22, app/scss/views/recientes.scss */
  .noticias-destacadas--recientes .noticias,
  .noticias-destacadas--articulo .noticias {
    padding-top: 0; }
  /* line 26, app/scss/views/recientes.scss */
  .noticias-destacadas--recientes .detalle__noticia,
  .noticias-destacadas--articulo .detalle__noticia {
    background-color: #b2b2b2; }
  /* line 30, app/scss/views/recientes.scss */
  .noticias-destacadas--recientes .detalle__participantes,
  .noticias-destacadas--articulo .detalle__participantes {
    background-color: #c8c8c8; }
  /* line 34, app/scss/views/recientes.scss */
  .noticias-destacadas--recientes .noticias__ver,
  .noticias-destacadas--articulo .noticias__ver {
     }
  .noticias__ver.show-mobile{
    display: none;
  }
  @media(max-width: 480px){
    .noticias__ver.mobile{
      display: none;
    }

    .noticias__ver.show-mobile{
      display: block;
      margin-bottom: 2em;
	  padding-left: 15px;
    }
  }

/* Pagina Socio ( foto perfil grande con detalle al costado ) */
/* line 2, app/scss/views/socio.scss */
.socio {
  background-color: #fff;
  margin-top: 200px;
  margin-bottom: 50px;
  padding: 0;
  position: relative; }
  @media (max-width: 480px) {
    /* line 2, app/scss/views/socio.scss */
    .socio {
      height: auto;
      overflow: inherit; }
      /* line 14, app/scss/views/socio.scss */
      .socio .row {
        margin-bottom: 0; } }
  /* line 20, app/scss/views/socio.scss */
  /* .socio:before {
    background-color: #d6d8d2;
    content: '';
    display: inline-block;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0; } */
    @media (max-width: 480px) {
      /* line 20, app/scss/views/socio.scss */
      .socio:before {
        display: none; } }
  /* line 35, app/scss/views/socio.scss */
  .socio__contenido {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color:#3A3A39; }
    @media (max-width: 768px) {
      /* line 35, app/scss/views/socio.scss */
      .socio__contenido {
        padding: 3em 0 6em .5em; } }
    @media (max-width: 480px) {
      /* line 35, app/scss/views/socio.scss */
      .socio__contenido {
        height: auto;
        overflow: inherit;
        padding: 2em 1em;
        width: 100%; } }
  /* line 56, app/scss/views/socio.scss */
  .socio__cargo {
    color: #00adc4;
    font-weight: 300; }
  /* line 61, app/scss/views/socio.scss */
  .socio__titulo {
    font-family: 'GTSuperText-Black';
    font-size: 40px;
    color: #60A7CE;
    font-weight: 300;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 2px solid #60A7CE;
    }

  /* line 79, app/scss/views/socio.scss */
  .socio__contacto {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
    line-height: 1rem;
    font-weight: 500;
    margin: 2em 0 2em 0; }
    /* line 86, app/scss/views/socio.scss */
    .socio__contacto-etiqueta {
      font-family: 'Circular Std Book';
      font-weight: normal;
      margin: 0 0 0 0; }
    /* line 92, app/scss/views/socio.scss */
    .socio__contacto-item {
      color: #101010;
      font-weight: 900;
      margin: 0 0 0 1em; }
      @media (max-width: 768px) {
        /* line 92, app/scss/views/socio.scss */
        .socio__contacto-item {
          margin: 0 1em 0 0; } }
    /* line 102, app/scss/views/socio.scss */
    .socio__contacto-item--email {
      margin: 0 20% 0 .3em; }
      @media (max-width: 768px) {
        /* line 102, app/scss/views/socio.scss */
        .socio__contacto-item--email {
          margin: 0 40% .7em .3em; } }
      @media (max-width: 480px) {
        /* line 102, app/scss/views/socio.scss */
        .socio__contacto-item--email {
          width: 45%; } }
    /* line 114, app/scss/views/socio.scss */
    .socio__contacto-item:hover {
      color: #00adc4; }
  /* line 119, app/scss/views/socio.scss */
  .socio__text {
    margin-bottom: 2em; }
  /* line 124, app/scss/views/socio.scss */
  .socio__skill-item {
    margin: 0 0 1em 0; }
  /* line 127, app/scss/views/socio.scss */
  .socio__skill-item span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    text-transform: uppercase; }
  /* line 135, app/scss/views/socio.scss */
  .socio__botones {
    margin: 3em 0 0 0; }
  /* line 139, app/scss/views/socio.scss */
  .socio__boton {
    color: #101010;
    background-color: #d0d2cc;
    height: 40px;
    line-height: 40px;
    margin-right: .3em;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    min-width: 250px; }
    /* line 150, app/scss/views/socio.scss */
    .socio__boton:hover {
      color: #101010;
      background-color: #00adc4; }
    @media (max-width: 480px) {
      /* line 139, app/scss/views/socio.scss */
      .socio__boton {
        width: 100%; } }
  /* line 161, app/scss/views/socio.scss */
  .socio__volver {
    color: #60A7CE;
    font-size: 14px;
    text-transform: uppercase;
    transition: all 0.3s; }
    /* line 166, app/scss/views/socio.scss */
    .socio__volver:hover {
      opacity: .8;
      color: #60A7CE; }
    @media (max-width: 480px) {
      /* line 161, app/scss/views/socio.scss */
      .socio__volver {
	      margin: 1em 0 0em 0;
        } }

/*
Este es el mismo componente de noticias destacads, pero
tiene cambios que solo afecta a esta vista
*/
/* line 182, app/scss/views/socio.scss */
.socio .noticias {
  height: auto;
  margin: 0;
  padding: 0 !important; }
  /* line 187, app/scss/views/socio.scss */
  .socio .noticias__titulo {
    font-size: 14px;
    color: #60A7CE;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase; }

/* line 203, app/scss/views/socio.scss */
/* .socio__foto {
  height: 100vh;
  text-align: center;
  overflow-y: hidden !important;
  overflow: auto;
  position: relative;
  padding: 3em; }
  @media (max-width: 768px) {
    /* line 203, app/scss/views/socio.scss */
    .socio__foto {
      /* max-width: 350px; */
       } }
  @media (max-width: 480px) {
    /* line 203, app/scss/views/socio.scss */
    .socio__foto {
      background-color: #c3c3c3;
      overflow: inherit;
      height: auto; } }
  /* line 220, app/scss/views/socio.scss */
  .socio__foto .socio__user {
 }
    /* line 224, app/scss/views/socio.scss */
    .socio__foto .socio__user img {
      width: 100%; }

.socio__correo, .socio__vcard{font-size:14px; color: #3A3A39; font-weight: 300; align-items: center; display: flex;font-family: 'Roboto', sans-serif;}
.icon-iconos_vcard, .icon-iconos_correo {font-size:25px!important; margin-right: 5px; }
.socio__correo:hover, .socio__vcard:hover{color: #60A7CE;}


/* CLASES DE AYUDA - SIEMPRE AL FINAL */
/* Contenedor general */
/* line 2, app/scss/componentes/helper.scss */
.u-container {
  margin: 0 auto;
  max-width: 1920px;
  width: 90%;
  position: relative; }
  @media (max-width: 480px) {
    /* line 2, app/scss/componentes/helper.scss */
    .u-container {
      overflow: hidden;
      width: 100%; } }

/* Solo para las vistas de accesos industria y practicas */
/* line 16, app/scss/componentes/helper.scss */
.u-container--accesos {
  max-width: 1190px;
  width: 80%; }
  @media (max-width: 480px) {
    /* line 16, app/scss/componentes/helper.scss */
    .u-container--accesos {
      overflow: hidden;
      width: 100%; } }

/* permite que las columnas utilicen el 100% */
/* line 28, app/scss/componentes/helper.scss */
.u-gutter {
  padding-right: 0 !important;
  padding-left: 0 !important;
  position: relative; }

/* line 34, app/scss/componentes/helper.scss */
.u-gutter50 {
  padding-right: 5px !important;
  padding-left: 5px !important;
  position: relative; }

/* line 40, app/scss/componentes/helper.scss */
.u-resetRow {
  margin-bottom: 0; }

/* line 44, app/scss/componentes/helper.scss */
.u-flex {
  display: flex;
  align-items: stretch;
  margin-bottom: 0; }

/* Oculta todo en desktop y hace visible en mobile */
@media (min-width: 480px) {
  /* line 52, app/scss/componentes/helper.scss */
  .u-mobile {
    display: none; } }

/* Oculta todo mobile y hace visible en desktop */
/* line 59, app/scss/componentes/helper.scss */
.u-desktop {
  display: inherit; }
  @media (max-width: 480px) {
    /* line 59, app/scss/componentes/helper.scss */
    .u-desktop {
      display: none; } }

.socio__contenido p{
      margin-bottom: 15px;
}
.socio__contenido p a{
  color: #3A3A39;
}
.socio__contenido p a:hover{
  color: #3A3A39;
  text-decoration: underline!important;
}

.socio__contenido p strong{
  display: block;
  color: #60A7CE;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.orientation{
    display:none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    background-color: #fff;
  }

.orientation img{
  width: 45%;
}

body::-webkit-scrollbar,
body::-moz-scrollbar {
   width: 5px; /*=> ancho del scroll*/
   background-color: #ffffff; /*=> Color del fondo principal */
   display: none !important;
}

body::-webkit-scrollbar-track,
body::-moz-scrollbar-track {
   background-color: rgba(0, 0, 0, 0.0) !important; /*=> color de fondo del trayecto del scroll */
   display: none !important;
}

body::-webkit-scrollbar-thumb,
body::-moz-scrollbar-thumb {
   background-color: #263238; /*=> color del indicador del scroll */
   border-radius: 10px; /*=> bordes redondeados */display: none !important;
}

.featured-news-home::-webkit-scrollbar,
.featured-news-home::-moz-scrollbar {
   background-color: #1f9cb4!important; /*=> color de fondo del  trayecto del scroll */display: none !important;

}

.detalle__participantes::-webkit-scrollbar,
.detalle__participantes::-moz-scrollbar{
display: none !important;
}

/* Estilos MICP */
/* Anchos */
.ancho-75 {width: 75%;}


/* Section */
.abogados-participantes {padding-bottom: 30px;}
.list-noticia-pb{padding-top: 281px; min-height: 100vh; padding-bottom: 100px; padding-left: 70px!important; padding-right: 70px!important;}
.list-noticia-padding {padding-top: 200px; padding-left: 5%!important; padding-right: 2%!important; padding-bottom: 30px;}
@media (min-width: 1441px) {
  .list-noticia-padding {padding-top: 200px; padding-left: 16%!important; padding-right:  4%!important; }}

section.areas, section.contacto {padding-top: 200px; padding-bottom: 50px;}
section.single-noticia {padding-top: 160px; padding-bottom: 50px;}
section.mapa {padding-bottom: 50px;}
section.historia, section.reconocimiento, section.estudiohome  {padding: 80px 0px;}
section.categoria_areas{padding-top: 20px; padding-bottom: 50px;}
.margin-left{padding-left: 12px;}
.estudio{
  padding-top: 200px;
  padding-bottom: 50px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  background-attachment: fixed;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
/* BG fondos */
.bg-gris-oscuro {background-color:#3A3A39;}
.bg-blanco {background-color:#fff;}
.bg-gris-claro{background-color:#4F4F4F;}

/* Color Texto */
.text-negro{color:#000;}
.text-blanco{color: #fff;}
.text-gris{color: #3a3a3a;}
.text-azul{color: #60A7CE;}
.text-grisclaro{color:#606060;}

/* Titulos */
h1{font-family: 'Roboto', sans-serif; letter-spacing: 0.3px;}
h2, h3, h4, h5{font-family: 'Work Sans', sans-serif; letter-spacing: 0.3px;}
h2.section-title{font-size: 58px; line-height: 64px; font-weight: 200; font-family: 'GTSuperText-Bold';}
h3.section-title{font-size: 42px; line-height: 48px; font-weight: 200; font-family: 'GTSuperText-Bold';}
h4.section-title{font-size: 24px; line-height: 30px; font-weight: 400;}
h4.sub-noticia{font-size: 20px; line-height: 26px; font-family: 'Roboto', sans-serif;}
h2.title-noticia{font-size: 30px; line-height: 35px; font-family: 'Roboto', sans-serif; border-bottom: 1px solid #60A7CE; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px;}
h3.title-abogados{font-size: 16px; line-height: 22px; margin-bottom: 20px;}

/* Contenidos */
.section-content p{font-size: 20px; line-height: 26px;font-family: 'Roboto', sans-serif;}
.text-direccion p {font-size: 16px; line-height: 22px;font-family: 'Roboto', sans-serif; margin-bottom: 0px;}
.content-single-noticia p{font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 18px;}
.content-single-noticia p a{font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 18px; color:#60A7CE;}
.content-single-noticia ul li{font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 18px;}

/* Pesos de tipografia */
.fw-100{font-weight: 100;}
.fw-200{font-weight: 200;}
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}

.section-content a{font-size: 20px; color: #606060; font-weight: 500;}
.text-direccion a {color:#606060;}
.text-direccion a:hover {color:#606060; text-decoration: underline!important;}
a.link-direccion{font-size: 16px; font-weight: 500; color: #606060; font-family: 'Roboto', sans-serif;}
a.link-direccion:hover{color: #60A7CE;}
.section-content a:hover{font-size: 20px; color: #60A7CE; font-weight: 500;}
.section-content a.link-vermas{font-size: 16px; color: #60A7CE; text-transform: uppercase;}
.section-content a.link-vermas:hover{font-size: 16px; color: #fff;}
span.fecha{font-size: 14px; font-family: 'Roboto', sans-serif;}

/* Google Maps */
.h-400px{height: 400px;}
.filter-grayscale-100 {-ms-filter: grayscale(100%);filter: grayscale(100%);}

/* Espacios */
.direccion{padding-top: 50px;}

/* Linea */
.error-404{ display: flex;justify-content: center; align-items: center;}
.linea-bottom::after{content: ""; height: 2px; width: 100%; background: #60A7CE; display: block; margin-top: 20px; margin-bottom: 20px;}
.page-content-error h1 { font-size: 58px; line-height: 64px; font-weight: 200;}
.page-content-error p { font-size: 20px;line-height: 26px;font-family: 'Roboto', sans-serif; color: #fff;}
.page-content-error a {padding: 10px; border: 2px solid #60A7CE; color: #60A7CE; font-size: 14px; text-transform: uppercase;font-family: 'Roboto', sans-serif; font-weight: 500;}
.page-content-error a:hover {padding: 10px; border: 2px solid #fff;color: #fff; font-size: 14px; text-transform: uppercase;font-family: 'Roboto', sans-serif; font-weight: 500;}

@media (max-width: 1024px) {
  section.areas, section.contacto {padding-top: 150px;padding-bottom: 0px; }
  h2.section-title{font-size: 45px; line-height: 55px;}
  .section-content p{ font-size: 18px; line-height: 24px;}
  h3.section-title {font-size: 35px; line-height: 40px;}
  .section-content a.link-vermas {font-size: 16px;}
  .equipo{max-width:100%;}
  .b4{padding-top: 150px!important; padding-bottom: 0px!important;}
  .b4-listado-socios{margin-left: 0px!important;}
  .header__link {color:#606060; }
  .header{background-color: #fff;}
  .page-template-index .header{background-color: #fff0;}
  .page-template-index .header.scrolling {background-color: #fff;}
  .page-template .header__link.header__link--active {color: #60A7CE;}
  .min-vh-100{min-height: 100%!important;}
  .list-noticia-padding{padding-top: 150px; padding-left: 15px!important; padding-right: 15px!important; padding-bottom: 50px;}
  .list-noticia-pb{padding-top: 50px; padding-bottom: 50px; min-height: 100%!important; padding-left: 15px!important; padding-right: 15px!important;}
  .ancho-75 {width: 100%;}
  .section-content a, .section-content a:hover{font-size: 18px;}
  .text-direccion p{font-size: 15px;}
  a.link-direccion{font-size: 15px;}
  h4.section-title{font-size: 22px;}
  .acceso_title_areas{font-size: 18px!important; margin-bottom: 5px!important;}
  .cat-areas{margin-bottom: 30px;}
  .todos .b4-filtro{height: 35px!important; justify-content:center!important;}
  .b4-filtro{border-bottom: none!important;}
  .user__nombre{margin-bottom: 15px;}
  .socio__contenido{padding: 15px 0;}
  .socio{margin-top: 150px;}
  .estudio{padding-top: 150px;}
  .socio__titulo{font-size: 24px; line-height: 30px; padding-top: 0px; border-bottom: none; padding-bottom: 0px;}
  section.historia, section.reconocimiento, section.estudiohome {padding: 50px 0px;}
  h4.sub-noticia{font-size: 16px; line-height: 21px;}
  .logotipo img {width: 80%;}
  .scroll-top-arrow, .scroll-top-arrow:focus {display: none!important;}
  .page-template .header .logo-negro, .single-areas .header .logo-negro{display: inline-block;}
  .page-template .header .logo-blanco, .single-areas .header .logo-blanco{display: none;}
  section.single-noticia{padding-top: 150px;}
  h2.title-noticia{font-size: 25px; line-height: 30px; padding-top: 10px; margin-bottom: 20px; padding-bottom: 10px;}

}}