html {
  overflow-x: hidden;
  height: -webkit-fill-available;
  scroll-behavior: smooth;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*::before,
*::after {

  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*! locomotive-scroll v4.1.1 */

html.has-scroll-smooth { overflow: hidden; }
html.has-scroll-dragging { -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none; }
.has-scroll-smooth body { overflow: hidden; }
.has-scroll-smooth [data-scroll-container] { min-height: 100vh; }
[data-scroll-direction="horizontal"] [data-scroll-container] { height: 100vh; display: inline-block; white-space: nowrap; }
[data-scroll-direction="horizontal"] [data-scroll-section] { display: inline-block; vertical-align: top; white-space: nowrap; height: 100%; }
.c-scrollbar { position: absolute; right: 0; top: 0; width: 11px; height: 100%; transform-origin: center right; transition: transform 0.3s, opacity 0.3s;opacity: 0; }
.c-scrollbar:hover {  transform: scaleX(1.45); }
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {  opacity: 1; }
[data-scroll-direction="horizontal"] .c-scrollbar { width: 100%;  height: 10px; top: auto; bottom: 0; transform: scaleY(1); }
[data-scroll-direction="horizontal"] .c-scrollbar:hover { transform: scaleY(1.3); }
.c-scrollbar_thumb { position: absolute; top: 0; right: 0; background-color: black; opacity: 0.5; width: 7px; border-radius: 10px; margin: 2px; cursor: -webkit-grab; cursor: grab; }
.has-scroll-dragging .c-scrollbar_thumb {  cursor: -webkit-grabbing;  cursor: grabbing; }
[data-scroll-direction="horizontal"] .c-scrollbar_thumb { right: auto;  bottom: 0; }




@font-face {
    font-family: 'Freizeit 120';
    src: url('font/Freizeit120-Regular.eot');
    src: url('font/Freizeit120-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/Freizeit120-Regular.woff2') format('woff2'),
        url('font/Freizeit120-Regular.woff') format('woff'),
        url('font/Freizeit120-Regular.ttf') format('truetype'),
        url('font/Freizeit120-Regular.svg#Freizeit120-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'freizeit';
    src: url('font/freizeit-regular-webfont.woff2') format('woff2'),
         url('font/freizeit-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'freizeit-bold';
    src: url('font/freizeit-bold-webfont.woff2') format('woff2'),
         url('font/freizeit-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  transition: opacity ease-out 400ms;
  font-family: sans-serif;
 font-family: 'freizeit', sans-serif;
 font-size: 18px;
 color: #100000;
}



img {max-width: 100%;}


header.header {width: 100%; position: fixed; left: 0; top:0px; z-index: 20; mix-blend-mode: difference; }
header.header.header_oscuro {mix-blend-mode: normal; }
.scrolled header.header_oscuro {mix-blend-mode: difference;}

.header--logo {position: absolute; left: 60px; top:30px; width: 150px; margin: 0px; padding: 0px;}


.header--menu {width: 40px; position: absolute; right: 60px; top:40px;  cursor: pointer;}
.header--menu .menu {display:block;}
.header--menu .menu-cerrar {display: none;}
.header--menu.active .menu {display:none;}
.header--menu.active .menu-cerrar {display: block;}

section { width: 100%; padding: 80px 0px;}
section.no-padding {padding: 0px 0px;}
.section-cover {width: 100vw; min-height: 80vh; position: relative; overflow: hidden;}
.contenido-centrado {text-align:center; position: absolute; left: 50%; top:50%;  transform: translate(-50%,  calc(-50% - 0px)); width: 100%; }
.section-cabecera {padding: 10vh 0px; position: relative;}

.container {max-width: 1280px; width: 100%; margin: 0 auto;}
.container.ancho {max-width: 1400px; width: 100%;}
.reducido {max-width: 60%;}

.fondo_arena {background-color:#F9F4F0 ;}
.fondo_blanco {background-color:#fff; }
.fondo_negro {background-color:#100000; color: #fff;}


.next {width: 280px; position: absolute; left: 50%; bottom:40px; transform: translateX(-50%); text-align: center; text-decoration: none;}
.next span  { display: block; text-transform: uppercase; padding-bottom: 60px; text-decoration: none; display: none;}
.next img {width: 3vw; }

h1 {padding:0px; margin: 0px 0px 20px;; font-family: 'Freizeit 120'; font-size: 60px; line-height: 1.1; font-weight: normal;}
h2 {padding:0px; margin: 0px 0px 20px; font-family: 'Freizeit 120'; font-size: 40px; line-height: 1.1; font-weight: normal;}
h3 {padding:0px; margin: 0px 0px 20px;; font-family: 'Freizeit 120'; font-size: 30px; line-height: 1.1; font-weight: normal;}
h1.tit {font-size: /*90px*/ 10vh;}
h1.tit_home {font-size: 10vh;}
h2.tit {font-size: 60px; margin: 0px 0px 40px 0px; }
p {margin-top:1em; margin-bottom: 1.5em;}
.txt {font-size: 20px; margin-bottom: 20px; }
.txt.reducido {max-width: 80%;}

.padding_left {padding-left:20px}

.more {color: #100000; text-decoration: none; padding: 5px 40px 5px 0px;  background: no-repeat right center / 27px url('img/more.svg');}
.more-2 {color: #fff; text-decoration: none; padding: 5px 40px 5px 0px;  background: no-repeat right center / 27px url('img/more2.svg');}

.imagenCubierta:before {cursor: pointer; content: ""; width: 100px; height: 100px; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%,  calc(-50% - 0px)); background: no-repeat center center / 100px url('img/play.svg');}
.video-top {margin-top:60px;}
.relative {position: relative;}

/**/
.imagen-16-9 { width: 100%; padding-top: 56.25%; position: relative;}
.imagen-16-9 img {  position: absolute;top: 0;left: 0;width: 100%; height: 100%;object-fit: cover;}
.imagen-16-9 video {  position: absolute;top: 0;left: 0;width: 100%; height: 100%;object-fit: cover;}

.botones { padding-top: 20px; }
.botones .boton {display: inline-block; text-decoration: none; margin-right: 20px; padding: 8px 40px; background-color:#100000; color: #fff;}
.botones .boton.bot_blanco {background-color:#fff; color: #100000; }
.botones .boton.bot_blanco.borde {border: 1px solid #100000;}
.botones .boton.bot_negro {background-color:#100000; color: #fff; }
.botones .boton.bot_negro.borde {border: 1px solid #fff;}
.botones .boton.ico {}
.botones .boton.ico svg {margin-left:20px; position: relative; rop: 2px;}
.botones .boton.bot_blanco:hover,
.botones .boton.bot_negro:hover {background-color:#4169e1; border-color:#4169e1; color: #ffffff;}

.continuar {display: flex;}
.continuar span {display: block; width: 35%; padding-top: 50px; margin-right: 50px;}

/*cabecera*/
.cabecera {text-align: left; }
.cabecera .sub-tit {font-size: 30px; font-family: 'Freizeit 120'; display: block; padding-bottom: 10px;}
.cabecera .sub-tit a {color: #100000; text-decoration: none;}
.cabecera.fondo_negro .sub-tit a {color: #ffffff;}
.cabecera .container {position: relative; z-index: 2;}
.cabecera .contenido-centrado {max-width: 1200px; z-index: 2;  text-align:left; position: absolute; left: 50%; top:50%;  transform: translate(calc(-50% - 40px),  calc(-50% - 0px)); }
.cabecera .texto {padding-top: 40px;}
.cabecera .menu-anclas {padding-top: 60px; font-size: 20px;}
.cabecera .menu-anclas a {text-decoration: none; color: #000; font-family: 'Freizeit 120';}
.cabecera .menu-anclas a:after {content: "/"; display: inline-block; padding: 0 10px; color: #100000;}
.cabecera .menu-anclas a:last-child:after {display: none;}
.cabecera .menu-anclas a:hover {color:#3484FC;}
.cabecera.fondo_negro .menu-anclas a:after,
.cabecera.fondo_negro .menu-anclas a {color: #fff;}
.cabecera.video {position: relative; overflow: hidden;}
#video-background { opacity: 0.5; position: absolute; left: 0;  top: 0;  width: 100%; height: 100%;  position: absolute; left: 0; top:0;  object-fit: cover }

.cabecera.video:before {content: ""; width: 100%; height: 400px; position: absolute; z-index: 1; left: 0; bottom: 0px; background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(16,0,0,1) 100%);}

.cabecera .baja {margin: 20px 0 0 20%; height:120px;}

.fondo-cover img { opacity:  0.4; position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; z-index: 0;}
.fondo-cover:before {content: ""; width: 100%; height: 400px; position: absolute; z-index: 1; left: 0; bottom: 0px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(16,0,0,1) 100%);}

/*proyectos destacados*/
.proyecto-destacado {overflow-x: hidden; padding-top: 120px; padding-bottom: 250px; background-size: cover; background-position: center top; color: #fff;}
.proyecto-destacado .sub-tit {font-size: 25px; color: #fff;}
.proyecto-destacado .txt {color: #fff; margin-top: 20px;}
.grafica-proyecto {display: flex;}
.logo-proyecto {width: 32%;}
.list-img {display: flex; padding-left: 80px; position: relative;}
.list-img:before {position: absolute; left: -55px;  top:50%; margin-top: -15px; display: block; content: ""; width: 120px; height: 30px; background: no-repeat right center / 100% url('img/fl-right.svg');}
.list-img .img {padding:0 10px;}

.home .lista-proyectos {margin-top: -250px;}
.lista-proyectos h2 { margin-bottom: 40px;}
.lista-proyectos h2.claro {color: #fff;}
.lista-proyectos .proyecto .bl {text-align: left; padding: 20px 20px 20px 40px;}
.lista-proyectos .proyecto a {text-decoration: none; color: #100000;}
.lista-proyectos .proyecto h3 {font-size: 24px;}

/**/
.slider-ancho {position: relative; padding-bottom: 80px; transform: translateX(calc(50% - 680px)); }
.slider-ancho .slider {}


/*slider-areas*/

.slider-areas {display: flex; padding-bottom: 20px; }
.slider-areas .area {position: relative;}
.slider-areas .area h3 {position: absolute; bottom: 20px; left: 40px; color: #fff; width: 75%; font-size: 26px; text-align: left;}

.slider-areas .area a {display: block; overflow: hidden; }
.slider-areas .area img {display: block;}
.slider-areas .area img:hover {transform: scale(1.1);}



/*lista_post */
.lista_post {display: flex; padding-bottom: 20px; position: relative; flex-wrap: wrap; }
.lista_post.cascada {}
.lista_post .post-aaa {padding:0 20px ; margin:20px 0; position: relative;  border-right: 1px solid #cdcdcd;}
.lista_post .post-aaa.col-4 {width: 25%;}
.lista_post .post-aaa:last-child {border: 0px;}
.post-aaa .fecha {display: block; padding: 10px 0; font-size: 16px; color: #606060;}
.lista_post .img {padding-bottom: 70%; overflow: hidden; width: 100%; position: relative;}
.lista_post .img img {object-fit: cover; position: absolute; width: 100%; height: 100%; top:0; left: 0;}
.lista_post a:hover .img img {transform: scale(1.1);}

.post-aaa h3 {font-size: 22px;}
.post-aaa a {color: #100000; text-decoration: none;}

.lista_post .post-aaa a:hover {color:#4169e1;}

.lista_post .cat {padding: 2px 10px; background-color: #100000; color: #ffff; border-radius: 2px; margin-left: 10px;}

#primeros-posts {position: relative; padding-top: 0px;}
#primeros-posts:before {content:""; height: 300px; width: 100%; position: absolute; left:0; top:0px; background-color:#F9F4F0;}

.formato-primeros {padding: 20px; width: 50%; border: 0px!important}
.formato-primeros .img {margin-bottom: 20px;}
.formato-primeros h3 {padding-top: 10px; font-size: 30px;}

.formato-resto {padding: 20px; width: 50%;}
.formato-resto .img {margin-bottom: 20px;}
.formato-resto h3 {padding-top: 10px; font-size: 22px;}


/*lista trabajos*/
.lista_trabajos {display: flex; flex-wrap: wrap; position: relative; margin:0 -20px;}
.lista_trabajos .trabajo {width: 33.333%;  padding: 20px;}
.lista_trabajos .trabajo .bl {padding: 20px 20px 20px 40px;}

.bloque_trabajos  {position: relative; padding-top: 0; }
.bloque_trabajos:before {content:""; height: 200px; width: 100%; position: absolute; left:0; top:-10px; background-color:#100000;}

.bloque_trabajos.otros_trabajos {position: relative; padding-top: 80px; }
.bloque_trabajos.otros_trabajos:before {background-color:#fff;}
.bloque_trabajos.otros_trabajos h2 {color: #100000; position: relative;}

/*ficha trabajo*/
.cabecera_trabajo {padding-top: 20vh; position: relative; padding-bottom: 0px; }
.cabecera_trabajo:before {content:""; height: 400px; width: 100%; position: absolute; left:0; bottom:-10px; background-color:#fff;}
.cabecera_trabajo h1.tit {font-size: 65px; margin-bottom: 40px;}
.cabecera_trabajo .container {position: relative;}
.cabecera_trabajo + section {padding-top: 40px;}

.bl_datos {display: flex;}
.bl_datos .datos {padding-left: 20px; margin-top:1em;}
.bl_datos .datos:before {content:""; display: block; background-color: #555; width: 120px; height: 1px; margin-bottom: 40px;}
.bl_datos .datos span {display: block; opacity: 0.5; padding:10px 0 10px; }
.bl_datos .datos a {display: block; color: #100000; text-decoration: underline; }
.bl_datos .datos img {filter: grayscale(100%); max-width: 120px;}
.bl_datos .bl_texto {padding-right: 20px;}

.ficha-post {padding-top: 20px;}
.ficha-post .bl_datos .datos {width: 20%;}
.ficha-post .bl_datos .bl_texto {padding-right: 0px; padding-left: 20px; width: 80%;}
.bl_datos .datos span.fecha {padding-top: 0px; opacity: 1;}

.resultados ul {display: flex; list-style: none; margin: 0px; padding: 0px;}
.resultados ul li {padding: 20px; border: 1px solid #000; margin-right:20px;}
.resultados ul li strong {display: block; font-size: 40px;}

/*ficha post*/
.cabecera_post {padding-top: 15vh; position: relative; padding-bottom: 0px; }
.cabecera_post:before {content:""; height: 400px; width: 100%; position: absolute; left:0; bottom:-10px; background-color:#fff;}
.cabecera_post h1.tit {font-size: 65px; margin-bottom: 40px;}


/*lista areas*/
.lista_areas {display: flex; flex-wrap: wrap; position: relative; margin:0 -20px;}
.lista_areas .area {width: 50%;  padding: 20px; position: relative;}
.lista_areas .area .bl {padding: 20px 20px 20px 40px; position: absolute; left: 20px; bottom: 20px; color: #fff; width: 50%; }
.lista_areas .area .bl h3 {font-size: 35px;}
.lista_areas .area img {max-height: 400px; object-fit: cover;}

.lista_areas .area a {display: block; overflow: hidden; }
.lista_areas .area img {display: block;}
.lista_areas .area img:hover {transform: scale(1.1);}


.comprimidas .lista_areas .area {width: 25%; padding: 0px;}
.comprimidas .lista_areas .area img {display: block;}
.comprimidas .lista_areas .area .bl h3 {font-size: 26px;}

.bloque_areas  {position: relative; padding-top: 0; }
.bloque_areas:before {content:""; height: 200px; width: 100%; position: absolute; left:0; top:-10px; background-color:#100000;}

.bloque_areas.comprimidas {padding-top: 80px;}
.bloque_areas.comprimidas:before {display: none;}

.cab_areas {display: flex; width: 90%; margin: 0 auto 20px;}
.cab_areas h2 {width: 30%; padding-right: 40px;}
.cab_areas p {width: 70%; margin-top: 0px;}

/*ficha áreas*/
.servicios ol {margin: 0; padding: 0px; list-style: none;}
.servicios ol li {list-style-type: decimal; padding: 20px 0 20px 40px; border-bottom: 1px solid #100000; position: relative;}
.servicios ol li::marker {padding-left: 10px;}

/*ficha proyecto*/
.single-proyecto {background-color: #100000;}
.single-proyecto .modulo {color: #fff;}
.single-proyecto .galeria-top {display: flex; margin: 0 -20px;}
.single-proyecto .galeria-top div {padding: 20px;}
.single-proyecto .section-cabecera  {padding-bottom: 0px;}

.single-proyecto .modulo.texto,
.bloque_quote {padding: 0px;}
.bloque_quote .quote {padding: 40px 0px; max-width: 80%; position: relative;}
.bloque_quote .quote:before {content: ""; display: block; height: 1px; width: 30%; background-color: #cdcdcd; position: absolute; left: 0px; bottom: 0px;}

.video {position: relative;}
.play:before {content:""; width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,  calc(-50% - 0px)); background: no-repeat right center / 100% url('img/play.svg'); }
.capitulos .capitulo {display: flex; margin-bottom: 10px;}
.capitulos .capitulo  a {text-decoration: none; color: #fff;}
.capitulos .capitulo .img {width: 15%;}
.capitulos .capitulo .txt {width: 85%; padding:0px 20px;}
.capitulos .capitulo .txt h3 {margin-bottom: 10px;}
.capitulo-numero {display: inline-block; text-transform: uppercase; font-size: 14px; padding-left: 10px; background-color: #fff; color: #100000; margin-bottom: 10px; }
.capitulo-numero span {display: inline-block; padding:2px 10px; background-color:#E60000; color: #fff;}


/*modulos*/
.bl_texto {max-width:75%;}
.bl_texto h2 {}
.bl_texto h3 {margin-top: 40px;}
.bl_texto ol + h3 {margin-top: 60px;}
.bl_texto blockquote {font-size: 35px; margin:10px 0 40px; max-width: 60%; font-family: 'Freizeit 120'; font-weight: normal;}
.bl_texto a {color: #100000; text-decoration: underline;}
.fondo_negro .bl_texto p a {color: #fff; text-decoration: underline;}
.galeria {position: relative; padding-bottom: 80px; transform: translateX(calc(50% - 680px)); }
.galeria ul {margin:  0 -20px; padding: 0; list-style: none; display: flex;}
.galeria ul li {/*padding: 20px; margin: 0px;*/ padding-right: 20px;}

.bl-galeria {position: relative; padding-top: 0; }
.bl-galeria:before {content:""; height: 210px; width: 100%; position: absolute; left:0; top:-10px;}

.fondo_arena + .fondo_negro.bl-galeria:before {background-color:#F9F4F0;}
.fondo_arena + .fondo_blanco.bl-galeria:before {background-color:#F9F4F0;}
.fondo_negro + .fondo_arena.bl-galeria:before {background-color:#100000;}
.fondo_negro + .fondo_blanco.bl-galeria:before {background-color:#100000;}
.fondo_blanco + .fondo_arena.bl-galeria:before {background-color:#fff;}
.fondo_blanco + .fondo_negro.bl-galeria:before {background-color:#fff;}

.before-negro {position: relative; padding-top: 0; }
.before-negro:before {content:""; height: 210px; width: 100%; position: absolute; left:0; top:-10px; background-color:#100000;}


.bl_blockquote {display: flex;}
.bl_blockquote .bl_texto {max-width:75%;}
.bl_blockquote .blockquote {padding-left: 20px; margin-top:1em; font-size: 30px; line-height: 1.2;  font-family: 'Freizeit 120'; font-weight: normal;}
.bl_blockquote .blockquote:before {content:""; display: block; background-color: #555; width: 120px; height: 1px; margin-bottom: 40px;}
.bl_blockquote .bl_texto {padding-right: 20px;}

/*clientes*/
.clientes-logos { display: flex; flex-wrap: wrap; margin: 40px auto 20px; }
.clientes-logos .cliente-logo { width: 16.666%; padding: 10px;}
.clientes-logos .cliente-logo img {filter: grayscale(100%);}
.clientes-logos .cliente-logo:hover img {filter: grayscale(0%);}

/*equipo */ 
.bloque_equipo h2 {border-bottom: 1px solid #cdcdcd; margin-bottom: 40px; padding-bottom: 20px;}
ul.equipo  {padding: 0; margin: 0 0 0 20%; list-style: none; display: flex; flex-wrap: wrap;}
ul.equipo .persona {display: flex; width: 50%; margin-bottom: 20px;  align-items: end;}
ul.equipo .persona img {width: 50%;}
ul.equipo .persona div {width: 50%; padding: 20px;}
ul.equipo .persona h3 {font-size: 24px;}

/*bl_contacto*/
.bl_contacto {max-width: 900px; margin: 0 auto; padding: 60px; background-color: #100000; position: relative; }
.bl_contacto h2 {color: #fff; max-width: 80%; font-size: 50px; margin-bottom: 40px;}

.bloque_contacto {position: relative; padding-top: 0; }
.bloque_contacto:before {content:""; height: calc(50% - 40px); width: 100%; position: absolute; left:0; top:0;}
.fondo_arena + .bloque_contacto:before {background-color:#F9F4F0;}
.fondo_negro + .bloque_contacto:before {background-color:#100000;}
.fondo_blanco + .bloque_contacto:before {background-color:#fff;}

/*tns slider nav*/
.tns-outer,
.tns-nav {text-align: center; padding: 10px;}
.tns-nav button {opacity:0.2 ; padding: 0; margin: 0 4px; background-color: #000; height: 2px; width: 100px; border: 0px; border-radius:0;}
.tns-nav button.tns-nav-active {opacity: 1;}
.tns-controls {position: relative; width: 800px; margin: 0 auto;}
.tns-controls button {position: absolute; top:-40px;  border:0px; width: 60px; height: 40px; background-color: red; text-align: left; text-indent: -5000px;}
.tns-controls  [data-controls=next] {right: 0px; background: no-repeat left center / 100% url('img/next.svg');}
.tns-controls  [data-controls=prev] {left: 0px; background: no-repeat left center / 100% url('img/prev.svg');}


/*cursor*/

body .cursor { pointer-events: none;}
body .cursor__ball {  position: fixed; opacity: 0; top: 0;left: 0; z-index: 1000; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 300px;  mix-blend-mode: difference; }
.cursor__punta  {position: fixed;  z-index: 1000; top: 0; left: 0; mix-blend-mode: difference;}
.cursor__punta img {width: 20px; height: auto; }
body .cursor__ball circle {  display: none; stroke: #fff;stroke-width: 1; stroke-linecap: butt;stroke-dasharray: 0;}

body .cursor.hover .cursor__ball circle { display: none; }
body .cursor.hover .cursor__ball  {opacity: 1; mix-blend-mode:initial;  width: 100px; height: 100px; background-color:#3484FC; border: 1px solid #3484FC; border-radius: 300px; margin-left: -10px; margin-top:-10px;}
body .cursor.hover .cursor__punta {mix-blend-mode:initial; width: 50px; height: 40px; margin-left: -15px; margin-top:0px; background: transparent url("img/arrastrar.svg") no-repeat  center 0; background-size:  100%;}
body .cursor.hover .cursor__punta img {display: none;}

/*pop*/
.cerrar {width: 40px; height: auto; position:  absolute; right: 60px; top:40px; cursor: pointer;}
.pop-up-nav {display:none; position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 30; background-color: #100000; color: #fff;}
.pop-up-nav.active {display: block; opacity: 1;  height:100%;  animation: aparece 1s  backwards  ease; animation-delay: 0s;}

.header--logo-pop {position: absolute; left: 60px; top:30px; width: 150px; margin: 0px; padding: 0px;}

.contenido-pop {display: flex; color: #fff; max-width: 1200px; width:100%;  text-align:left; position: absolute; left: 50%; top:50%;  transform: translate(-50%,  calc(-50% - 0px)); }
.contenido-pop a {color: #fff;}

#site-navigation {width:30%; padding-right:40px; border-right: 1px solid #666666;}
#site-navigation ul {display: block; padding: 0px; margin: 0px; list-style: none;}
#site-navigation ul li {display: block;; padding: 10px 0px;}
#site-navigation ul li a {font-size: 28px;}
#site-navigation ul li a:hover {color: #4169e1;}
.contenido-pop .actualidad {width:70%; padding-left: 40px;}
.contenido-pop .actualidad .post-aaa {border: 0px;}
.contenido-pop .actualidad h2 {padding-left: 15px;}
.contenido-pop .actualidad h3 a {color: #fff; }

/*footer*/
#footer {padding:50px 0px 160px; text-align: center; background: #fff;}
#footer  .footer_logo {width: 140px; margin-bottom: 40px;}
#footer .footer_redes {padding:10px 10px 10px 10px;}
#footer .footer_redes  svg {width: 40px;}
#footer .footer_redes  a {text-decoration: none;}
#footer .footer_redes  a:hover {opacity: 0.7;}
#footer .footer_texto {font-size: 18px; padding: 40px 0px 40px 80px; display: inline-block; width:500px; line-height: 1.4;  }
#footer .footer_texto a {color: #100000;}
#footer .footer_empresas {padding-top: 60px;}
#footer .footer_empresas a {display: inline-block; margin: 5px 40px;}
#footer .footer_empresas a img {height: 60px; width: auto;}
#footer .contacto {max-width: 1200px; display: flex; margin: 0 auto; text-align: left; justify-content: center;}
#footer .footer_texto span {display: block; padding-bottom: 10px; font-weight: bold; font-size: 20px; }


/*animaciones*/
.sub-tit {opacity: 1;  animation: animacion_aparece_sube 0.8s  backwards  ease; animation-delay: 0.5s;}
h1.tit {opacity: 1;  animation: animacion_aparece_sube 0.8s  backwards  ease; animation-delay: 1s;}
.menu-anclas {opacity: 1;  animation: aparece 0.8s  backwards  ease; animation-delay: 1.2s;}
.imagen-16-9 {opacity: 1;  animation: animacion_aparece_sube 0.8s  backwards  ease; animation-delay: 1.2s;}
.galeria  {opacity: 1;  animation: aparece 0.8s  backwards  ease; animation-delay: 1.2s;}
.baja {opacity: 1;  animation: aparece 0.8s  backwards  ease; animation-delay: 0.5s;}
#primeros-posts .post-aaa {opacity: 1;  animation: animacion_aparece_sube 0.8s  backwards  ease; animation-delay: 1.2s;}
.galeria-top {opacity: 1;  animation: animacion_aparece_sube 0.8s  backwards  ease; animation-delay: 1.2s;}
.txt.intro {opacity: 1;  animation: animacion_aparece_sube 0.8s  backwards  ease; animation-delay: 0.8s;}
.bloque_quote {opacity: 1;  animation: aparece 0.8s  backwards  ease; animation-delay: 1.2s;}

  @keyframes aparece {
    0%   {opacity:0; }
    80%  {opacity:1; }
    100%  {opacity:1;  }
  }

@keyframes animacion_aparece_sube {
    0%   {opacity:0; transform: translateY(30%); }
    80%  {opacity:1; transform: translateY(0%); }
    100%  {opacity:1; transform: translateY(0%); }
}

@keyframes animacion_aparece_derecha {
    0%   {opacity:0; transform: translateX(30%); }
    80%  {opacity:1; transform: translateX(0%); }
    100%  {opacity:1; transform: translateX(0%); }
  }

a   {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.area img,
.lista_post .img img   {
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

@keyframes animacion_top {
    0%   {height:1px; }
    100%  {height:100%;}
  }

@keyframes animacion_top_off {
    0%   {height:100%; }
    100%  {height:1px;}
  }


/*responsive*/

@media (max-width: 1680px) {
    .header--logo {left: 40px;}
    .header--menu {right: 40px;}
    .cabecera {padding-top: 160px;}
    .section-cover {height: 95vh;}
    .cabecera .contenido-centrado {max-width: 1100px;}
    .container {max-width: 1150px;}
    .contenido-pop {max-width: 1150px;}
    .galeria {position: relative; padding-bottom: 80px; transform: translateX(calc(50% - 575px)); }

    .contenido-pop .actualidad .lista_post {padding-bottom: 0px;}
}

@media (max-width: 1400px) {
    .header--logo {left: 30px; width: 130px;}
    .header--menu {right: 30px;}
    .cabecera .contenido-centrado {max-width: 1050px;}
    .contenido-pop {max-width: 1050px;}
    .container {max-width: 1080px;}
    .galeria {position: relative; padding-bottom: 80px; transform: translateX(calc(50% - 540px)); }
    #site-navigation ul li {padding-bottom: 5px;}
    #site-navigation ul li a {font-size: 26px;}
    h2.tit {font-size: 40px;}
    .contenido-pop .actualidad h2 {font-size: 35px; margin-bottom: 10px;} {}
    .resultados ul li strong {font-size: 35px;}

}

@media (max-height: 720px) {
        .section-cover {height: 100vh;}
        h1.tit_home { font-size: 12vh;}
    }