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

/* Overwrites and Tag Declerations
----------------------------------------------- */
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;
	background:#fff;
	color:#222;
	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: #222;
	outline: none;
	text-decoration: none;
}
a:hover {
  
}
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:none}

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; color: #333;  }

ul li { margin:0 0 0 10px; line-height: 1.5em; font-size: 16px; color: #333;  }
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; }


.mwl .mwl__slider .mwl__slider__image .mwl__slider__image__thumbnail img.zoomed {
  max-width: 100%!important;
  max-height: 100%!important;
}

.wp-block-button a:hover{transform: scale(1.05); }

/* Columns
----------------------------------------------- */

.container {
  margin: 0 auto 0 auto;
  padding:0;
  display:block;
  height: auto;
  }

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

.fontx {font-family: Verdana, Geneva, sans-serif }
body, .font1, .titulos, p, .font0, .menu a {font-family: 'Roboto', sans-serif; font-weight: 400;letter-spacing: 0em; }
.font2, h1, .barra, h3 {font-family: 'Roboto Condensed', sans-serif; color: #222; font-size: 20px; font-weight: 700; }


p.has-large-font-size strong{ font-weight: 700; }

.font2::after{ content: none; }

/* Core
----------------------------------------------- */
.wrapper{ margin: 0 auto; width: 100%; padding:0;  }
.header{ width:100%; height: auto; margin: 0; }
.content{ width:100%; height: auto; margin:0 auto; }
.contenidos{ width:90%; max-width: 1800px; height: auto; margin:0 auto; }
.margen { width:90%; height: auto; margin:0 auto; }
.footer{ width:100%; background: #1c1c1c;   }
.postfooter{ background: #6d8e95;  }
.contenido { width: 100%; max-width: 1020px; margin: 0 auto; text-align: left; }
article { width: 90%; max-width: 1020px; margin: 0 auto 110px auto; text-align: left; }
.intros{ width: 90%; max-width: 1120px; margin: 0 auto;}

/* header 
----------------------------------------------- */
.barra{ 
  width: 100%;
  height: 40px;
  background: #fff;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1px;
}
.barra a{ text-decoration: underline; }

.header { width: 100%; height: 120px; background: #1c1c1c; position: relative; border-bottom: 5px solid #fff;  }

.custom-logo{ width: auto; height: 120px; float: left; }

.showhide{ position:relative; float: right; display:block; width:100px; height:120px; line-height: 100px; cursor:pointer; z-index:99; display: none; color: #fff; margin: 0 0 0 30px; background: none; border: none; border-radius: 0; }

.showhide i{
  font-size: 34px;
  height: 110px;
  line-height: 100px;
}

.idiomas{ float: right; color: #fff; margin-top: 40px;}

main#main{
position: relative;
}

.wpml-ls-legacy-list-horizontal a {
  display: inline-block;
  text-decoration: none;
  padding: 0 10px!important;
  line-height: 1;
  color: #fff;
  height: auto;
  border-right: 2px solid #ccc;
  letter-spacing: 1.4px;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item-en a {
border-right: none;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-current-language a { color: #ffffff; font-weight: bold; }
.wpml-ls-legacy-list-horizontal a:hover { color: #fff; font-weight: bold; }

/* sticky 
----------------------------------------------- */
.sticky .header{ position: fixed; top: 0; z-index: 10; height: 80px;}
.sticky main#main{ margin-top: 120px; }
.sticky .custom-logo{ width: auto; height: 80px;}
.sticky .menuprincipal a{  line-height: 80px;   }
.sticky .idiomas{  margin-top: 20px;}
.sticky .header-search { height: 80px; line-height: 80px; }
.sticky .search-form-container{ top: 85px; }
.sticky .showhide{ height:85px; line-height: 75px;  }
.sticky .showhide i{ height: 85px; line-height: 75px; }

/* search 
----------------------------------------------- */

.searchform{ float: right; }
.searchtitle{ float: right; margin: 0 30px 0 0; color: #fff; padding: 20px 0; }

.header-search {
    position: relative;
    display: inline-block;
    float: right;
    height: 120px;
    line-height: 120px;
    margin: 5px 20px 0 0;
}

.search-toggle {
  font-size: 23px;
  text-decoration: none;
  background-color: transparent;
  color: #fff;
  border: none;
  cursor: pointer;
  padding: 5px; /* Aumenta el área clicable */
}

/* Foco visible y accesible */
.search-toggle:focus,
.search-toggle:focus-visible {
  outline: 2px solid #bbb;
  outline-offset: 0px;
}

/* Estado hover opcional */
.search-toggle:hover {
  color: #fff;
}


.search-form-container {
    position: absolute;
    width: 100%;
    top: 125px;
    left: 0;
    background: #1c1c1c;
    padding: 0;
    z-index: 999;
    text-align: right;
}

.search-form-container textarea, .search-form-container input{ width: auto; }

.search-form-container {
  opacity: 0;
  transform: scaleY(0.95);
  transform-origin: top;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

.search-form-container.visible {
  opacity: 1;
  transform: scaleY(1);
  max-height: 300px; /* ajusta según tu diseño */
}

/* === BOTÓN === */
.search-form-container button,
.search-form-container input[type="submit"] {
  background-color: #e0e0e0;
  color: #000;
  border: none;
  padding: 11.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover y foco accesibles */
.search-form-container button:hover,
.search-form-container input[type="submit"]:hover,
.search-form-container button:focus,
.search-form-container input[type="submit"]:focus {
  background-color: #fff;
  color: #000;
  outline: 2px solid #fff;
  outline-offset: 2px;
}



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

.menuprincipal a,
.menuprincipal .sub-menu,
.header .logo,
a.boton,
.header .right a,
.header .search a,
.wp-block-button a,
.search-form-container,
article.producto-item,
.showhide,
.board
{-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease; }

.custom-logo,
.header
{-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease; }


/* 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;
}




/* menu 
----------------------------------------------- */
.menuprincipal ul li { margin:0 0 0 0;  }
.menuprincipal ul { margin: 0 0;  }

.menuprincipal{ display:block; position: relative; float: left; background: none; width: auto; height: auto; margin:0; text-align: left;  }
.menuprincipal li{ display:inline-block; position: relative; }
.menuprincipal a{ display: inline-block; width: auto; height: auto; margin:0 10px 0 0; color:#fff; text-transform: uppercase; font-size:16px; letter-spacing:1px; padding:0 10px; text-align:left;  line-height: 120px;   }
.menuprincipal a:hover{ color: #b1d8f2;  }
.menuprincipal li:first-child {  }
.menuprincipal li.current-menu-item a { color:#b1d8f2; font-weight: bold; }



/* === Submenú desplegable full width === */
.menuprincipal li .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  background: #fff;
  z-index: 22;
  width: 100vw;
  border-bottom: 1px solid #ccc;
}

/* Mostrar el submenu al pasar el mouse */
.menuprincipal li:hover .sub-menu {
  display: block;
}

.menuprincipal li .sub-menu a{ font-size: 14px; color: #1c1c1c }
.menuprincipal li .sub-menu a:hover{ color: #1c1c1c; font-weight: bold; }



.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: ""; }


.menumap{ margin: 0 0 160px 0;}
.menumap ul.sub-menu{ margin: 10px 0 20px 0;}
.menumap a{ 
  font-size: 18px;
  margin: 10px 0;
  display: block;
  text-transform: uppercase;
}
.menumap a:hover{ font-weight: bold;}

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

.nk-awb-wrap-content{ text-align: center; }
.nk-awb-wrap-content{ text-align: center; }
.home .nk-awb-wrap-content h2{ display: inline-block; background: #000; padding: 0 6px; }
.home .nk-awb-wrap-content h3{ display: inline-block; background: #000; padding: 10px 12px; }
.home .nk-awb-wrap-content p{ display: table; background: #000; color: #fff !important; padding: 10px 12px; margin: 10px auto; }

.home .primero .nk-awb-wrap-content h1{ display: inline-block; background: #fff; padding: 4px 6px; }
.home .primero .nk-awb-wrap-content h2{ display: inline-block; background: #fff; padding: 4px 6px; }

.home .blanco .nk-awb-wrap-content h2{ display: inline-block; background: #fff; padding: 0 6px;color: #000 !important;  }
.home .blanco .nk-awb-wrap-content h3{ display: inline-block; background: #fff; padding: 10px 12px;color: #000 !important;  }
.home .blanco .nk-awb-wrap-content p{ display: table; background: #fff; color: #000 !important; padding: 10px 12px; margin: 10px auto; }

.wp-block-button__link{ background: #000;color: #fff !important; }

.home h1{ font-size: 3rem; text-transform: uppercase  }
.home h2{ font-size: 1rem;  }

h1{ font-size: 34px; color: #1c1c1c; padding:  0; text-transform: uppercase; margin: 20px 0;  }
h2{ font-size: 14px; color: #1c1c1c; padding: 0; letter-spacing: 1px; text-transform: uppercase; line-height: 1.4em; }
h3{ font-size: 18px;  font-weight: 700;text-transform: uppercase;  }
h4{ font-size: 12px;  font-weight: 700; }

.wp-block-nk-awb h1{ color: #fff; margin: 0;letter-spacing: 3px; font-size: 24px  }
.wp-block-nk-awb h2{ color: #fff; margin: 0;  font-weight: 700; font-size: 16px;  }

h2.has-medium-font-size{ color: #1c1c1c; font-weight: 700;}
h2.has-small-font-size{ color: #1c1c1c; font-weight: 300; font-size: 22px!important;}
h2.has-large-font-size{ color: #1c1c1c; font-weight: 300; font-size: 18px!important;}

h3.has-medium-font-size{ color: #1c1c1c; font-weight: 700; font-size: 30px!important; letter-spacing: 4px;}
h3.has-large-font-size{ color: #1c1c1c; font-weight: 300; font-size: 30px!important; letter-spacing: 4px;line-height: 1.6em;}

.wp-block-latest-posts__post-title{ font-size: 26px; color: #8c5a6d; font-weight: 300; margin: 20px 0; display: block;line-height: 1em; }
.wp-block-latest-posts__post-excerpt {
  margin-bottom: 1em;
  margin-top: .5em;
  max-width: 90%;
  }

.contenidos blockquote p{ font-size: 36px; color: #865e6d; margin: 100px auto; padding: 0; width: 100%; max-width: 600px; text-align: center;  }

.intro p{ width: 90%; max-width: 720px;  margin: 0 auto;line-height: 1.4em; }

p.has-medium-font-size{ font-size: 29px!important; color: #2d535a; text-transform: none; font-weight: 300; line-height: 1.2em; }

p.has-medium-font-size strongxyz{ font-size: 34px!important; color: #2d535a; text-transform: none; font-weight: 300; line-height: 1.1em; }


#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;
}

/* resto
----------------------------------------------- */


/* surfboards AA
----------------------------------------------- */

.productos-grid, .catalogo-container{
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 2rem;
}
.catalogo-filtros {

}

.filtros-titulo {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: #222;
}

.filtros-ayuda {
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 1.25rem;
}

.subcat-checkbox {
display: block;
margin: 20px 0;
padding: 0 0 0 0;
}

.subcat-checkbox input[type="checkbox"] {
  transform: scale(1.2);
  width: auto;
  margin: 0 10px 0 0;
}

.nombre-categoria {
font-weight: 700;
font-size: 16px;
color: #111;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0px;
line-height: 1.2em;
}

.subcat-link {
  text-decoration: none;
  font-size: 0.9rem;
  color: #888;
  margin: 0 0 0 0;
}

.subcat-link:hover {
  color: #000;
}
article.producto-item{ width: 100%;margin: 0; }
article.producto-item:hover, .board:hover{ transform: scale(1.05);}
article.producto-item img{ width: 100%; height: auto;}
.producto-item h3{ text-align: center;
  font-weight: 300;
  font-size: 19px;
  margin: 20px 0 0 0;
  letter-spacing: 1px;
  text-transform: uppercase; }
  
  
  .contenidos p.left{ width: 24%; }
  .productos-grid.right{ width: 65%;  }

/* hijos
----------------------------------------------- */
/* Contenedor del grid */
.productos-grid {
  display: grid;
  justify-content: center; /* Centra los productos en filas incompletas */
  grid-template-columns: repeat(auto-fill, minmax(210px, 300px));
  gap: 2rem;
  margin-top: 2rem;
  margin-bottom: 6rem;
}

/* Cada producto */
.producto-item {
  text-align: center;
}

.producto-item:hover {
}

.producto-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

/* Imagen del producto */
.producto-thumb {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.producto-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Fallback si no hay imagen */
.producto-sin-imagen {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: #ddd;
  color: #666;
  font-size: 0.9rem;
}

/* Título del producto */
.producto-titulo {
  font-size: 1.1rem;
  font-weight: 600;
  padding: 1rem;
  color: #111;
}


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

.wp-block-media-text__content{ margin: 0 60px; }

.intros, .contenidos p.intros{ font-size: 16px;
  line-height: 1.6em;
  letter-spacing: 0.5px; }

.wp-block-list ul li{ list-style: disc; margin: 20px;}
.titulos{
position: absolute;
  z-index: 4;
  width: ;
  margin: ;
  margin: 5% 0 0 3%;
  font-size: 34px;
  font-weight: 300;
  color: #865e6d;
  padding: 0 0 0 30px;
}

.titulos .circulo{ display: inline-block; width: 25px; height: 25px; border-radius: 30px; background:#865e6d; margin: 2px 10px 0 0; }

.wp-block-columns.min{ width: 100%; max-width: 740px; margin: 0 auto;}

:where(figure) { margin: 0; }
.wp-block-spacer { clear: both; }

.wp-block-nk-awb {
  padding: 20px 0;
}

.yoast-breadcrumbs, .yoast-breadcrumbs a{ color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: .5px; margin: 20px 0; }


.wp-block-columns{ max-width: 90%; margin: 0 auto;}



.wp-block-gallery{ margin: 40px 0 0 0;}

a.boton{ padding: 15px 25px; border: 2px solid #fff; color: #fff; margin: 10px 0; display: inline-block; letter-spacing: 1px;}
a.boton:hover{background: #41a6d8; cursor: pointer; }



.titulo{ font-size: 26px;}

.wp-block-table td, .wp-block-table th {
  border: 1px solid;
  padding: .5em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.3em;
}

.wp-block-table td{ border-right: 5px solid #fff!important; }

.wp-block-table tr:first-child td{ font-size: 20px; }

.wp-block-contact-form-7-contact-form-selector br{ display: none }
.wpcf7-form-control{ display: block; margin: 0 0 5px 0; padding: 5px; max-width: 350px; max-height: 60px;}
.wpcf7-form-control input{ width: auto; padding: 0; margin: 0;}
.wpcf7-form label{ margin: 0 0 5px 0;}
.wpcf7-form-control-wrap {
  position: relative;
  margin: 5px 0;
  display: block;
}
.politica a{ text-decoration: underline; }
.politica a:hover{ text-decoration: underline; font-weight: bold; }
.politica .wpcf7-form-control{ display: inline; margin: 0;}
.politica input{ margin: 5px 5px 5px 0; }
.politica .wpcf7-list-item { margin: 0 0 0 0; }
.enviar input {font-size: 24px;
  background: #eee;
  border: 1px solid #333;
  width: 40%;}
select { padding: 10px 20px;
  background: #eee;
  border: 1px solid #333;
  width: 100%;}

.wpcf7-submit{
  display: inline-block;
  margin-top: 30px;
  width: 130px;
  color: #000;
  background-color: #fff;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  background: transparent none;
  border-color: currentColor;
  border-width: 2px;
  border-style: solid;
  color: currentColor;
  padding-top: 0.667em;
  padding-right: 1.33em;
  padding-bottom: 0.667em;
  padding-left: 1.33em;
  cursor: pointer;
}

.wpcf7-submit:hover{ transform: scale(1.05); }
  
 .grecaptcha-badge { visibility: hidden; }
.wpcf7-form small, .wpcf7-form small a{ font-size: 10px; font-weight: normal; color: #333; margin: 0; display: inline-block; line-height: normal; }

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

.blog article{ width: 28%; display: inline-block; margin: 20px; vertical-align: top;}
.blog article .thumb { width: 100%; max-height: 170px; overflow: hidden;}
.blog article .thumb img{ width: 100%; height: auto;}
.blog article .leermas a{ margin: 20px 0;
  padding: 10px 20px;
  border: 1px solid #865e6d;
  display: inline-block;}
  .blog article .leermas a:hover{ border: 1px solid #000;}
  
  /* Jaks
----------------------------------------------- */
  .page .wp-container-core-columns-is-layout-flex {
      flex-wrap: wrap !important;
  }
  .page .wp-block-columns > .wp-block-column {
      flex: 1 1 50%;
      max-width: 50%;
  }

  
  

/* footer
----------------------------------------------- */

.footer {  padding: 120px 0 100px 0; margin: 0 0 100px 0; }
.footer p{ color: #fefefe; text-transform: none; font-size: 14px; letter-spacing: 0.5px; padding: 0 20px 0 0; }
.footer a{ text-transform: uppercase; color: #fefefe; }
.footer h2{ color: #fefefe; font-size: 32px; margin: 0 0 20px 0; }
.footer .left{ width: 50%;  text-align: left; }

.footer a:hover { color:#b1d8f2;  }

.footer img{ filter: invert(1);}


.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{ color: #fefefe; font-size: 14px;
  letter-spacing: 1px;}
  
  .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover{ color: #ccc; }

.wp-block-column.espacio{  border-left: 1px solid #ccc; }
 
.footer p.gestion-cookies{ width: 100%; margin: 5px 0 0 0; font-size: 13px; text-transform: uppercase; cursor: pointer;}

.copyright{ display: block;
color: #fefefe;
margin: 60px 0 0 0;
font-size: 13px;
text-align: center;
font-weight: 400;
letter-spacing: 0.1em; }

.footer .logos{ margin: 100px 0; }


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

@media screen and (min-width: 1600px) {	


}


	
@media screen and (max-width: 1250px) {
  
.wp-block-column.espacio{ flex-basis: 0!important; border: none; }

}

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

 body .footer .is-layout-flex{ display: block; }
 .wp-block-column { margin: 30px 0!important; }
 
 .wp-block-media-text {
   grid-template-columns:100%!important
 }
 .wp-block-media-text >.wp-block-media-text__media {
   grid-column:1;
   grid-row:1
 }
 .wp-block-media-text >.wp-block-media-text__content {
   grid-column:1;
   grid-row:2!important;
 }
 
 .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media {
   rtl: begin:ignore;
   grid-column: 1;
   grid-row: 1;
 }
 
 .wp-block-spacer{ }


}

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

}

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

	.showhide{display:block; }
	
	.menuprincipal { 
display: none;
z-index: 5;
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 0;
margin: 125px 0 0 0;
background: #fff;
 }
.sticky .menuprincipal {  margin: 85px 0 0 0;   }

.menuprincipal li:hover .sub-menu {
  display: none;
}

.sticky .menuprincipal a {
  line-height: normal;
}

	
.menuprincipal a { 
display: block;
width: 100%;
height: auto;
background: #fff;
font-size: 26px;
padding: 10px 0;
margin: 0;
text-align: center;
color: #000;
line-height: normal;
 }
	.menuprincipal li{ display: block; }
	
	.menuprincipal li.current-menu-item a{ color: #666;}
	.menuprincipal li:first-child {margin: 0; }
	
.catalogo-container{ display: block!important; }
}

@media screen and (max-width: 840px) {
.contenidos p.left {
  width: 100%;
}
.productos-grid.right {
  width: 100%;
  margin-top: 40px;
}

.copyright { margin: 0 auto;
  text-align: left;
  width: 90%; }
  
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }

.page .wp-block-columns > .wp-block-column {
    flex: 1 1 100%;
      flex-basis: 100%;
    max-width: 100%;
  }

}

@media (min-width: 782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  flex-basis: auto;
  flex-grow: 1;
}


}

@media screen and (max-width: 680px) {
  
.searchform {
  float: none;
  width: 98%;
}
.search-form-container textarea, .search-form-container input {
  width: 70%;
}
.search-form-container button, .search-form-container input[type="submit"]{ width: 20%; }
.searchtitle {
  float: none;
  margin: 0;
  color: #fff;
  padding: 10px 0 25px 0;
  text-align: center;
}

h1 {
font-size: 24px;
padding: 40px 0 0 0;
}

}

@media screen and (max-width: 540px) {
  
  .idiomas{ float: right; color: #000; margin-top: 5px;}
  
  .wpml-ls-legacy-list-horizontal a {
    display: inline-block;
    text-decoration: none;
    padding: 0 10px !important;
    line-height: 1;
    color: #000;
    height: auto;
    border-right: 1px solid #000;
  }

main#main {
  position: relative;
  margin-top: 175px;
}

.barra {
  width: calc(96% - 140px);
  height: 50px;
  background: #fff;
  text-align: left;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px;
  position: fixed;
  top: 0;
  left: 0;
  padding: 3% 0 0 4%;
  z-index: 10;
}

.header {
  width: 100%;
  height: 120px;
  background: #1c1c1c;
  position: fixed;
  border-bottom: 5px solid #fff;
  top: 50px;
  left: 0;
  z-index: 10;
}

 .primary {
    width: 100%;
    background: no-repeat;
    height: 120px;
  }
  .secundary {
   width: 140px;
   height: 50px;
   background: #fff;
   position: absolute;
   top: -50px;
   right: 0;
  }

  .header-search {
    position: relative;
    float: left;
    height: 50px;
    line-height: 60px;
    margin: 0 0px 0 0;
  }

.search-toggle {
color: #000;
}

.menuprincipal {
  display: none;
  z-index: 5;
  position: fixed;
  left: 0;
  top: 175px;
  width: 100%;
  padding: 0;
  margin: 0 0 0 0;
  background: #fff;
}

.sticky .header{ position: fixed; top: 50px; z-index: 9999999; height: 80px;}
.sticky .idiomas {
  margin-top: 5px;
}
.sticky .header-search {
  height: 50px;
  line-height: 60px;
}
 .sticky .menuprincipal {
  margin: 0 0 0 0;
  top: 135px;
}
.sticky .menuprincipal a {
  line-height: normal;
}

}

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


}

@media screen and (max-width: 370px) {
  
  .wp-block-spacer { max-height: 30px; }

.header{ height: 80px;}
main#main{ margin-top: 120px; }
.custom-logo{ width: auto; height: 80px;}
.menuprincipal {
  margin: 0 0 0 0;
  top: 135px;
}
.menuprincipal a{ line-height: normal;   }
.idiomas{ line-height: 50px;}
.header-search { height: 50px; line-height: 60px;margin: 0 0px 0 15px; }
.search-form-container{ top: 85px; }
.showhide{ height:85px; line-height: 85px;  }
.showhide i{ height: 85px; line-height: 85px; }
.searchtitle {
  float: left;
  margin: -70px 0px 0 0;
  color: #fff;
  padding: 20px 0 0 0;
  width: 60%;
}
/* Estado hover opcional */
.search-toggle:hover {
  color: #1c1c1c;
}

}