/*!
Theme Name: wbsw
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wbsw
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wbsw is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@font-face {
  font-family: 'glancyr';
  src: url('/wp-content/uploads/fonts/glancyr-regular-400.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: var(--green2);
	font-family: 'Montserrat', sans-serif; 
	font-size: 1rem;
	line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {color: var(--green2);}

a:hover,
a:focus,
a:active {color: var(--orange1);}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}


.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/*GENERAL*/
:root { 
 /* Color Palette */
--green1: #007F5F; --green2 : #173C32; --green3 : #135041; --blue1: #00274D; --orange1: #FA6825; --grey1: #EBEBEB; --grey2: #444444; --grey3: #D9D9D9; --grey4: #F5F5F5; --white: #ffffff; --black: #000000;  }

.site > #primary{padding-top: 142px;}

.green1{color: var(--green1);}
.green2{color: var(--green2);}
.green3{color: var(--green3);}
.blue1{color: var(--blue1);}
.orange1{color: var(--orange1);}
.grey1{color: var(--grey1);}
.grey2{color: var(--grey2);}
.grey3{color: var(--grey3);}
.grey4{color: var(--grey4);}
.white{color: var(--white);}
.black{color: var(--black);}

.green1Bg{background-color: var(--green1);}
.green2Bg{background-color: var(--green2);}
.green3Bg{background-color: var(--green3);}
.blue1Bg{background-color: var(--blue1);}
.orange1Bg{background-color: var(--orange1);}
.grey1Bg{background-color: var(--grey1);}
.grey2Bg{background-color: var(--grey2);}
.grey3Bg{background-color: var(--grey3);}
.grey4Bg{background-color: var(--grey4);}
.whiteBg{background-color: var(--white);}
.blackBg{background-color: var(--black);}

.flex{display: flex;}

.font1{font-size: 1rem !important;}
.fontXXXXL{font-size: 2.7rem;}
.fontXXXL{font-size: 2.6rem;}
.fontXXL{font-size: 2.4rem;}
.fontXL{font-size: 1.3rem;}
.fontL{font-size: 1.2rem;}
.fontM{font-size: 1.1rem;}
.fontS{font-size: 0.85rem;}
.fontXS{font-size: 0.7rem;}
.w300{font-weight: 300;}
.w400{font-weight: 400;}
.w700, .negreta{font-weight: 700;}

.mt0{margin-top: 0px;}
.mb0{margin-bottom: 0px;}
.mb0i{margin-bottom: 0px !important;}
body .mt2{margin-top: 2rem;}
body .mb2{margin-bottom: 2rem;}
body .mt4{margin-top: 4rem;}
body .mb4{margin-bottom: 4rem;}
body .mt8{margin-top: 8rem;}
body .mb8{margin-bottom: 8rem;}
body .pt2{padding-top: 2rem;}
body .pb2{padding-bottom: 2rem;}
body .pt4{padding-top: 4rem;}
body .pb4{padding-bottom: 4rem;}
body .pt8{padding-top: 8rem;}
body .pb8{padding-bottom: 8rem;}
.lh12{line-height: 1.2em;}
.lh3{line-height: 3em;}



.pl0i{padding-left: 0px !important;}
.pr0i{padding-right: 0px !important;}

.a20, .a30, .a40, .a50, .a60, .a70, .a80{width: 100%;}

.generic-button-1, .botonNaranja{background-color: var(--orange1); color: var(--white); padding: 14px 50px; border-radius: 30px; text-decoration: none; font-size: 20px; line-height: 1em;}
.generic-button-1:hover, .botonNaranja:hover{background-color: var(--green2); color: var(--white);}
.wpcf7 input.wpcf7-submit{background-color: var(--green1); color: var(--white); padding: 14px 50px; border-radius: 30px; text-decoration: none; font-size: 20px; line-height: 1em; border: none;}
.wpcf7 input.wpcf7-submit:hover{background-color: var(--orange1);}
.wpcf7 .wpcf7-submit:disabled{opacity: 0.5;}
.wpcf7 .wpcf7-submit:disabled:hover{background-color: var(--green1);}
.botonFlecha{padding: 14px 0px; font-family: 'glancyr', sans-serif; color: var(--green1); font-size: 1.2em; position: relative;}
.botonFlecha::after{content: ""; width: 25px; height: 25px; display: block; background-image: url('/wp-content/uploads/icon-arrow1.svg'); position: absolute; right: -35px; top: 10px; background-repeat: no-repeat;}
.sensePadding{padding: 10px 20px;}

.generic-button-2, .generic-button-2b{display: inline; position: relative; font-size: 0.9em;}
.generic-button-2-container, .generic-button-2b-container{margin-bottom: 15px;}

article.page{margin-bottom: 0px; padding-bottom: 80px;}


h1, h2, h3, h4, h5, h6{font-family: 'glancyr', sans-serif; color: var(--green2); font-weight: 400; line-height: 1.2em;}
a{text-decoration: none;}

.glancyr{font-family: 'glancyr', sans-serif;}
.montserrat{font-family: 'Montserrat', sans-serif;}

.container1, .container1b, .container2, .container3, .page-template-default #primary{width: 1500px; max-width: 100%; margin: 0 auto; padding: 0px 20px;}
.container1b{width: 1050px;}
.container2{width: 950px;}

.containerFlex{display: flex; flex-wrap: wrap; gap: 40px;}
.vTop{align-items: top;}
.vCenter{align-items: center;}


.textCenter{text-align: center;}

.m-desktop { display: none !important; }
.m-mobil { display: flex !important; }

.d-mobile{display: inline-block;}
.d-desktop{display: none;}


@media (min-width: 768px) {
  .a100 {width: 100%;}
  .a80 {width: calc(80% - 20px);}
  .a70 {width: calc(70% - 20px);}
  .a60 {width: calc(60% - 20px);}
  .a50 {width: calc(50% - 20px);}
  .a40 {width: calc(40% - 20px);}
  .a30 {width: calc(30% - 20px);}
  .a20 {width: calc(20% - 20px);}

  .d-mobile{display: none;}
	.d-desktop{display: inline-block;}
}

@media (min-width: 1280px) {
	.site > #primary{padding-top: 180px;}

	.m-desktop { display: flex !important; }
	.m-mobil { display: none !important; }

	.fontL{font-size: 1.6rem;}
	.fontXL{font-size: 2.2rem;}
	.fontXXL{font-size: 3rem;}
	.fontXXXL{font-size: 4rem;}
	.fontXXXXL{font-size: 5.5rem;}
}

/*FI GENERAL*/


/*HEADER*/
header#masthead{width: 100%; position: fixed; z-index: 9;}
#masthead .container1, footer .container1{width: 1600px;}
#masthead > div > div {height: 100%; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px;}
#masthead > div > div > div {display: flex; flex-direction: row; align-items: flex-start; height: 100%;}

#topHeader{background-color: var(--red4); min-height: 20px;}
#topHeader .topMenu{width: 100%; display: flex; justify-content: flex-end; visibility: hidden;}
#topHeader ul#top-menu{list-style: none; margin: 0px; padding: 0px; display: flex; gap: 40px;}
#topHeader ul#top-menu li{display: inline-block;}
#topHeader ul#top-menu li a{color: var(--white); font-size: 18px;}
#topHeader ul#top-menu li a:hover{color: var(--black);}

#mainHeader{border-top-left-radius: 30px; border-top-right-radius: 30px;}
#mainHeader .m-mobil{padding: 35px 0px;}
#mainHeader .m-mobil .logo{width: 100%;}
#mainHeader .m-mobil .logo img{max-width: 225px;}

#mainHeader .logo{margin-top: 10px;}


#mainHeader .m-mobil .menu{width: 100%; display: flex; justify-content: flex-end; gap: 40px;}

#mainHeader .m-mobil .menu a.areaSocisMobile{filter: invert(1) brightness(0); padding: 6px 12px;}
#mainHeader .m-mobil .menu a.areaSocisMobile img{width: 20px;}

#mainHeader .m-mobil .menu .menu-responsive {position: relative; right: 0; top: 4px;} 
#mainHeader .m-mobil .menu .menu-responsive.open { left: 0; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }

ul#primary-menu{list-style: none; margin: 0px; padding: 0px; display: flex; gap: 50px;}

.menu-item-has-children > ul {display: none; position: absolute; background: #fff; padding: 10px; list-style: none;}
.menu-item-has-children:hover > ul { display: block;}

.menu-nav-ecommerce{display: flex; gap: 25px;}


@media (min-width: 1280px) {
	header #mainHeader{padding:35px 16px 20px 16px;}

	#topHeader .topMenu{visibility: visible; padding: 18px 10px;}

	header .logo img{max-width: 292px;}

	header .menus{width: 100%; display: flex; align-items: center;}
	header .menus .menuPrincipal{width: 70%; margin-left: 7%;}
	header .menus .botons{width: 30%; text-align: right; display: inline-flex; gap: 10px; justify-content: end;}

	#primary-menu li{display: inline-block;}

}


/*Menu horizontal*/

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{font-family: 'glancyr', sans-serif; color: var(--green1); font-weight: 400; text-transform: none; font-size: 1.3rem;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:focus, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus{font-weight: initial; color: var(--orange1);}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{color: var(--green2); padding: 8px 15px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on{color: var(--green1);}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-item-object-page{padding-bottom: 0px !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 .widget_custom_html .desc{margin-top: 0px; color: var(--green2); min-height: 96px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 .widget_custom_html a.verMas{color: var(--green1) !important; margin-bottom: 30px; display: inline-block; padding-left: 0px !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 .widget_custom_html a.verMas::after{content: ""; width: 20px; height: 20px; background-image: url('https://zimeron.com/wp-content/uploads/icon-arrow1.svg'); display: inline-block; position: relative; left: 4px; top: 5px; filter: invert(26%) sepia(95%) saturate(537%) hue-rotate(109deg) brightness(92%) contrast(95%);}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 .widget_custom_html a.verMas:hover{color: var(--orange1);}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 .widget_custom_html a.verMas:hover::after{  filter: invert(45%) sepia(90%) saturate(700%) hue-rotate(350deg) brightness(98%) contrast(95%);}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row ul.mega-sub-menu{width: 100%;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row ul.mega-sub-menu > li.mega-menu-column{width: 100%;}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row{max-width: 1580px; margin: 0 auto; float: none;}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus{background: transparent !important; color: var(--green1);}

.bannerMegaMenu img{border-radius: 24px;}
.bannerMegaMenu a{font-family: 'glancyr', sans-serif; color: var(--green1); font-size: 1.1rem; line-height: 1.3rem; padding: 5px 8px; display: block; position: relative; padding-right: 60px; min-height: 60px; margin-bottom: 30px; display: flex; align-items: center;}
.bannerMegaMenu a::after{content: ""; display: inline-block; width: 50px; height: 50px; background-image: url('https://zimeron.com/wp-content/uploads/icon-circle-arrow-link.svg'); filter: invert(50%) sepia(33%) saturate(480%) hue-rotate(110deg) brightness(85%) contrast(100%); position: absolute; top: 0px; right: 0px;}
.bannerMegaMenu a:hover{color: var(--orange1);}
.bannerMegaMenu a:hover::after{  filter: invert(33%) sepia(78%) saturate(5546%) hue-rotate(346deg) brightness(103%) contrast(104%);}

 @media only screen and (max-height: 800px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu{overflow-y: auto; padding-bottom: 100px;}
}

/*Megamenu*/
@media only screen and (min-width: 769px) {
  header #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu{width: 100%; position: fixed; background-color: var(--white); border-top: 1px solid var(--grey3); top: 180px; box-shadow: 0px 7px 8px #00000030; height: auto;}
	header #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > li{padding: 50px 0px;}

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row ul.mega-sub-menu > li.mega-menu-column{width: 20%;}

}







/* Sandwich */
#mega-menu-wrap-menu-1{background: transparent;}
#mega-menu-wrap-menu-1 .mega-menu-toggle{background: transparent;}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0{position: relative; top: -6px;}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{background-color: var(--green2);}
.page-template-inicio-page #mega-menu-wrap-menu-1 .mega-menu-toggle:not(.mega-menu-open) .mega-toggle-block-0 .mega-toggle-animated-inner, .page-template-inicio-page #mega-menu-wrap-menu-1 .mega-menu-toggle:not(.mega-menu-open) .mega-toggle-block-0 .mega-toggle-animated-inner::before, .page-template-inicio-page #mega-menu-wrap-menu-1 .mega-menu-toggle:not(.mega-menu-open) .mega-toggle-block-0 .mega-toggle-animated-inner::after{background-color: var(--white);}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1{position: fixed; width: 100%; top: 174px; left: 0px; padding: 0px; z-index: 99; background-color: var(--white);}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{color: var(--green2);}
.page-template-inicio-page #mainHeader:not(.megaMenuToggled) .m-desktop #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{color: var(--white);}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background: transparent; color: var(--red4);}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{color: var(--grey2); background: transparent;}

#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open::after{display: none;}

.mega-close{visibility: hidden !important;}

.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > a.mega-menu-link{color: var(--green1); font-family: glancyr; font-size: 1.2rem;}
.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.bgAzul{background-color: var(--blue1); }
.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.bgAzul:last-child{content: ""; display: block; width: 100%; height: 500px; background-color: var(--blue1);}
.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.bgAzul.primera{border-top-left-radius: 24px; border-top-right-radius: 24px; padding-top: 40px; margin-top: 25px;}
.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.bgAzul > a.mega-menu-link{color: var(--white);}
.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{pointer-events: none;}
.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after{content: ""; display: inline-block; width: 16px; height: 16px; background-image: url('https://zimeron.com/wp-content/uploads/icon-arrow2.svg'); background-size: contain; background-repeat: no-repeat; vertical-align: middle;}
/*.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator::after{content: ""; transform: rotate(-90deg); top: -4px; right: 4px;}*/

/* ===== Estilo base de las cortinas laterales ===== */
.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {position: fixed; top: 0; right: -100%; width: 320px; height: 100vh; background: #fff; overflow-y: auto; transition: right 0.4s ease; box-shadow: -4px 0 12px rgba(0, 0, 0, 0.2); z-index: 9999;}

/* Cuando se abre el submenú */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on > ul.mega-sub-menu{padding: 25px 0px 0px 0px !important;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on > ul.mega-sub-menu.closed{display: none;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on > ul.mega-sub-menu.open {display: block; right: 0; }

/* Enlaces dentro del submenú */
.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on > ul.mega-sub-menu li a {display: block; padding: 1rem 3.2rem; color: #333; font-weight: 500; text-decoration: none; /* border-bottom: 1px solid #eee; */ padding-left: 0px !important;}
.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on > ul.mega-sub-menu li a:hover {/* background: #f5f5f5; */ color: var(--orange1) !important; }

/* Opcional: overlay oscuro de fondo */
.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on .mega-overlay {position: fixed; inset: 0; background: var(--white); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9998; width: 100%;}
.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on .mega-overlay.active {opacity: 1; pointer-events: all;}
.m-mobil #mega-menu-wrap-menu-1 #mega-menu-menu-1 body.mega-menu-open { overflow: hidden;}

.mega-back-btn { display: block; background: var(--grey1); font-weight: 600; color: #333; border: none; text-align: left; width: 100%; cursor: pointer; z-index: 20000; position: sticky; top: 0px; left: 15px; max-width: 50px; padding: 10px; border-radius: 50px; width: 50px; height: 50px; border: none; position: relative;}
.mega-back-btn:hover {background: #e5e5e5;}
.mega-back-btn img{filter: invert(26%) sepia(95%) saturate(537%) hue-rotate(109deg) brightness(92%) contrast(95%); rotate: 180deg; }

.submenu .mega-back-btn::after{display: block; width: 300px; left: 66px; position: absolute; top: 13px; font-family: glancyr; font-weight: 300; font-size: 1.5rem; color: var(--green2);}
.submenu.fabricacion .mega-back-btn::after{content: "Fabricación";}
.submenu.envasado .mega-back-btn::after{content: "Envasado";}
.submenu.produccion .mega-back-btn::after{content: "Producción";}


.m-mobil .mega-sub-menu > li.mega-menu-item-object-page::after{content: ""; width: 20px; height: 20px; background-image: url('https://zimeron.com/wp-content/uploads/icon-arrow2.svg'); display: inline-block; position: absolute; right: 15px; top: 22px; filter: invert(26%) sepia(95%) saturate(537%) hue-rotate(109deg) brightness(92%) contrast(95%); display: inline-block !important; pointer-events: none;}
.m-mobil .mega-sub-menu a.verMas{display: none !important;}

.m-mobil .mega-menu-column{border-top: 1px solid var(--grey3) !important;}
.m-mobil .mega-menu-column:first-child{border-top: 1px solid transparent !important;}
.m-mobil .mega-menu-column:last-child{border-top: 1px solid transparent !important; background-color: var(--blue1) !important; border-top-left-radius: 24px !important; border-top-right-radius: 24px !important; position: fixed !important; bottom: 0px !important;}
.m-mobil .mega-menu-column:last-child .custom-html-widget{}
.m-mobil .mega-menu-column:last-child .bannerMegaMenu > img{display: none;}
.m-mobil .mega-menu-column:last-child .bannerMegaMenu a{color: var(--white) !important; border-bottom: none !important; margin-top: 20px; margin-bottom: 0px; padding: 10px 50px 10px 0px !important;}
.m-mobil .mega-menu-column:last-child .bannerMegaMenu a::after{filter: brightness(0) invert(1);}

.m-mobil .mega-menu-column .mega-menu-item.widget_custom_html{padding-top: 0px !important;}


@media only screen and (max-width: 768px) {
  body #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {top: -1000px !important; left: 0 !important;}
  body #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {left: 0 !important; top: 140px !important;}
}



/*breadcrumbs*/
.breadcrumb-custom, .archive .woocommerce-breadcrumb{align-self: flex-start; position: absolute; top: 20px; z-index: 0;}
.breadcrumb-custom ul, .archive .woocommerce-breadcrumb ul {display: flex; flex-direction: row; align-items: flex-start; gap: 10px; margin: 0px; padding: 0px;}
.breadcrumb-custom li, .breadcrumb-custom a, .archive .woocommerce-breadcrumb li, .archive .woocommerce-breadcrumb a {color: var(--white); font-size: 13px; list-style-type: none; text-transform: lowercase;}
.archive .woocommerce-breadcrumb a:hover {color: var(--orange1);}
.breadcrumb-custom li::first-letter, .breadcrumb-custom a::first-letter, .woocommerce-breadcrumb::first-letter, .woocommerce-breadcrumb a::first-letter {text-transform: capitalize;}
.intro.darkBg .breadcrumb-custom li, .intro.darkBg .woocommerce-breadcrumb{color: var(--white); font-size: 13px;}


/*FI HEADER*/

/*FOOTER*/
footer#colophon{background-color: var(--green2); /* position: relative; z-index: -1; top: -25px; */}
footer#colophon::before{content: ""; display: block; width: 100%; height: 30px; position: relative; top: -30px; z-index: -1; background-color: var(--green2);}
footer#colophon .footer1 img{filter: brightness(0) invert(1);}
footer#colophon .columnasFooter {display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
footer#colophon .columnasFooter .columnaFooter{margin-bottom: 30px;}

footer#colophon .footer2{flex-direction: column;}

footer#colophon .textoLibre a{color: var(--white);}
footer#colophon .textoLibre a:hover{color: var(--orange1);}

footer#colophon .redes{gap: 30px; justify-content: center;}

footer#colophon .footer4{flex-wrap: wrap; text-align: center;}
footer#colophon .footer4 > .copyright{margin-bottom: 30px;}
footer#colophon .menuCopyrightInner{gap: 10px 30px; justify-content: flex-center; flex-direction: column;}

.newsletterFooter .wpcf7{position: relative;}
.newsletterFooter .wpcf7-form{margin-bottom: 50px;}
.newsletterFooter input.wpcf7-email{background: transparent; border-color: var(--white); border-radius: 50px; line-height: 2.4em; color: var(--white); font-family: 'glancyr', sans-serif;}
.newsletterFooter .consentimiento {color: var(--white);}
.newsletterFooter .consentimiento a{color: var(--white); text-decoration: underline;}
.newsletterFooter .texto-politicas-form{color: var(--grey3);}
.newsletterFooter .wpcf7-spinner{position: absolute;}

footer#colophon .wpcf7 form.invalid .wpcf7-response-output{color: var(--white);}

@media (min-width: 768px) {
	footer#colophon .footer2{flex-direction: row;}
	footer#colophon .columnasFooter {grid-template-columns: repeat(3, 1fr);}
	footer#colophon .redes{justify-content: left;}
	.menuCopyright{text-align: right;}
	footer#colophon .menuCopyrightInner{justify-content: flex-end; flex-direction: row;}
	.newsletterFooter .wpcf7-form{max-width: 80%;}
	footer#colophon .footer4{text-align: left;}
}

/*FI FOOTER*/

/*FLEXIBLE*/
.intro{position: relative; flex-direction: column;}
.intro.cabeceraA .container1{display: flex; flex-direction: column; justify-content: center; min-height: 450px;}
.intro.cabeceraA h1{max-width: 820px; line-height: 1em;}
.intro.cabeceraA h1 small{display: block; font-size: 0.5em; line-height: 1em; font-family: 'Montserrat', sans-serif;}
.intro.cabeceraB .introInner .desc p{margin-top: 0px;}

.intro.cabeceraB{background: var(--blue1); background: linear-gradient(180deg, var(--blue1) 0%, var(--green1) 100%); margin-bottom: 30px;}
.intro.cabeceraB .introInner{display: flex; flex-wrap: wrap; gap: 30px;}
.intro.cabeceraB .introInner.container1{padding-top: 80px;}
.intro.cabeceraB .colImg{position: relative; border-radius: 20px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center;}

.intro.flex > .desc > p{margin-top: 0px;}

.descripcion.container2{}

.columnaFlexible.imagen{background-size: cover; background-repeat: no-repeat;}
.columnaFlexible h2, .descripcion.container2 h2{font-size: 3rem; line-height: 1.1em; margin-top: 0px; margin-bottom: 0px;}
.columnaFlexible h3, .descripcion.container2 h3{font-size: 2.1rem; line-height: 1.1em; margin-top: 0px; margin-bottom: 0px;}
.columnaFlexible .slick-slide:hover h3{color: var(--orange1);}
.columnaFlexible.descripcion ul{margin-left: 0px; padding-left: 0px; margin-top: 20px; list-style: none;}
.columnaFlexible.descripcion li{position: relative; padding-left: 2em; margin-bottom: 6px;}
.columnaFlexible.descripcion li::before{content: ""; position: absolute; left: 5px; top: 0.4em; width: 1em; height: 1em; background-image: url('/wp-content/uploads/icon-arrow2.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;   filter: brightness(0) saturate(100%) invert(39%) sepia(74%) saturate(547%) hue-rotate(118deg) brightness(95%) contrast(97%);}

.burbujas{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}
.burbujas.a50{grid-template-columns: repeat(2, 1fr);}
.burbujas .burbuja{border: 1px solid var(--green1); padding: 16px 0px; border-radius: 20px;}
.burbujas .burbuja .burbujaIcon{max-width: 41px;}

.listadoEnlaces .enlace{padding: 15px 0px; border-bottom: 2px solid var(--grey3);}
.listadoEnlaces .enlace:last-child{border-bottom: none;}
.listadoEnlaces .enlace a{padding: 0px 10px; display: block; position: relative;}
.listadoEnlaces .enlace a:hover .enlaceNombre {color: var(--orange1);}
.listadoEnlaces .enlace a:after{content: ""; width: 25px; height: 25px; display: block; background-image: url('/wp-content/uploads/icon-arrow1.svg'); position: absolute; right: 10px; top: 0; background-repeat: no-repeat;}

.tresCols{display: flex; flex-wrap: wrap; gap: 30px;}
.tresCols .columna{width: 100%;}

.burbujaVerde{display: flex; flex-flow: column;background: linear-gradient(180deg, var(--blue1) 40%, var(--green1) 120%); padding: 0px;}
.burbujaVerde *{color: var(--white);}
.burbujaVerde .bloqueTitulo{padding: 30px 25px 0px 25px;}
.burbujaVerde .bloqueTitulo .titulo{font-size: 2em; line-height: 1.6em;}

.burbujaVerde .enlaces{display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px; padding: 0px 25px 30px 25px;}
.burbujaVerde .enlaces .enlace{padding: 16px 0px; border-bottom: 1px solid; position: relative;}
.burbujaVerde .enlaces .enlace:after{content: ""; width: 25px; height: 25px; display: block; background-image: url('/wp-content/uploads/icon-arrow2.svg'); position: absolute; right: 0; top: 16px; background-repeat: no-repeat;   filter: brightness(0) invert(1);}
.burbujaVerde .enlaces .enlace a{display: block;}
.burbujaVerde .enlaces .enlace a:hover{color: var(--orange1);}

.burbujaVerde .cajasEnlaces{display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px;}
.burbujaVerde .cajaEnlace{border-bottom: 1px solid; padding: 25px;}
.burbujaVerde .cajaEnlace .tituloCaja *{font-size: 1.5em; margin-bottom: 10px;}
.burbujaVerde .cajaEnlace .iconEnlace, .servicio .iconEnlace{margin-top: 20px; display: inline-block; max-width: 52px;}

.burbujaVerde .listadoItem{margin-top: 30px;}
.burbujaVerde .listadoItem .numeroItem{font-size: 1.5em; line-height: 1.5em;}
.burbujaVerde .listadoItem .tituloItem{font-size: 1.2em; margin: 0px;}
.burbujaVerde .listadoItem .descItem{}

.bannerVerde{background-color: var(--green1); text-align: center; padding: 60px 25px 80px 25px; border-radius: 24px;}
.bannerVerde .bannerVerdeInner{padding: 0px;}
.bannerVerde .titulo{font-size: 2.5em;  line-height: 1.2em; font-weight: 300; margin-bottom: 20px;}
.bannerVerde .desc{font-size: 1.4em;}
.bannerVerde .generic-button-1{margin-top: 30px; display: inline-block;}

.burbujaVerde.filas .listado{display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px 50px; padding: 0px 25px 50px 25px;}
.burbujaVerde.filas .listado .listadoItem{display: flex; gap: 30px;}

@media (max-width: 500px) {
	.columnaFlexible h2, .descripcion.container2 h2{font-size: 2.5rem;}
	.burbujas.columnaFlexible {grid-template-columns: repeat(1, 1fr);}
	.burbujas .burbuja{border-radius: 0px; border-top: none; border-left: none; border-right: none;}
}

@media (max-width: 767px) {
	.intro.cabeceraB .introInner.container1{flex-direction: column-reverse;}
	.burbujas .burbuja:last-child{border-bottom: none;}
	.burbujaVerde .enlaces .enlace:last-child{border-bottom: none;}
}
@media (min-width: 768px) {
	.intro{flex-direction: row;}
	.intro.cabeceraB{border-top-left-radius: 50px; border-top-right-radius: 50px; margin-bottom: 150px;}
	.intro.cabeceraB .introInner{padding-top: 80px;}
	.intro.cabeceraB .colImg{top: 60px;}
	
	.descripcion.container2{text-align: center;}
	.single-post .descripcion.container2{text-align: left;}

	.tresCols .columna{width: calc(33% - 20px);}

	.containerFlex > .columnaFlexible.descripcion{padding-right: 8%;}
	.containerFlex:nth-child(even):has( > .columnaFlexible.imagen:first-child ):has( > .columnaFlexible.descripcion:nth-child(2) ) {flex-direction: row-reverse;}

	.burbujas .burbuja{padding: 16px 24px;}

	.burbujaVerde{border-radius: 60px;}
	.burbujaVerde.columnas{flex-flow: row;}
	.burbujaVerde .bloqueTitulo, .burbujaVerde .listado{padding: 30px 80px 30px 80px; }
	.burbujaVerde.filas .listado{padding: 0px 80px 50px 80px;}
	.burbujaVerde .bloqueTitulo .titulo{font-size: 3rem; line-height: 1.2em; max-width: 60%; margin-bottom: 20px;}
	.burbujaVerde.columnas .bloqueTitulo .titulo{max-width: 100%;}
	.burbujaVerde .enlaces{grid-template-columns: repeat(2, 1fr); gap: 0px 80px; padding: 0px 80px 50px 80px;}

	.burbujaVerde .cajasEnlaces{grid-template-columns: repeat(3, 1fr);}
	.burbujaVerde .cajaEnlace{border-right: 1px solid; border-top: 1px solid; border-bottom: none; padding: 30px 50px 30px 50px;}
	.burbujaVerde .cajaEnlace:first-child{padding-left: 80px;}
	.burbujaVerde .cajaEnlace:last-child{border-right: none; padding-right: 80px;}

	.burbujaVerde.filas .listado{grid-template-columns: repeat(3, 1fr);}

}

/*FI FLEXIBLE*/

/*INICIO*/
#page{overflow: hidden;}
.page-template-inicio-page section.part1{background: linear-gradient(180deg, var(--blue1) 40%, var(--green1) 120%);}
.page-template-inicio-page section.part1 > .container{background-image: url("https://zimeron.com/wp-content/uploads/cenefa1.svg"); background-repeat: no-repeat; background-position: right; background-size: 90% auto;}
.page-template-inicio-page .titolPage{margin-bottom: 0px;}
.page-template-inicio-page .subtitolPage{margin-top: 0px;}
.intro .preTitulo{padding-top: 5px;}


.entrades {display: flex; flex-direction: column;}
.carousel-destacats {margin-top: auto;  padding: 35px 0; width: 100%; max-width: 600px; margin-left: auto;}
.slider-destacats{background-color: var(--green1); border-radius: 16px;}
.slider-destacats .slick-slide{padding: 20px 0px;}

.card-destacat { display: flex;  justify-content: space-between; align-items: center; padding: 30px 20px; overflow: hidden; width: 100%; height: 200px; position: relative;}
.content-destacat { flex: 1; padding: 16px 16px 16px 0px; color: white; display: flex; flex-direction: column; justify-content: flex-start;}

.content-destacat h2 {font-size: 2.5rem; font-weight: 500; margin-bottom: 30px; line-height: 1.2;}
.link-destacat { color: #fff; text-decoration: none; font-size: 1.1rem;}
.img-destacat { width: 50%; aspect-ratio: 1 / 1; background-color: #ccc;  border-radius: 12px; overflow: hidden; flex-shrink: 0; background-size: cover; background-position: center; margin-left: auto;}
.page-template-inicio-page .img-destacat img { width: 100%; border-radius: 25px; display: block; height: 100%; object-fit: cover;	border-radius: 0px;}

.slider-destacats .slick-dots{display: flex; gap: 15px; list-style: none; margin: 0px; position: absolute; bottom: 40px;}

.slider-destacats .slick-dots li button:before {content: '' !important;}
.slider-destacats .slick-dots li button { font-size: 0; line-height: 0; padding: 0;}
.slider-destacats .slick-dots li {width: 12px; height: 12px;}
.slider-destacats .slick-dots li button { width: 12px; height: 12px; border-radius: 50%; background-color: rgba(255,255,255,0.4); border: none; cursor: pointer; transition: all 0.3s ease;}
.slider-destacats .slick-dots li.slick-active button { background-color: #ffffff; transform: scale(1.2);}

.page-template-inicio-page section.part1 .video{position: relative;}
.page-template-inicio-page section.part1 .video .container{position: relative; text-align: center; padding: 20px 20px;}
.page-template-inicio-page section.part1 .video video{border-radius: 65px; max-width: 1200px;}

.marquee { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); overflow: hidden; white-space: nowrap; z-index: 2; pointer-events: none; mix-blend-mode: difference;}
.marquee-content {display: inline-flex; gap: 150px; animation: scrollText 12s linear infinite;}
.textosSobreVideo {font-size: 8rem; font-weight: 600; color: white; mix-blend-mode: difference;}

@keyframes scrollText {
  from {transform: translateX(0%);}
  to {transform: translateX(-50%);}
}

.desc.white a{color: var(--green1);}

.page-template-inicio-page section.servicios{margin-top: 80px;}
.page-template-inicio-page section.servicios .intro,
.page-template-inicio-page section.sectores .intro{gap: 20px 50px;}
.page-template-inicio-page section.servicios .intro .titulo,
.page-template-inicio-page section.sectores .intro .titulo{margin: 0px; min-width: 40%;}
.page-template-inicio-page section.servicios .intro .desc p,
.page-template-inicio-page section.sectores .intro .desc p{margin: 0px;}
.page-template-inicio-page section.servicios .contentContainer{border-top: 1px solid white;}
.page-template-inicio-page section.servicios .content .servicio{min-height: 500px; border-right: 1px solid white;}
.page-template-inicio-page section.servicios .content .servicio:first-child{border-left: 1px solid white;}

.page-template-inicio-page section.servicios .content {display: flex; gap: 10px; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; max-width: 1300px; margin: 0 auto;}
.page-template-inicio-page section.servicios .servicio {flex: 1; display: flex; flex-direction: row; position: relative; overflow: hidden; transition: flex 0.4s ease; cursor: pointer;}
.page-template-inicio-page section.servicios .textoServicio {padding: 20px; color: white; display: flex; flex-direction: column; justify-content: flex-end;}
.page-template-inicio-page section.servicios .servicio.active .textoServicio{max-width: 40%;}
.page-template-inicio-page section.servicios .imgServicio {flex: none; height: 100%; opacity: 0; transition: height 0.4s ease, opacity 0.4s ease; background-size: cover; background-position: center; width: 60%;}
.page-template-inicio-page section.servicios .servicio:not(.active){max-width: 300px;}
.page-template-inicio-page section.servicios .servicio:not(.active) .imgServicio{width: 0; min-width: 0; transition: width 0.5s ease, opacity 0.3s ease;}
.page-template-inicio-page section.servicios .servicio:not(.active) .iconEnlace{display: none;}

.page-template-inicio-page section.servicios .servicio.active {flex: 2;}
.page-template-inicio-page section.servicios .servicio.active .imgServicio { height: 100%; width: 60%; opacity: 1; transition: width 0.5s ease, opacity 0.3s ease;}

@media (max-width: 767px) {
	.page-template-inicio-page section.part1 .video video{border-radius: 20px;}
	.textosSobreVideo {font-size: 3rem;}
	.page-template-inicio-page section.servicios{margin-top: 25px;}
  .page-template-inicio-page section.servicios .content { flex-direction: column;}
  .page-template-inicio-page section.servicios .servicio { flex: none; width: 100%; flex-direction: column;}
  .page-template-inicio-page section.servicios .imgServicio {height: 0;}
  .page-template-inicio-page section.servicios .servicio.active .textoServicio{max-width: 100%;}
  .page-template-inicio-page section.servicios .servicio.active .imgServicio {height: 200px; width: 100%;}
  .page-template-inicio-page section.servicios .servicio:not(.active){max-width: 100%;}
  .page-template-inicio-page section.servicios .content .servicio:first-child{border-left: none;}
  .page-template-inicio-page section.servicios .content .servicio{border-right: none; border-top: 1px solid white; min-height: 200px; flex-direction: column-reverse;}

	.content-destacat .text{font-size: 1rem;}
	.content-destacat a{font-size: 0.8rem}
}


.page-template-inicio-page .sectores-container {display: flex; flex-wrap: wrap; gap: 10px 120px; width: 100%;}
.page-template-inicio-page .sector-imagen {flex: 1; min-width: 300px; background-size: cover; background-position: center; transition: background-image 0.4s ease; height: 300px; border-radius: 10px;}

.page-template-inicio-page .sector-botones {flex: 1;display: flex;flex-direction: column;gap: 15px;}
.page-template-inicio-page .sector-boton {padding: 12px 30px; font-size: 1.4em; background-color: var(--grey1); color: var(--green2); border: none; cursor: pointer; text-align: left; transition: background-color 0.3s ease; border-radius: 50px; position: relative;}
.page-template-inicio-page .sector-boton img.iconEnlaceImg{width: 52px; position: absolute; right: 8px; top: 6px; visibility: hidden;}

.page-template-inicio-page .sector-boton:hover, .page-template-inicio-page .sector-boton.active {background-color: var(--green1); color: var(--white);}
.page-template-inicio-page .sector-boton:hover img.iconEnlaceImg, .page-template-inicio-page .sector-boton.active img.iconEnlaceImg{visibility: visible;}


section.porque{background-image: url("https://zimeron.com/wp-content/uploads/cenefa2.svg"); background-repeat: no-repeat; background-position: right; background-size: cover;}
.faqs{display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px;}
.faq{padding: 15px 0px; border-bottom: 2px solid var(--grey3);}
.faq .faqQ{display: block; position: relative; cursor: pointer;}
.faq .faqQ:hover{color: var(--orange1);}
.faq ::-webkit-details-marker {display: none;}
.faq .faqQ::after{content: ""; width: 25px; height: 25px; display: block; background-image: url('/wp-content/uploads/icon-arrow1.svg'); position: absolute; right: 10px; top: 0; background-repeat: no-repeat;}
.faq[open] .faqQ::after {transform: rotate(-90deg);}

.page-template-inicio-page .logosClientes .logoCliente{padding-right: 0 12px 0 12px;}
.slick-wrapper {position: relative;}
.slick-wrapper::before,
.slick-wrapper::after {content: ""; position: absolute; top: 0; width: 15px; /* ancho del desvanecido */ height: 100%; z-index: 2; pointer-events: none; /* permite hacer clics en el slider */}
.bannerVerde .slick-wrapper::before {left: 0; background: linear-gradient(to right, var(--green1) 0%, transparent 100%);}
.bannerVerde .slick-wrapper::after {right: 0; background: linear-gradient(to left, var(--green1) 0%, transparent 100%);}


@media (min-width: 768px) {
	.page-template-inicio-page .sectores-container .sector-imagen{height: 450px;}
	.page-template-inicio-page .sectores-container .sector-botones > p{margin-top: 80px;}
	.faqs{grid-template-columns: repeat(3, 1fr);}
}

/*header inicio*/
.page-template-inicio-page #mainHeader{background-color: var(--blue1);}
.page-template-inicio-page #mainHeader.megaMenuToggled,  .page-template-inicio-page.mega-menu-menu-1-mobile-open #mainHeader{background-color: var(--white);}
.page-template-inicio-page #mainHeader .logo img{filter: brightness(0) invert(1);}
.page-template-inicio-page #mainHeader.megaMenuToggled .logo img, .page-template-inicio-page.mega-menu-menu-1-mobile-open #mainHeader .logo img{filter: none;}
.page-template-inicio-page header #primary-menu a{color: var(--white);}
/*fi header inicio*/

/*noticies inici*/
/*fi noticies inici*/
.grid-noticias {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}
.card-noticia {display: flex; flex-direction: column;}
.img-noticia img {width: 100%; height: 220px; object-fit: cover; border-radius: 16px; filter: brightness(0.95);}
.titulo-noticia {font-size: 20px; margin: 20px 0 10px;}
.excerpt-noticia {font-size: 15px; line-height: 1.5; margin-bottom: 15px;}
.link-noticia {font-weight: 600; text-decoration: underline;}

@media (max-width: 1024px) {
  .grid-noticias {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
	.grid-noticias {grid-template-columns: 1fr;}
}


/*FIN INICIO*/

/*FORMATOS*/
.slick-subpages-carousel .slick-list{overflow: visible;}
.slick-subpages-carousel .slick-slide{border: 1px solid var(--green1); border-radius: 30px; padding: 10px 40px; margin-right: 50px;}
.slick-subpages-carousel .slick-slide img{max-width: 70%; margin: 0 auto;}
/*FI FORMATOS*/

/*CONTACTO*/
.page-id-233 article > .containerFlex.vCenter{width: 100%; background-color: var(--green1);}
.page-id-233 article > .containerFlex.vCenter > .columnaFlexible{width: 1500px; margin: 0 auto;}
.page-id-233 .burbujas .burbuja{border: 1px solid var(--white); border-radius: 20px; padding: 18px 20px;}
.page-id-233 .burbujas .burbuja .burbujaTitulo {color: var(--white); font-size: 1.4em;}
.page-id-233 .burbujas .burbuja .burbujaDesc{display: inline-grid;}
.page-id-233 .burbujas .burbuja .burbujaDesc a{color: var(--white);}
.page-id-233 .burbujas .burbuja .burbujaDesc a:hover{color: var(--orange1);}

.wpcf7 .flex{flex-wrap: wrap; gap: 10px; margin-bottom: 10px;}
.wpcf7 p{margin: 0px;}
.wpcf7 input, .wpcf7 textarea{width: 100%; border: 1px solid var(--blue1); padding: 4px 14px; font-size: 1em;}

.wpcf7 .flex .a70, .wpcf7 .flex .a50, .wpcf7 .flex .a30 {width: calc(100%);}

.politicas-form .consentimiento{font-size: 0.8rem;}
.politicas-form .consentimiento p {position: relative; margin-left: 20px;}
.politicas-form .consentimiento p span.wpcf7-acceptance{position: absolute; left: -32px; top: -2px;}
.politicas-form .consentimiento p span.wpcf7-acceptance span.wpcf7-list-item{width: 15px;}

.texto-politicas-form{font-size: 0.7rem; text-align: justify; color: var(--grey2); line-height: 1.1rem;}

@media (min-width: 1300px) {
	.wpcf7 .flex .a70 {width: calc(68%);}
  .wpcf7 .flex .a50 {width: calc(49%);}
  .wpcf7 .flex .a30 {width: calc(30%);}
}

/*FI CONTACTO*/

/*SINGLE PRODUCT*/
.woocommerce-breadcrumb{max-width: 1500px; margin: 0 auto; padding: 0px 20px;}

.single-product .product{display: flex; gap: 50px; margin-bottom: 120px; flex-direction: column;}
.single-product .product > img.attachment-full.size-full{height: 100%;}
.single-product .product_title.entry-title{color: var(--green1); font-size: 3em; margin-bottom: 0px;}
.single-product .woocommerce-product-details__short-description{color: var(--green2);}

/* Contenedor principal */
.single-product .woocommerce-product-gallery {
    display: flex;
    flex-direction: column;
}

/* Imagen grande */
.single-product .woocommerce-product-gallery__wrapper {
    margin-bottom: 15px;
    width: 100%;
}

.single-product .woocommerce-product-gallery__image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Fila de miniaturas */
.single-product .custom-product-thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.single-product .thumb-item {
    width: 120px; /* Tamaño de las miniaturas */
    height: 120px;
    cursor: pointer;
    border: 1px solid #ddd;
}

.single-product .thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-product .thumb-item:hover {
    border-color: #000;
}


.single-product .product_meta{font-size: 0.85em;}

.single-product form.cart{display: flex; width: 100%;}

.single-product form.cart .single_add_to_cart_button{flex: 1; background-color: var(--green1); color: var(--white); font-family: 'glancyr', sans-serif; padding: 14px 20px; border-radius: 50px; text-decoration: none; font-size: 20px; line-height: 1.9em !important; height: 60px !important; border: none; cursor: pointer;}
.single-product form.cart .single_add_to_cart_button:hover{background-color: var(--orange1);}
.qib-container{background-color: var(--grey4); border-radius: 50px;}
.qib-button:not(#qib_id):not(#qib_id){background: transparent !important; border: none !important; font-family: 'glancyr', sans-serif; font-size: 2.5em !important; height: 60px !important; min-width: 32px !important; cursor: pointer;}
.qib-container .quantity input.qty:not(#qib_id):not(#qib_id){height: 60px !important; border: none !important; min-width: 45px !important; font-family: 'glancyr', sans-serif; font-size: 1.3em !important; color: var(--black);}

.price{font-family: 'glancyr', sans-serif; color: var(--green2);}
.price span.amount{font-size: 2em;}

.single-product .enlacePresupuesto a{color: var(--green1); text-decoration: underline;}
.single-product .enlacePresupuesto a:hover{color: var(--orange1);}

.single-product section.caracteristicas{flex-direction: column; gap: 0px 80px;}
.single-product section.caracteristicas .contentBloc {display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px;}
.single-product section.caracteristicas .contentBloc .caracteristica{text-align: center; border-radius: 11px; padding: 20px; /*height: 96px;*/ height: auto;}
.single-product section.caracteristicas .contentBloc .caracteristica .tituloCaracteristica{color: #173C3280;}

.single-product section.usos .contentBloc{display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px;}
.single-product section.usos .uso{border-radius: 11px; padding: 20px 30px;}
.single-product section.usos .uso .subtitulo{line-height: 1.2em; margin: 10px 0 10px 0px;}
.single-product section.usos .uso .descUso p{margin-top: 0px; margin-bottom: 0px;}
.single-product section.usos .uso .descUso p a{color: inherit; text-decoration: underline;}
.single-product section.usos .uso .descUso p a:hover{color: var(--orange1);}

.single-product .faqsSection{flex-direction: column; gap: 0px 80px;}
.single-product .faqsSection .faqsContainer{padding-top: 40px;}
.single-product .faqs .faq{padding: 0px 0px 25px 20px;}
.single-product .faqs .faq .number{display: inline-block; margin-right: 25px;}

.single-product section.presupuesto .container2{width: 100%; max-width: 600px;}
.single-product section.presupuesto .container2 .titulo{font-size: 3rem; margin-bottom: 25px; text-align: center;}

.single-product section.relacionados li.product{flex-direction: column; gap: 15px;}
.single-product section.relacionados li.product img.attachment-woocommerce_thumbnail{width: 100%;}
.single-product section.relacionados li.product h2{color: var(--green1);}
.single-product section.relacionados li.product .price span.amount {font-size: 1.4em;}
.single-product section.relacionados li.product a.button{flex: 1; background-color: var(--white); color: var(--green1); border: 1px solid var(--green1); font-family: 'glancyr', sans-serif; padding: 5px 20px; border-radius: 50px; text-decoration: none; font-size: 20px; line-height: 1.4em !important; height: 60px !important; cursor: pointer; text-align: center;}
.single-product section.relacionados li.product a.button:hover{background-color: var(--orange1); color: var(--white); border-color: var(--orange1);}

.single-product form.variations_form table.variations tbody tr th.label{text-align: left; vertical-align: top; padding-top: 10px; padding-right: 15px;}
.single-product form.variations_form table.variations tbody tr th.label label{margin-top: 20px; color: var(--blue1);}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {box-shadow: none; background-color: var(--grey1); border-radius: 50px !important; min-width: 50px !important; padding: 20px 12px;}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover{background-color: var(--orange1) !important; box-shadow: none; color: var(--white) !important;}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled .variable-item-contents::before, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled:hover .variable-item-contents::before {height: 20px;}

table.variations{margin-bottom: 40px; border-spacing: 0 15px;}
.reset_variations{background-color: var(--grey2); position: absolute; right: 10px; color: white; padding: 2px 15px; border-radius: 40px;}
.reset_variations:hover{background-color: var(--orange1); color: white;}

.caracteristiques-variant{border-bottom: 1px solid var(--grey2); padding-bottom: 17px; padding-left: 2px;}

@media (max-width: 767px) {
	.single-product form.cart .single_add_to_cart_button{margin-left: 5px !important;}
}

@media (min-width: 768px) {
	.single-product .product{flex-direction: row;}
	.single-product .product .woocommerce-product-gallery, .single-product .product .entry-summary{width: 50%;}

	.qib-button:not(#qib_id):not(#qib_id){min-width: 50px;}
	.qib-container .quantity input.qty:not(#qib_id):not(#qib_id){min-width: 100px !important;}
	.single-product form.cart .single_add_to_cart_button{padding: 14px 50px;}

	.single-product section.caracteristicas .contentBloc, .single-product section.usos .contentBloc{grid-template-columns: repeat(3, 1fr);}
	.single-product .faqs{grid-template-columns: repeat(1, 1fr);}

	.single-product .faqsSection{flex-direction: row;}
}

@media (min-width: 991px) {
	.single-product section.caracteristicas{flex-direction: row;}
}

/*FI SINGLE PRODUCT*/

/*BLOG*/
body.blog .blog-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}
body.blog .blog-grid .card-noticia .post-thumbnail img{border-radius: 30px; width: 100%; height: 250px; object-fit: cover; object-position: center; display: block;}

body.blog .blog-grid .card-noticia .btn-leer-mas{color: var(--green1); font-weight: 500; text-decoration: underline;}
body.blog .blog-grid .card-noticia .btn-leer-mas:hover{color: var(--orange1);}

/* Contenidor principal */
.pagination {
    margin: 50px auto;
    text-align: center;
}

/* Estructura interna de WordPress */
.pagination .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Estil base per a números i fletxes */
.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 5px;
    text-decoration: none;
    color: #333;
    background: #f8f8f8;
    border: 1px solid #eee;
    font-weight: 500;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    border-radius: 4px; /* Una mica de curvatura */
}

/* Pàgina actual (on estàs ara) */
.pagination .page-numbers.current {
    background: #333; /* Color fosc minimalista */
    color: #fff;
    border-color: #333;
    cursor: default;
}

/* Efecte al passar el ratolí (hover) */
.pagination a.page-numbers:hover {
    background: #ebebeb;
    border-color: #ccc;
    color: #000;
}

/* Estil per als punts suspensius (...) */
.pagination .dots {
    background: transparent;
    border: none;
    color: #999;
}

/* Estil per a "Següent" i "Anterior" */
.pagination .prev, .pagination .next {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0 15px;
}

/* Amagar el títol de navegació si apareix */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*FI BLOG*/

/*SINGLE POST*/
body.single-post .entry-content{margin-bottom: 80px;}

body.single-post .post-category{width: 100%; position: relative; top: 70px; font-size: 1.2em;}
body.single-post .descripcion h2{font-size: 1.6rem; color: var(--green1); margin-top: 50px;}
body.single-post .descripcion h3{font-size: 1.3rem; color: var(--green3); margin-top: 50px;}
body.single-post .textoDestacado {margin: 30px auto;}
body.single-post .textoDestacado .textoDestacadoInner{border-top: 1px solid var(--green3); border-bottom: 1px solid var(--green3); padding: 20px 0px; font-size: 1.2rem; line-height: 1.6rem;}

body.single-post .descripcion ol, body.single-post .descripcion ul{margin-left: 0px;} 

body.single-post .intro .post-thumbnail img{width: 100%; height: 240px; object-fit: cover; object-position: center; display: block;}

@media (max-width: 766px) {
	body.single-post .intro.cabeceraB .introInner{position: relative; top: -60px;}
}

@media (min-width: 500px) {
	body.single-post .intro .post-thumbnail img{height: 350px;}
}
@media (min-width: 767px) {
	body.single-post .intro .post-thumbnail img{height: 530px;}
}

/*FI SINGLE POST*/

/*TIENDA*/
body.post-type-archive-product ul.products{display: flex; flex-wrap: wrap; gap: 20px; padding: 20px; max-width: 1500px; margin: 0 auto; margin-bottom: 120px;}
body.post-type-archive-product ul.products li.product{flex: 1 1 calc(100% - 20px); box-sizing: border-box; }
body.post-type-archive-product ul.products li.product img.attachment-woocommerce_thumbnail{width: 100%;}
body.post-type-archive-product ul.products li.product h2{color: var(--green1);}
body.post-type-archive-product ul.products li.product .price span.amount {font-size: 1.4em;}
body.post-type-archive-product ul.products li.product a.button{flex: 1; background-color: var(--white); color: var(--green1); border: 1px solid var(--green1); font-family: 'glancyr', sans-serif; padding: 5px 20px; border-radius: 50px; text-decoration: none; font-size: 20px; line-height: 1.4em !important; cursor: pointer; text-align: center;}
body.post-type-archive-product ul.products li.product a.button:hover{background-color: var(--orange1); color: var(--white); border-color: var(--orange1);}

@media (min-width: 767px) {
	body.post-type-archive-product ul.products li.product {flex: 1 1 calc(40% - 20px);}
}
@media (min-width: 1200px) {
	body.post-type-archive-product ul.products li.product {flex: 1 1 calc(22% - 20px);}
}

/*FI TIENDA*/


/*SIDEBAR CART*/
.xoo-wsc-container .xoo-wsc-btn{border-radius: 50px; font-family: 'glancyr', sans-serif; line-height: 1.6em;}
.xoo-wsc-container .xoo-wsc-footer .xoo-wsc-ft-btn-cart, .xoo-wsc-container .xoo-wsc-footer .xoo-wsc-ft-btn-continue{background-color: var(--grey2);}

/*FI SIDEBAR CART*/

/*CART PAGE*/
body.woocommerce-cart article.page, body.woocommerce-checkout article.page{max-width: 1500px; margin: 0 auto;}
button.wc-block-components-totals-coupon__button{border-radius: 50px; border: medium; font-family: "glancyr", sans-serif;}
body.woocommerce-cart button.wc-block-components-totals-coupon__button:hover{background-color: var(--green2); color: var(--white);}
body.woocommerce-cart .wc-block-cart__submit-container .wc-block-cart__submit-button{background-color: var(--green1); color: var(--white); font-size: 1.2em; border-radius: 50px;}
body.woocommerce-cart .wc-block-cart__submit-container .wc-block-cart__submit-button:hover{background-color: var(--orange1);}
/*FI CART PAGE*/


/*CHECKOUT*/
body.woocommerce-checkout button.wc-block-components-checkout-place-order-button{background-color: var(--orange1); border: none; border-radius: 50px; color: var(--white); font-family: "glancyr", sans-serif; font-size: 1.2rem;}
body.woocommerce-checkout button.wc-block-components-checkout-place-order-button:hover{background-color: var(--green3);}
/*FI CHECKOUT*/


/* Account Cuenta Login Resgitro Signup */
.woocommerce-account h1 {text-align: center;}
.woocommerce-account #primary { padding-top: 50px !important; }
.woocommerce-account .passwordEye { position: absolute; right: 10px; bottom: calc(50% - 27px); width: 20px; height: 20px; border-radius: 40px; background-color:white; cursor:pointer; }
.woocommerce-account .max-content .entry-header h1 { text-align:center; color: #B4B4B4; font-size: 70px !important; font-weight: 300; margin-top: 20px !important; }
.woocommerce-account #customer_login { margin-bottom: 100px;display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; flex-direction: row; gap: 40px; }
.woocommerce-account #customer_login > div { width: calc(50% - 20px); max-width: 400px; display: flex; flex-direction: column; gap: 10px; box-shadow: 0px 3px 6px #00000029; padding: 40px; border-radius: 8px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 40px; background-color: white; }
.woocommerce-account #customer_login > div > form { height:100%; display: flex; width: 100%; flex-direction: column; align-items: flex-start; gap: 18px; }
.woocommerce-account .woocommerce-form-row,
.woocommerce-account .form-row { display: flex; flex-direction: column; gap: 10px; width:100%; }
.woocommerce-account .woocommerce-button {width: 100%;}
.woocommerce-account .woocommerce-privacy-policy-text > p { font-size: 12px; }
.woocommerce-account .woocommerce-privacy-policy-text > p * { display: inline; }
.woocommerce-account .woocommerce-LostPassword.lost_password { width:100%; margin-top: 10px !important; }
.woocommerce-account .woocommerce-LostPassword.lost_password > a {text-align: center;color: black; font-size: 14px; width: 100%; display: block; }
.woocommerce-account .password-input,
.woocommerce-account .password-input > input { width:100%; }
.woocommerce-account .newsletter,
.woocommerce-account #secondary {display:none;}
.woocommerce-password-strength { text-align: left; font-size: 14px; margin: 10px 0 20px 0;}
.woocommerce-account .woocommerce-form__label.woocommerce-form__label-for-checkbox { display: flex; align-items: center; gap: 10px; margin-bottom: 20px;}
.woocommerce-account .woocommerce-form__input.woocommerce-form__input-checkbox { background-color: transparent; border: 1px solid black; appearance: none; outline: none; width: 18px; height: 18px; display: block; cursor: pointer; margin: 0;}
.woocommerce-account .woocommerce-form__input.woocommerce-form__input-checkbox:checked { background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(https://4retail.es/wp-content/uploads/2023/12/icon-check.svg);}
.woocommerce-notices-wrapper { max-width: 500px; margin: 0 auto 40px auto;}
.woocommerce-notices-wrapper * { color: white; text-align: center;}
.woocommerce-notices-wrapper li { padding: 20px;}

.woocommerce-account .ywpar_myaccount_entry_info > div{background-color: #9ffcc3; margin-top: 30px; font-size: 0.8em;}
.woocommerce-account .ywpar_myaccount_entry_info span.ywpar_to_redeem_title{color: inherit; text-transform: none; font-size: initial; margin-top: 0px;}
.woocommerce-account .ywpar_myaccount_entry_info .points_collected{font-family: var(--gothamBold);}
.woocommerce-account table.shop_table_responsive tr th, .woocommerce-account table.shop_table_responsive tr td{font-family: var(--gotham);  font-size: 0.75em; padding: 0px 10px; text-align: left;}
.woocommerce-account .ywpar_points_rewards td.ywpar_points_rewards-points > span.ywpar_minus {color: #a62400;}

@media (max-width: 768px) {
.woocommerce-account #customer_login { flex-direction: column; }
.woocommerce-account #customer_login > div { width: 100%; max-width: none; }
}
/* Restablecer la contraseña */
.woocommerce-account.woocommerce-lost-password .woocommerce { display: flex; flex-direction: column; gap: 20px; max-width: 500px; width: 100%; margin:0 auto 80px auto;}
.woocommerce-account.woocommerce-lost-password .woocommerce form {display: flex; flex-direction: column; gap: 20px;}
.woocommerce-account.woocommerce-lost-password .woocommerce .clear {display: none;}
.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-Button {width: 100%;}
.woocommerce-message { padding: 20px; color: white; text-align: center;}
/* Cuenta Dashboard */
.logged-in.woocommerce-account .entry-content { max-width: 1400px; width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 80px ;position: relative; }
.logged-in.woocommerce-account .woocommerce { display: flex; gap: 40px; flex-direction: row; justify-content: space-between; align-items: flex-start; padding: 40px; margin-left: 10px; margin-right:10px; border-radius: 8px; background-color: white; }
.logged-in.woocommerce-account .woocommerce > nav { width: 300px; }
.logged-in.woocommerce-account .woocommerce > nav > ul { margin: 0 !important; padding: 0 !important; display: flex; gap: 10px; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.logged-in.woocommerce-account .woocommerce > nav > ul > li { list-style-type: none; padding: 10px; width:100%; border-radius:8px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }
.logged-in.woocommerce-account .woocommerce > nav > ul > li.is-active { background-color: var(--grey2); }
.logged-in.woocommerce-account .woocommerce > nav > ul > li:hover { background-color: var(--grey2); transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }
.logged-in.woocommerce-account .woocommerce > nav > ul > li > a { color:black !important; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; display: block;}
.logged-in.woocommerce-account .woocommerce > nav > ul > li.is-active > a { color:white !important; }
.logged-in.woocommerce-account .woocommerce > nav > ul > li:hover > a { color:white !important; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }
.logged-in.woocommerce-account .woocommerce > div { width: calc(100% - 300px - 40px); display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; gap: 10px; }
.logged-in.woocommerce-account .woocommerce > div > p > * { display:inline !important; }
.logged-in.woocommerce-account .woocommerce > div > p > a { color:var(--grey2); }
.logged-in.woocommerce-account .woocommerce-EditAccountForm.edit-account { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.logged-in.woocommerce-account button[name="save_address"],
.logged-in.woocommerce-account button[name="save_account_details"] { background-color: var(--grey2); gap: 6px; border: none !important; line-height: 1; border-radius: 8px; color: white; padding: 18px; width: fit-Content; margin-top: 10px !important; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }
.logged-in.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content > form { width:100%; }
.logged-in.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content > form .woocommerce-address-fields__field-wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; margin-top: 10px; margin-bottom: 20px; }
.logged-in.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content > form * { width:100%; }
.logged-in.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content > form button { max-width: 400px; }
.logged-in.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content > form input:focus-visible { outline: 1px solid var(--grey2); }
.logged-in.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content > form p.form-row { gap:0px !important; }
.logged-in.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content > form .select2-selection__arrow > b {display: none;}
.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { display: flex; gap: 20px; flex-wrap: wrap; }
.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses a { color: var(--grey2) !important; }
.logged-in.woocommerce-account span.select2-selection { padding: 3px 0; height: auto; }
.logged-in.woocommerce-account .woocommerce-info {color: black; background-color: transparent;display: flex; flex-direction: column; gap: 20px;}
.logged-in.woocommerce-account .my_account_points_rewards{text-align: left; margin-top: 30px; font-size: 0.85em;}
.logged-in.woocommerce-account .my_account_points_rewards thead{background: var(--grey2);}
.logged-in.woocommerce-account .my_account_points_rewards thead th span{color: white;}

.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper{margin-bottom: 0px;}



/* --- PAGINA DE PEDIDO RECIBIDO --- */

/* Contenedor principal y espaciados */
.woocommerce-order-received .woocommerce-order {max-width: 900px; margin: 0 auto; font-family: sans-serif; color: #333; line-height: 1.6;}

/* Mensaje de éxito (Gracias por tu pedido) */
.woocommerce-order-received .woocommerce-notice--success {background-color: #f8fff9;color: #2e7d32; padding: 20px; border-left: 5px solid #4caf50; font-weight: 600; margin-bottom: 30px; border-radius: 4px;}
.woocommerce-order-received ul.woocommerce-order-overview {display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; padding: 0; list-style: none; background: #f9f9f9; padding: 25px; border-radius: 8px; border: 1px solid #eee;}
.woocommerce-order-received ul.woocommerce-order-overview li {font-size: 0.85rem; text-transform: uppercase; color: #777; border: none; padding: 0;}
.woocommerce-order-received ul.woocommerce-order-overview li strong {display: block; font-size: 1.1rem; color: var(--blue1);; text-transform: none; margin-top: 5px;}
.woocommerce-order-received .woocommerce-bacs-bank-details { background: #fff8e1; padding: 25px; border-radius: 8px;  margin: 30px 0; border: 1px solid #ffe082;}
.woocommerce-order-received .wc-bacs-bank-details-heading { margin-top: 0;  font-size: 1.3rem;}
.woocommerce-order-received ul.wc-bacs-bank-details li { list-style: none; padding: 8px 0; border-bottom: 1px dotted #ccc;}
.woocommerce-order-received table.shop_table { width: 100%; border-collapse: collapse; margin: 20px 0 40px; border-radius: 8px; overflow: hidden; border: 1px solid #eee;}
.woocommerce-order-received table.shop_table thead {background: var(--blue1);; color: #fff;}
.woocommerce-order-received table.shop_table th, 
.woocommerce-order-received table.shop_table td { padding: 15px; text-align: left; border-bottom: 1px solid #eee;}
.woocommerce-order-received .wc-item-meta { font-size: 0.85rem; color: #666; padding-left: 0; list-style: none; margin-top: 10px;}
.woocommerce-order-received .wc-item-meta li {display: flex; gap: 5px; margin-bottom: 3px;}
.woocommerce-order-received .wc-item-meta-label {font-weight: bold;}
.woocommerce-order-received .wc-item-meta p {margin: 0;}
.woocommerce-order-received table.shop_table tfoot th { font-weight: normal; background: #fcfcfc;}
.woocommerce-order-received table.shop_table tfoot td {font-weight: bold;}
.woocommerce-order-received .addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 30px;}

@media (max-width: 600px) {
    .woocommerce-order-received .addresses {grid-template-columns: 1fr;}
}
.woocommerce-order-received .woocommerce-column__title {font-size: 1.2rem; border-bottom: 2px solid var(--blue1);; padding-bottom: 10px; margin-bottom: 15px;}
.woocommerce-order-received address {font-style: normal;  background: #f9f9f9; padding: 20px; border-radius: 8px; border: 1px solid #eee;}
.woocommerce-order-received h2 {margin-top: 40px; font-size: 1.5rem; color: var(--blue1);;}



.page-id-18 footer#colophon, .page-id-96 footer#colophon{margin-top: 80px;}