/*
Theme Name: Yago	
Version: 1.0
Made in exts
*/

/* Overwrites and Tag Declarations
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, pre {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: top;
}
html, body{ height:100%; }
body {
	line-height: 1;
	color:#222;
	background:#fff;
	overflow-x: hidden;	
	-moz-osx-font-smoothing: grayscale;
}
pre {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: #444;
	outline: none;
	text-decoration: none;
    font-weight: 600;
}
a:hover {
  color: #000;
}
a img {
	border: none;
}
.hook {
	display: block;
}
.hook:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .hook {
	height: 1%;
}

ul li{ list-style-type:disc}

p, ul, li, pre{font-size-adjust: none;font-stretch: normal;font-style: normal;font-variant: normal;font-weight: normal;letter-spacing: 0;line-height: normal;word-spacing: normal; }

p { margin:0 0 10px 0; line-height: 1.5em; font-size: 16px;  }

ul li { margin:0 0 0 10px; line-height: 1.5em; font-size: 16px;  }
ul { margin: 20px 0;  }

textarea, input { width:100%; padding: 10px; margin: 10px 0; position: relative; }

.transparent {
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.right{ float: right; }
.left{ float: left; }


.wp-block-button a:hover {transform: scale(1.05); color: #000!important; }
.wp-block-image a:hover{transform: scale(1.02); }
.blog-card__link:hover{transform: scale(1.02); }
.wp-block-gallery img:hover{transform: scale(1.02); }
nav.menuprincipal .fa-xmark{transform: scale(1.05); }
.wp-block-latest-posts__featured-image a:hover img {transform: scale(1.02); display: block }
.blog article a:hover { transform: scale(1.02); }
a.linkwas:hover{transform: scale(1.03); }






/* Typography - Roboto:100,300,400,700,900, Roboto+Condensed:400,300,700
----------------------------------------------- */


body {font-family: 'Roboto', sans-serif; color: #222; font-size: 20px; font-weight: 400; }


/* Acss AA 
----------------------------------------------- */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 12px;
  z-index: 9999;
}
.skip-link:focus {
  top: 0;
}



/* Core
----------------------------------------------- */
.wrapper{ margin: 0 auto; width: 100%; padding:0;  }
.header{ width:100%; height: auto; margin: 0; }
.content{ width:100%; max-widthx: 1600px; height: auto; margin: 0 auto; }
.header .content{ width:90%; max-width: 1600px; height: auto; margin: 0 auto; }

div.min{ width:60%; max-width: 1600px; height: auto; margin: 0 auto; }
.footer{ width:100%; background: #000; margin: 0 0 0 0;   }
article { width:100%; height: auto; margin: 0; }
article.post{ width:60%; max-width: 1600px; height: auto; margin: 0 auto; }
.blog{ width:70%; max-width: 1600px; height: auto; margin: 0 auto; }

/* header 
----------------------------------------------- */

.header {
  position: fixed;   /* se queda pegado */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.header.hidden {
  opacity: 0;
  transform: translateY(-100%);
}

main#main{ position: relative;  }

h1.logo a{ width: auto; height: auto; margin: 30px 0 0 0; display: inline-block; font-weight: 900; color: #fff; font-size: 26px; text-transform: uppercase;
}
h1 .titulo{ font-size: 26px; text-transform: uppercase; font-weight: 200; display: inline-block; margin: 30px 0 0 10px; color: #fff;  }



.showhide{ position:relative; display:block; width:auto; height:auto; cursor:pointer; color: #fff; margin: 22px 0 0 0; background: none; border: none; float: right;}

.showhide i{
  font-size: 34px;
}

.idiomas{ float: left; margin: 30px 10px 0 0; }
.idiomas ul{ margin: 0; }
.idiomas li{ list-style: none; display: inline-block; }
.idiomas a{ color: #fff; display: inline; font-size: 18px; font-weight: 400; margin: 0 0 0 0; }
.idiomas .wpml-ls-current-language a{ font-weight: 800; }

/* menu 
----------------------------------------------- */

.menuprincipal { }

.menuprincipal li{ display:block; position: relative; }
.menuprincipal a{ display: block;
  width: 100%;
  height: auto;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 10px 0;
  text-align: center;  }
.menuprincipal a:hover{ transform: scale(1.1); }
.menuprincipal li:first-child {  }
.menuprincipal li.current-menu-item a { color: #00c0ff; font-weight: bold; }
.menuprincipal li.current-page-ancestor a {  color: #00C0FF; font-weight: bold; }



:root{
  --header-h: 110px;
}

/* Menú oculto por defecto (slideToggle parte de display:none) */
nav.menuprincipal{
  display: none;

  position: fixed;
  top: 0;
  right: 0;

  height: 100dvh;
  width: 300px;
  background: #000;
  z-index: 25;

  /* scroll interno */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* Reset mínimo del menú */
nav.menuprincipal .menu{
  margin: 0;
  padding: 90px 0;
  list-style: none;
}

/* Links ocupan ancho completo (mejor UX móvil) */
nav.menuprincipal .menu a{
  display: block;
}

body.menu-open{
  overflow: hidden;
}

/* Seguridad extra para alturas muy pequeñas */
@media (max-height: 480px){
  nav.menuprincipal{
    height: calc(100dvh - var(--header-h));
  }
}
nav.menuprincipal .fa-xmark{ position: absolute; right: 16px; top: 16px; color: #fff; font-size: 28px; cursor: pointer; margin: 20px; }


.menuprincipal li.menu-item-has-children a::after{
font-family: "Font Awesome 5 Free";
content: "\f078";
font-weight: 900;
color: #fff;
font-size: 10px;
padding: 0 0 0 10px;
position: relative;
top: -1px;
}
.menuprincipal li.menu-item-has-children li a::after{ content: ""; }




/* otras 
----------------------------------------------- */
.page-template-page-paginas .content{ width: 90%; max-width: 1400px; margin: 0 auto; }
.page-template-page-paginas .header { background: #333; height: 100px; padding: 50px 0 0 0;}
.page-template-page-paginas article{ margin: 200px 0 150px 0;}
.page-template-page-paginas h1.logo a { margin: 6px 0 0 0;}
.page-template-page-paginas h1 .titulo { margin: 6px 0 0 10px;}
.page-template-page-paginas .showhide{ margin: 0; }
.page-template-page-paginas .idiomas{ float: left; margin: 10px 10px 0 0; }

.noencontrada{ padding: 140px 0; line-height: 2em;}
.error404 .content{ width: 90%; max-width: 1400px; margin: 0 auto; }
.error404 .header, .error404 .header{ background: #333; height: 140px; padding: 50px 0 0 0;}
.error404 article{ margin: 200px 0 150px 0;}
.error404 h1.logo a { margin: 6px 0 0 0;}
.error404 h1 .titulo { margin: 6px 0 0 10px;}
.error404 .showhide{ margin: 0; }
.error404 .idiomas{ float: left; margin: 10px 10px 0 0; }

/* transiciones 
----------------------------------------------- */

.menuprincipal a,
.menuprincipal,
.header,
.custom-logo,
a.boton,
.wp-block-button a,
.showhide,
.showhide i,
.logo-round,
.wp-block-image a,
main#main,
.blog-card__link,
.wp-block-gallery img,
.wp-block-latest-posts__featured-image img,
.blog article a
{-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease; }


/* portada
----------------------------------------------- */

.contenedor {
  position: relative;
  z-index: 2;
}


.alignfull {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}



#cookie-notice .button.bootstrap{ display: block; margin:10px 0; }

#cookie-notice .cn-button{ display: block; margin:10px 0; width: 90%; }

.opacity img{ 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
  filter: alpha(opacity=50); 
  opacity: 0.2;
}


/* contenido
----------------------------------------------- */

.wp-block-nk-awb { padding: 0!important }

article .wp-block-image img { margin: 50px 0; width: 100%; height: auto; }

h2{ font-size: 36px; padding: 10px 0 10px 0; line-height: 1.2em; }
h2 strong{ font-size: 56px; padding: 10px 0 10px 0; line-height: 1.2em;  }
h3{ font-size: 26px; padding: 10px 0 10px 0; font-weight: 400; line-height: 1.2em; max-width: 800px; margin: 10px auto; }
h4{ font-size: 18px; padding: 20px 0; line-height: 1.3em; }

article.post h3{ font-size: 26px; padding: 10px 0 10px 0; font-weight: 400; line-height: 1.2em; max-width: 100%; margin: 0; }
article.post h1{font-weight: 100;   }
article.post p{font-size: 20px;  }

.columna .caja, .columna figure{ width: 25%; float: left; }
.columna .caja { aspect-ratio:1/1; }
.columna .caja h2{ margin: 0 20px; }
.columna .caja h3{ margin: 10px 20px 0px 20px; font-size: 16px; padding: 0;text-transform: uppercase; }
.columna .caja ul, .columna .caja p{ margin: 0 20px; }
.columna .caja ul li{ margin: 0 0 0 0; text-transform: uppercase; font-size: 14px; list-style-type: none; border-bottom: 1px dotted #000; padding: 5px 0 5px 0; }
.columna .caja ul li:last-child{ border-bottom: none; }
.columna figure{ margin: 0; }
article .columna .wp-block-image img{ margin: 0;}

.columna .wp-block-image figure{ width: 70%; float: none;}
.columna .caja p{ margin: 0 30px;}

.columna .caja{
  aspect-ratio:1/1;
  display:flex;
  align-items:center;      /* centra verticalmente */
  justify-content:center;  /* centra horizontalmente */
  text-align:center;
}



.intro{ width: 60%; margin: 50px auto;}
.intro p{ font-size: 28px; font-weight: 300; }


article .media{ width: 100%; display: inline-block; margin: 0 0 0 0; }
article .media.dos{ margin: 0 0 0 0; }
article .media img{ width: auto; }

.media ul{ border-left: 100px solid #ccc;
  padding: 20px;
  background: #dedede;
  margin: 0 0 2px 0; }
h2.media{ border-left: 100px solid #eee; padding: 20px; margin: 0 0 2px 0; }
.media ul li{ list-style: none; color: #666; }
.media strong{ text-transform: uppercase; }

.media.kit ul{ border-left: 100px solid #38cb94; padding: 40px 20px; }
.media.kit ul:nth-child(1) {background:#98eab9; color: #000;}
.media.kit ul li a{ color: #000;}
.media.kit ul li a:hover{ color: #000;}
.media.kit ul li a strong{ color: #000;}

.media.first ul{ border-left: 100px solid #07406d; padding: 40px 20px; }
.media.first ul:nth-child(1) {background:#1261a1; color: #fff;}
.media.first ul li a{ color: #fff;}
.media.first ul li a:hover{ color: #fff;}
.media.first ul li a strong{ color: #fff;}

.media ul:nth-child(1) {background:#fde2e4;}
.media ul:nth-child(2) {background:#fad2e1;}
.media ul:nth-child(3) {background:#e2ece9;}
.media ul:nth-child(4) {background:#bee1e6;}
.media ul:nth-child(5) {background:#dfe7fd;}
.media ul:nth-child(6) {background:#cddafd;}
.media ul:nth-child(7) {background:#f0efeb;}
.media ul:nth-child(8) {background:#eae4e9;}
.media ul:nth-child(9) {background:#fff1e6;}
.media ul:nth-child(10){background:#fde2e4;}
.media ul:nth-child(11){background:#e2f0cb;}
.media ul:nth-child(12){background:#c9e4de;}
.media ul:nth-child(13){background:#cddafd;}
.media ul:nth-child(14){background:#f1c0e8;}
.media ul:nth-child(15){background:#cfbaf0;}
.media ul:nth-child(16){background:#a3c4f3;}
.media ul:nth-child(17){background:#90dbf4;}
.media ul:nth-child(18){background:#8eecf5;}
.media ul:nth-child(19){background:#98f5e1;}
.media ul:nth-child(20){background:#b9fbc0;}

.media .wp-block-group__inner-container{
  display:flex;
  flex-wrap:wrap;
  gap:1px 2px;
}

.media ul{
  flex:1 1 calc(50% - 1px);
}

.fa-instagram {
font-size: 24px;
}

/* Forms
----------------------------------------------- */


/* blog
----------------------------------------------- */

  .blog{ max-width: 650px; padding-block: 100px; }
  .blog article{ width: 100%; height: auto; margin: 0 0 80px 0; }
  .blog article img{ width: 100%; height: auto; margin: 20px 0; }
  .blog article h3{ width: 100%; height: auto; margin: 20px 0; text-align: center; font-size: 38px; }
  .blog article a { display: block;}


  .wp-block-latest-posts, .wp-block-latest-posts li{ list-style-type: none!important; }
  .wp-block-latest-posts a.wp-block-latest-posts__post-title{ font-size: 32px; margin: 30px 0; display: block;}
  
  .post-navigation{ margin: 10px 0 100px 0; font-weight: normal;}
  .post-navigation a{ font-weight: 400; }
  
  .tallereslink{ font-weight: 400; line-height: 22px; }



  

/* footer
----------------------------------------------- */
.footer { padding: 120px 0;}
.footer, .footer p{ color: #fff;}

.footer a{ color: #eee; font-size: 12px; text-transform: uppercase; }
.footer a:hover{ color: #fff; font-weight: 400; }

.copyright{ width: 100%; margin: 0 0; text-align: center; font-size: 14px;text-transform: uppercase; }

.logos{ width: 100%; text-align: center;}
.logos .logo{ display: inline-block;vertical-align: middle; margin: 0 20px;}

/* Media queries
*********************************/

@media screen and (max-width: 1440px) {	
.columna .caja h2{ margin: 10px 30px 0 30px; padding: 0; }
.columna .caja h3{ margin: 0px 30px; font-size: 18px; padding: 0; }
.columna .caja ul{ margin: 10px 20px; }

}


	
@media screen and (max-width: 1280px) {
  
  .columna .caja, .columna figure{ width: 50%; float: left; }
  .columna .caja { border-top: 1px solid #888;}  
  .columna .caja h2{ margin: 40px; padding: 0; }
  .columna .caja h3{ margin: 40px; font-size: 22px; padding: 0; }
  .columna .caja ul{ margin: 40px; }
  .columna .caja ul li { margin: 0 0 20px 0; line-height: 1.4em; font-size: 16px; text-transform: uppercase; }
  
}




@media screen and (max-width: 980px) {
  .columna .caja h2{ margin: 20px; padding: 0; }
.columna .caja h3{ margin: 20px; font-size: 18px; padding: 0; }
.columna .caja ul{ margin: 20px 30px; }
  .columna .caja ul li { margin: 0 0 10px 0; line-height: 1.2em; font-size: 16px; text-transform: none; }
}

@media screen and (max-width: 840px) {
  .columna .caja h2{ margin: 20px 40px; padding: 0; }
  .columna .caja h3{ margin: 10px 40px 20px 40px; font-size: 18px; padding: 0; }
  .columna .caja, .columna figure{ width: 100%; float: left; }
  .columna .caja{ margin: 30px 0;  border: none;}
.columna .caja ul{ margin: 10px 40px; }
 .media ul{ flex:1 1 100%; }
 
 .columna .wp-block-group__inner-container{
     display:flex;
     flex-direction:column;
   }
 
   .columna.dos figure.size-large:nth-child(1){ order: 2; }
   .columna.dos .caja:nth-child(2){ order: 1; }
   .columna.dos figure.size-large:nth-child(3){ order: 4; }
   .columna.dos .caja:nth-child(4){ order: 3; }
 
 nav.menuprincipal{ width: 100%; }
 
 .page-template-page-paginas h1.logo a { margin: 0 0 0 0; display: block;}
 .page-template-page-paginas h1 .titulo { margin: 0 0 0 0; display: block;}
 .page-template-page-paginas .showhide{ margin: 0; }
.page-template-page-paginas .header .content{ margin: 30px auto; }
.left { width: 72%;}
}

@media screen and (max-width: 680px) {
  
h1 a{ display: block; margin: 10px 0 0 0;}
h1 .titulo{ display: block; margin: 10px 0 0 0;}
.wp-container-core-group-is-layout-ad2f72ca { flex-wrap: wrap!important; }

}


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

.nk-awb { min-height: 70vh!important;}
.showhide { float: none;}
.idiomas a{ margin: 10px 0 0 0;}
.idiomas{ float: none; margin: 0; }
.intro{ width: 90%;}
.intro p{ font-size: 18px; }
.page-template-page-paginas .header{ padding: 10px 0 0 0;}
.wp-block-spacer{ max-height: 20px;}
.columna .caja{ margin: 0; }
.wp-block-navigation .wp-block-navigation-item {
align-items: center;
background-color: inherit;
display: block;
position: relative;
width: 100%;
text-align: center;
margin: 0;
}
.copyright{ margin: 50px 0; }
.footer {
padding: 50px 0;
}
.wp-block-navigation ul, .wp-block-navigation ul li { width: 100%; }

.logos {
width: 90%;
text-align: center;
margin: 0 auto;
padding: 40px 0 100px 0;
}

}