/*!
Theme Name: garbi26
Description: Theme Garbi Profesional con catálogo propio (garbi_producto), sin WooCommerce. Sustituye a garbinew.
License URI: LICENSE
Text Domain: garbinew

*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
main {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}
img {
	border-style: none;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
[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;
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}
summary {
	display: list-item;
}
template {
	display: none;
}

[hidden] {
	display: none;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

::-webkit-input-placeholder {
color: #666;
font-size: 0.9em;
font-style: italic; font-weight: 400 !important;
}
::-moz-placeholder {
color: #666; font-weight: 400 !important;
font-size: 0.9em;
font-style: italic;
}
:-ms-input-placeholder {
color: #666; font-weight: 400 !important;
font-size: 0.9em;
font-style: italic;
}


/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #3a4249;
	font-family: 'Open Sans','sans-serif';
	font-size: 16px;
	line-height: 1.5em;
}

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

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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; padding: 0 !important; 
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

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: #000;
}
a.ver_mas {
    color: #01c0eb;
    font-size: 18px;
    text-decoration: none;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: #000;
}

a:focus {
	outline: none !important;
}

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


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

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

.post,
.page {
	margin: 0 !important;
}

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

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

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/* Jetpack infinite scroll
--------------------------------------------- */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}
.infinity-end.neverending .site-footer {
	display: block;
}



/* GARBI
--------------------------------------------- */
:root { 
	--colorAzul: #3c6090;
}

.wrapper { max-width: 1366px; width: 92%; margin: auto; padding: 0;}
.wrap_full { width: 100%; margin: 0 auto; display: block;}
.clear { display: block; height: 0; clear: both; width: 100%;}

h2 {color:  var(--colorAzul); text-align: center; font-size: 42px; line-height: 42px; padding-bottom: 0; margin: 0 auto 0.7em !important;  font-weight: 400 !important; }

body:not(.home) {
    background: url(img/fondo_web.png) 0 0 no-repeat #ffffff;
    background-size: 100%;
}


/* Header
--------------------------------------------- */

#top_bar {background: var(--colorAzul); text-align: right;color: white;}
#top_bar .wrapper { position: relative;}
#top_bar #language_menu a {color: white; font-size: 0.8em; font-weight: 600; text-decoration: none;
  text-transform: uppercase; display: inline-block; line-height: 1.8em; padding: 3px 2px 4px 0;}
#top_bar #language_menu a .md { font-size: 1.2em !important; line-height: 1em; vertical-align: middle;}
#top_bar #language_menu .wpml-ls {position: absolute; top: 25px; right: 2px; width: auto; min-width: 80px; background: var(--colorAzul); display: none; z-index: 999; padding: 10px 5px 5px;}
#top_bar #language_menu ul li a {font-weight: 400 !important; padding: 2px !important;}
#top_bar #language_menu ul li a:hover, #top_bar #language_menu ul li.wpml-ls-current-language a {font-weight: 600 !important;}
#header { position: relative;}
.header_newhome { width: 100%; margin: 0 auto; display: block; clear: both; }
.header_newhome .wrapper-header { position: absolute !important; z-index: 998 !important; width: 100%; max-width: 100% !important; top: 0; margin: 0 auto !important; background-color: rgba(255, 255, 255, 0.8);}
#header .logo {width: 20%; max-width: 185px; display: inline-block; margin: 10px 0 !important; vertical-align: top;}
#header .desc { display: inline-block; width: 32%; font-weight: 600; font-size: 1.3em; margin-top: 1.5em; line-height: 1.15em; padding: 1em 0.5em; color: var(--colorAzul);}
#header #user_box { display: inline-block; vertical-align: top; float: right; width: 100%; max-width: 280px;}
#header #user_box #login_form h3 { font-size: 0.7em !important; font-weight: 600; color: var(--colorAzul); padding: 1.25em 0 0.75em;}
#header #logout, #header #hola {float: right;} 
#header #logout a, #header #hola a {background: var(--colorAzul);   color: white;   text-decoration: none; margin: 32px 0 0 5px;   display: inline-block; vertical-align: top;  }
#header #logout a { padding: 1px 5px 0 !important; font-size: 1.55em; line-height: 1em !important; } 
#header #hola a { text-transform: uppercase; padding: 2.5px 10px; font-weight: 600; font-size: 0.8em; }
#header .login-wrap { display: flex; flex-direction: column; border: 0px solid #ccc; box-sizing: border-box; margin: 0px; padding: 0px; background-color: transparent !important;}
#header #user_box #login_form input { color: var(--colorAzul); font-size: 12px; padding: 6px 5px 6px 16px; border: 1px solid #a6a6ab; width: 100%; line-height: 1.35em; font-weight: 600; }
#header #user_box #login_form .log-form-group {position: relative;padding-bottom: 5px; margin-bottom: 0 !important; }
#header #user_box #login_form .log-form-group label {display: none !important}
#login_form { position: relative; }
.login-wrap input[type="text"], .login-wrap input[type="password"] { height: auto !important; border-radius: 2px !important;}
#header #user_box #login_form input[name=login] { width: auto !important; background: var(--colorAzul); color: white; font-size: 13px; font-weight: 500; padding: 4px 10px !important; float: right; cursor: pointer; height: auto !important; outline: none; border-radius: 1px; letter-spacing: 0; margin-right: 0; border: 1px solid var(--colorAzul);-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
#header #user_box #login_form input[name=login]:hover {color: var(--colorAzul); background: white;}
#header #user_box a.register {position:absolute; bottom: 0; z-index: 9; background: #e6e6e6;color: var(--colorAzul); font-size: 12px !important;text-decoration: none ; padding: 2px 6px; }
#header #user_box #login_form a.recordar {position: absolute;bottom: 32px;right: -26px;color: #3e608e !important; font-size: 20px;padding: 0px 5px 0px 5px;border: 1px solid #a6a6ab;text-decoration: none;font-weight: 600;line-height: 1.4em;background-color: rgba(255, 255, 255, 0.2);}
#header #menu_principal {display: block; padding: 4px 0 18px; width: 100% !important; clear: both; }
#header #menu_principal li.hide_desktop { display: none;}
#header #menu_principal ul {margin: 0; padding: 0;}
#header #menu_principal ul li { display: inline-block; position: relative;}
#header #menu_principal ul li a { font-size: 15px; text-transform: uppercase; color: #525960; margin-right: 20px; text-decoration: none;}
#header #menu_principal ul li ul.sub-menu {position: absolute; top: 20px; left: 0; padding: 10px 0 0 0 !important; list-style: none; margin: 0; display: none; z-index: 9999; min-width: 100%;}
#header #menu_principal ul li:hover ul.sub-menu { display: block;}
header #menu_principal ul li:hover a, #menu_principal ul li a:hover { color: #7aaae8 !important;}
#header #menu_principal ul li ul.sub-menu li:first-child { padding-top: 5px;}
#header #menu_principal ul li ul.sub-menu li { padding: 3px 10px; background: white; width: 100%;}
#header #menu_principal ul li ul.sub-menu li a { text-transform: none; font-size: 12px; font-weight: 600; color: #525960; text-decoration: none; white-space: nowrap; }

/* Menu Mobile
------------------------------*/

#mobile_menu .wrapper{ position: fixed; top: 8%; right: -100%; height: 70%; width: 100%; background: #fff; transition: all 0.6s ease-in-out; }
#active:checked ~ .wrapper{ right:0; }
.menu-btn{ position: absolute; z-index: 2; right: 20px; top: 10px; height: 45px; width: 50px; text-align: center; line-height: 50px; font-size: 20px; cursor: pointer; color: #fff; background: linear-gradient(90deg, var(--colorAzul), #3c6090); transition: all 0.3s ease-in-out;}
.menu-btn span,
.menu-btn:before,
.menu-btn:after{ content: ""; position: absolute; top: calc(50% - 1px); left: 25%; width: 50%; border-bottom: 3px solid #fff; transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);}
.menu-btn:before{transform: translateY(-8px);}
.menu-btn:after{transform: translateY(8px);}
#mobile_menu .close { z-index: 1; width: 100%; height: 100%; pointer-events: none; transition: background .6s;}

/* closing animation */
#active:checked + .menu-btn span {transform: scaleX(0);}
#active:checked + .menu-btn:before {transform: rotate(45deg);border-color: #fff;}
#active:checked + .menu-btn:after {transform: rotate(-45deg); border-color: #fff;}
#mobile_menu .wrapper ul{ width: 90%; position: absolute; top: 5%; left: 5%; height: 90%; list-style: none; text-align: center;}
#mobile_menu .wrapper ul .sub-menu {width: 100%; position: relative; top: auto !important; height: auto; left: 0 !important;  text-transform: none !important; margin-top: 15px;  }

#mobile_menu input[type="checkbox"]{
  display: none;
}

#mobile_menu li a { text-decoration:  none !important; text-transform: uppercase; color: #525960;  font-size: 20px; line-height: 1.25em; padding-bottom: 15px; }
#mobile_menu li .sub-menu a {  text-transform: none !important; color: #666;  font-size: 18px; line-height: 1.25em; padding-bottom: 0; padding-top: 10px; }
#mobile_menu li  { padding-bottom: 15px; }
#mobile_menu li .sub-menu { padding-bottom: 0; padding-top: 10px; }
#mobile_menu li a:hover { color: var(--colorAzul) !important;}





/* Footer
------------------------------*/

#subfooter, #subfooter p { background: var(--colorAzul); padding: 1em 0; color: white; font-size: 12px !important;  overflow: hidden; }
#subfooter p { float: left; margin: 0 !important; padding: 0 !important; width: 50%; }
#subfooter ul { float: right; margin: 0 !important;}
#subfooter ul li { display: inline-block; vertical-align: middle;}
#subfooter ul li a { color: white; text-decoration: none;}
#subfooter ul li a:after { content: "-"; display: inline-block; padding: 0 4px;}
#subfooter ul li:last-child a:after { content: ""; display: inline-block; padding: 0 0 0 4px !important;}
#footer {background: url(img/fondo_pie.png) 50% 100% no-repeat; padding: 100px 0 30px 0; display: block; clear: both;
 overflow: hidden; background-size: cover;} 
#footer section ul { padding: 10px 0 !important;}
#footer section#fot_contacta { width: 100%;}
#footer section#fot_contacta .logo { width: 30%; max-width: 190px; }
#footer section#fot_contacta div.screen-reader-response {font-size: 14px; line-height: 18px; padding: 10px 0;}
form.wpcf7-form .formulario { float: left; width: 50%;}
li.widget { list-style: none !important;}
form.wpcf7-form .texto_aviso { float: left; width: 50%; font-size: 14px; line-height: 20px; border: 1px solid #7d7878;
padding: 10px; min-height: 318px; margin-bottom: 20px; color: black;}
#footer section#fot_contacta form > p, #footer section#fot_contacta form > div > p { width: 100%; font-size: 14px; line-height: 16px; padding-bottom: 10px; padding-right: 20px; margin: 0 !important }
#footer section#fot_contacta form > p input, #footer section#fot_contacta form > div > p input, #footer section#fot_contacta form > p textarea, #footer section#fot_contacta form > div > p textarea { color: #000000; font-family: 'Open Sans','sans-serif'; font-size: 14px; padding: 6px 10px 2px 10px; border: 1px solid #7d7878; width: 100%;}
#footer section#fot_contacta form > p.lopd input, #footer section#fot_contacta form > div > p.lopd input {width: auto;}
#footer .wpcf7-list-item {display: inline-block; margin: 0 1em 0 0 !important; } 
#footer section#fot_contacta form > p.lopd, #footer section#fot_contacta form > div > p.lopd { font-size: 12px !important; line-height: 15px; color: #000000;}
form.wpcf7-form .texto_aviso strong { font-weight: bold;}
#footer .widget { padding: 15px 0 !important; }
.contenedor_boton { display: block; clear: both; overflow: hidden; padding-left: 50%;}
.contenedor_boton input { width: auto; font-size: 14px; background: #254d80; color: white; border: 1px solid #254d80;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer; padding: 6px 10px 6px 10px; display: inline-block; text-decoration: none;}

/* Home
------------------------------*/
.slider-home { width: 100%; margin: 0 auto; clear: both; }
.slider-home p { margin: 0 !important; padding: 0 !important; }
.slider-home img { width: 100%; height: auto; display: block;}
.banner {position: relative; clear: both;  margin: 0 auto !important; max-width: 100%; overflow: hidden;}
img.rsImg {max-width: 100%;  width: 100%; height: auto !important; line-height: 0; margin: 0 auto !important; }
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs { background: #ffffff !important; color: #FFF;}
h2.texto-slider { font-size: 3em !important; color: #fff !important; line-height: 1em; margin: 0 auto; background-color: rgba(0, 0, 0, 0.54) !important; 
padding: 0.25em 0; text-align: center !important; font-weight: 400 !important; display: block; width: 100% !important; left: 0; position: absolute; z-index: 9; top: 50%; }
/* Flickity-fade */

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

.rsUni .rsBullet, .rsUni .rsBullet span {width: 15px !important; height: 15px !important;  }
#la_marca .wrapper #item_list .item h3 {width: 100%; background: var(--colorAzul); padding: 10px 2px; font-weight: 600;color:white;text-align:center;border-bottom:4px solid white; line-height: 1em !important}
#la_marca{padding:42px 0 30px 0; letter-spacing:0 !important;word-spacing:0 !important}
#la_marca .wrapper #item_list, #conocenos .wrapper #column_list {margin-left:-1%; display: flex; flex-direction: row; flex-wrap: wrap; }
#la_marca .wrapper #item_list .item,
#conocenos .wrapper #column_list .item {margin-left:1%; flex-grow: 1; width: 32.3%; display: -webkit-flex; display: flex; flex-direction: column;   }
#la_marca .wrapper #item_list .item img{width:100%;height:auto}
#la_marca .wrapper #item_list .item .texto{width:100%;text-align:center;padding:0 10px}
#la_marca .wrapper #item_list .item .texto strong{font-weight: 700}
#conocenos { background: #f1f6fd; padding: 30px 0;}
#conocenos .wrapper #column_list .item {text-align:center; background:white;padding: 0.8em 0.75em 1.1em; }
#conocenos .wrapper #column_list .item img.icono_conocenos {max-width:140px;margin:0 auto;text-align:center; width: 40%; }
#conocenos .wrapper #column_list .item h3{line-height: 1.15em;  padding:20px 0 10px 0; font-weight:700}
#conocenos .wrapper #column_list .item .texto{ padding:0 15px; }

#conocenos .wrapper #destacado{display:block;clear:both;overflow:hidden;padding:60px 0 30px 0}

#conocenos .wrapper #destacado .imagen{width:48%;float:left;position:relative;overflow:hidden}
#conocenos .wrapper #destacado .imagen img{width:98%;height:auto}
#conocenos .wrapper #destacado .imagen #logos{padding:20px 0 17px; text-align:center; display:flex; justify-content:space-evenly; align-self:end; width:98%; align-items:flex-end; }
#conocenos .wrapper #destacado .imagen #logos a#link_ecolabel img{margin-bottom:-3px}
#conocenos .wrapper #destacado .imagen #logos a#link_ecolabel2 img{margin-bottom:-3px}
#conocenos .wrapper #destacado .texto{width:48%;float:right;}
#conocenos .wrapper #destacado .texto strong{font-weight:600;color:#244c80}
#conocenos .wrapper #destacado .texto p{padding-bottom:16px;line-height:24px; margin: 0 !important;}

#contacto .wrapper #contact_list{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;
  justify-content: center; }
#contacto .wrapper #contact_list div.item {width:33.3333%; flex-grow: 1; display: -webkit-flex; display: flex; flex-direction: column; text-align:center;font-size:16px; line-height:24px}
#contacto .wrapper #contact_list div.item img{margin:0 auto 1.15em !important; width: 40% !important; max-width: 100px; }
#contacto .wrapper #contact_list div.item h3{font-weight:800}
#contacto .wrapper #contact_list div.item div.texto h3{font-weight:600}
#contacto .wrapper #contact_list div.item div.texto {padding: 0 5% !important; }
#contacto .wrapper #contact_list div.item strong{font-weight:bold !important}
#contacto .wrapper #contact_list div.item.con_imagen{height: auto;padding-top: 0;position:relative}
#contacto .wrapper #contact_list div.item.con_imagen img {height: auto; margin: 0 auto !important; display: block; width: 100% !important; max-width: 100% !important;  }
#contacto .wrapper #contact_list div.item.con_imagen a{position:absolute; top:0; bottom:0; left:0; right:0}
#contacto .wrapper #contact_list div.item a{color:#3a4249; font-weight:700; text-decoration:none; }


/* woocommerce */

.woocommerce #primary { max-width: 1366px; width: 92%; margin: auto; padding: 0;}
ul.products li.item_producto .icono_ecolabel, 
.icono_ecolabel
 { position: absolute; top: 48px; left: 13px; width: 71px; height: 71px; background: url(img/logo__ecolabel.png) 50% 50% no-repeat; background-size: cover;}
ul.products li.item_producto .icono_eco-fsc, 
.icono_eco-fsc
 { position: absolute; top: 48px; left: 13px; height: 142px !important; background: url(https://www.garbiprofesional.com/new/wp-content/uploads/2024/07/logo__ecofsc.png) 50% 50% no-repeat !important; background-size: contain !important;}



ul.products li.item_producto .icono_aloevera, 
.tax-product_cat ul.products li.item_producto .icono_aloevera, 
.post-type-archive-product ul.products li.item_producto .icono_aloevera, 
.tax-product_cat ul.products li.item_producto .icono_aloevera,  
.icono_aloevera {
 top: 57px; right: 30px; height: 75px; width: 75px; background: url(img/AloeVera_es.png) 50% 50% no-repeat; background-size: cover; position: absolute; }
.en .icono_aloevera{background-image:url(img/AloeVera_en.png) !important;}
.fr .icono_aloevera{background-image:url(img/AloeVera_fr.png) !important;}
.ca .icono_aloevera{background-image:url(img/AloeVera_ca.png) !important;}

#page_overlay{background:rgba(0,0,0,0.43);position:fixed;top:0;bottom:0;right:0;left:0;display:none}
#page_overlay #popup{width:600px; min-height: 240px; position:absolute;top:50%;margin-top:-120px;left:50%;margin-left:-300px;background:#ffffff;font-size:14px;font-weight:500;text-align:center}
#page_overlay #popup #header{width:100%;padding:20px 0;background:#edebe9;text-transform:uppercase;color:#494747;font-size:16px;border-bottom:1px solid #494747}
#page_overlay #popup #content{padding:20px 10% 5px 10%}
#page_overlay #popup #content p{padding-bottom:15px;color:#494747; margin: 0 auto !important;}
#page_overlay #popup #buttons{width:100%;text-align:center;padding:10px 0 20px;}
#page_overlay #popup #buttons a{width:auto;font-size:14px;background:#254d80;color:white;border:1px solid #254d80;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;padding:6px 10px 6px 10px;display:inline-block;text-decoration:none}
#page_overlay #popup #buttons a:hover{background:white;color:#254d80}
#page_overlay #popup #buttons a{text-transform:uppercase}
#page_overlay #popup #popup_close{position:absolute;top:8px;right:14px;font-size:26px;line-height:1;color:#494747;text-decoration:none;font-weight:400;z-index:2}
#page_overlay #popup #popup_close:hover{color:#254d80}
.estilo_boton{width:auto;font-size:14px;background:#254d80;color:white;border:1px solid #254d80;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;padding:6px 10px 6px 10px;display:inline-block;text-decoration:none}
.estilo_boton:hover{background:white;color:#254d80}
p.submit{padding:20px 0 0 0 !important;text-align:center}
p.submit input.submit{width:auto;font-size:14px;background:#254d80;color:white;border:1px solid #254d80;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;padding:6px 10px 6px 10px;display:inline-block;text-decoration:none}
p.submit input.submit:hover{background:white;color:#254d80}

/* Galeria de Productos */
.woocommerce .woocommerce-breadcrumb, .garbi-breadcrumb { font-family: 'Lato',sans-serif; font-size: 0.85em !important; color: #938f8f; margin: 0.75em 0 1.25em !important;}
.woocommerce .woocommerce-breadcrumb span, .garbi-breadcrumb span { padding: 0 0.5em !important;}
.woocommerce  .woocommerce-breadcrumb a, .garbi-breadcrumb a { color: var(--colorAzul) !important; text-decoration: none; font-weight: bold;  }
.post-type-archive-product h1.page-title, .tax-product_cat h1.page-title, .post-type-archive-garbi_producto h1.page-title, .tax-garbi_categoria h1.page-title { color: var(--colorAzul) !important; font-weight: 500 !important; margin: 0 auto 0.5em !important;}

/* Base del grid de productos: antes lo aportaba el CSS del plugin WooCommerce */
ul.products { margin: 0 0 1em; padding: 0; list-style: none outside; clear: both; }
ul.products::after { content: ""; display: block; clear: both; }
ul.products.columns-3 li.product { float: left; }
/* Inicio de fila: Woo marcaba el primer li de cada fila con .first + clear */
ul.products.columns-3 li.product:nth-child(3n+1) { clear: both; }
@media only screen and (max-width:768px) {
  ul.products.columns-3 li.product:nth-child(3n+1) { clear: none; }
  ul.products.columns-3 li.product:nth-child(2n+1) { clear: both; }
}
ul.products.columns-3 li.product { position: relative; border: 1px solid #938f8f; background: white; width: 32% !important;   margin: 0 1.33% 15px 0 !important;     vertical-align: top;  } 
div.product_img { width: 100%; text-align: center; padding: 20px 20px 0 20px; overflow: hidden;}
ul.products li .butons { padding-bottom: 7px; display: flex; align-items: center;  justify-content: center; flex-direction: row; flex-wrap: wrap;  }
ul.products li .butons a {vertical-align: top; margin: 0 5px; width: 52px; height: 50px; border: 2px solid #bdb7b7; text-indent: -10000em; overflow: hidden;}
ul.products li .butons a.add_to_cart_button {background: url(img/comment_off.png) 50% 50% no-repeat;background-size: cover;}
ul.products li .butons a.ver_lightbox {background: url(img/ver_producto.png) 50% 50% no-repeat;}
.post-type-archive-product ul.products li.item_producto div.product_title, 
ul.products li h2, .post-type-archive-product ul.products li h2, 
.tax-product_cat ul.products li h2,
h2.woocommerce-loop-product__title { overflow: hidden; height: 2.3em; line-height: 2em !important; padding: 2px 5px 5px 5px !important;
font-weight: 600 !important; font-size: 1em !important; text-align: center; color: white; background: var(--colorAzul) !important; text-transform: uppercase;}
.icono_new, .icono_azul, .icono_newverde {position:absolute}
.es .icono_new {background:url(img/nuevo.png) 50% 50% no-repeat;}
.ca .icono_new {background:url(img/nou.png) 50% 50% no-repeat;}
.en .icono_new {background:url(img/new.png) 50% 50% no-repeat;}
.fr .icono_new {background:url(img/nouveau.png) 50% 50% no-repeat;}
.es .icono_azul {background:url(img/azul.png) 50% 50% no-repeat;}
.ca .icono_azul {background:url(img/blau.png) 50% 50% no-repeat;}
.en .icono_azul {background:url(img/blue.png) 50% 50% no-repeat;}
.fr .icono_azul {background:url(img/bleue.png) 50% 50% no-repeat;}
.icono_new, .icono_newverde {top:57px; left: 10px;height:50px;width:150px;background-size:cover !important; } 
.icono_azul {top:50px; left: 10px;height:77px;width:77px;background-size:cover !important; } 

#productos_destacados .main-carousel { padding: 0 5% !important; }
.flickity-button-icon {
  fill: var(--colorAzul) !important;
}

#productos_destacados .main-carousel li {
	position: relative;
border: 1px solid #938f8f;
background: white;
width: 32% !important;
margin: 0 1.33% 15px 0 !important;
  counter-increment: carousel-cell;
}
#productos_destacados #carrusel_productos .flickity-page-dots { display: none !important}
.flickity-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #f8f8f8 !important;
}
.slider-home .flickity-button { display: none !important; } 

/* position dots in carousel */
.flickity-page-dots {
  bottom: 20px;
}
/* white circles */
.flickity-page-dots .dot {
  width: 15px;
  height: 15px;
  opacity: 1;
  background: transparent;
  border: 2px solid #919396;
}
/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  border: 2px solid var(--colorAzul); 
  background: var(--colorAzul);
}


/* Single Producto */

body.single-product .product .caracteristicas ul{margin:0;list-style:none;padding:5px 0 0 0}
body.single-product .product .caracteristicas ul li{margin:0 0 30px 0;padding:0;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:50% 0;background-size:contain;font-size:13px;line-height:14px}
body.single-product .product .caracteristicas ul li.centered{text-align:center}
body.single-product .product .caracteristicas ul li.product_calidad{background-image:url(img/ico_calidad.jpg);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_gofrado{background-image:url(img/ico_gofrado.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_liso {background-image:url(img/ico_liso.png);width:84px;padding-top:85px; }
body.single-product .product .caracteristicas ul li.product_capas{background-image:url(img/ico_capas.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_rollos{background-image:url(img/ico_rollos.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_servicios_rollo{background-image:url(img/ico_servicios_rollo.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_servicios{background-image:url(img/ico_servicios.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_unidades{background-image:url(img/ico_unidades.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_altura_del_rollo{background-image:url(img/ico_altura_rollo.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_diametro_del_rollo{background-image:url(img/ico_diametro_rollo.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_longitud_del_servicio{background-image:url(img/ico_longitud_del_servicio.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_altura_del_servicio{background-image:url(img/ico_altura_del_servicio.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_longitud_del_servicio_rollos {background-image:url(img/ico_metros_rollo_m.jpg);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_material{background-image:url(img/ico_material.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_icono_color.blanco_gris{background-image:url(img/ico_blanco_gris.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_icono_color.blanco{background-image:url(img/ico_blanco.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_icono_color.blanco_azul{background-image:url(img/ico_blanco_azul.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_medidas_sin_embalar{background-image:url(img/ico_product_medidas_sin_embalar.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_capacidad{background-image:url(img/ico_capacidad.png);width:84px;padding-top:85px}
body.single-product .product .caracteristicas ul li.product_peso_neto{background-image:url(img/ico_peso.png);width:84px;padding-top:85px}

a.boton_descarga { color: white; background: #07c0e8 url(img/descarga.png) 10px 50% no-repeat; padding: 6px 20px 6px 40px; display: inline-block; text-decoration: none; font-size: 18px; font-weight: 700;}



/*Custom Home */

.banner { position: relative; display: block; margin: 0 auto !important; }
.carousel-cell {width: 100%; display: flex; align-items: center; justify-content: center;}
.carousel-cell-image {display: block; width: 100%; height: auto !important;}
.banner__footer img { width: 100%; height: auto !important;}
.container-popup_animado_ok { position: absolute; z-index: 9;  max-width: 400px !important;  width: 25%;  display: block; height: 100%;top: 0; right: 0;  }
.popup_animado { position: absolute; z-index: 9; height: auto !important; top: 29% !important; 
animation: myAnimB 5s linear 0s infinite both;}
.popup_animado img { width: 100% !important; height: auto !important; }
@keyframes myAnimB {
  0% {
    transform: translateX(200%);
  }
	5% {
    transform: translateX(200%);
  }
 60% {
    transform: translateX( -5%);
  }	
  100% {
    transform: translateX( -5%);
  }
}

@media screen and (min-width: 1200px) {
	.popup_animado {  top: 27% !important; }
}
@media screen and (min-width: 1300px) {
	.popup_animado {  top: 26% !important; }
}
@media screen and (min-width: 1400px) {
	.popup_animado {  top: 25% !important; }
}
@media screen and (min-width: 1600px) {
	.popup_animado {  top: 24% !important; }
}
@media screen and (min-width: 1800px) {
.popup_animado {  top: 23% !important; 
animation: myAnimLarge 5s linear 0s infinite normal both;}	
}
@keyframes myAnimLarge {
  0% {
    transform: translateX(200%);
  }
	5% {
    transform: translateX(200%);
  }
 60% {
    transform: translateX( -10%);
  }	
  100% {
    transform: translateX( -10%);
  }
}

@media screen and (max-width: 760px) {
h2.texto-slider {
    margin-top: 1em !important;
}
}

@media screen and (max-width: 680px) {
.container-popup_animado_ok {  width: 37.5%;   }
h2.texto-slider {
    margin-top: 0 !important;
}
.popup_animado {  top: 8% !important; }
}



.container-popup_animado_ok { display: none !important;}

.mob-menu-header-holder {
    top: 1.8em !important;
}

.mobmenur-container {
	background-color: #3c6090 !important; right: 4% !important; margin-top: 10px !important;}

#top_bar #language_menu .wpml-ls {
    z-index: 99999;
}
/*Single Product */

body.single-product .product h1 {
  padding: 20px 0 30px;
  font-size: 32px;
	color: #345685;
	font-weight: 400;
}
/* Layout imagen/resumen del single: antes lo aportaba el CSS del plugin WooCommerce */
body.single-product .product div.images {
  float: left;
  width: 48%;
  margin-bottom: 2em;
}
body.single-product .product div.summary {
  float: right;
  width: 48%;
}
@media (max-width: 767px) {
  body.single-product .product div.images,
  body.single-product .product div.summary {
    float: none;
    width: 100%;
  }
}
body.single-product .product div.images img {
  border: 2px solid #9e9d9e;
  display: block;
  width: 100%;
  height: auto;
}
body.single-product .product .summary p {
  color: #3a4249;
  font-size: 1.1em !important;
}
body.single-product .product .caracteristicas {
  padding: 1.5em 0 0 0;
}
body.single-product .product .caracteristicas h3 {
margin-bottom: 18px !important;
}

body.single-product .product .extra {
  display: block;
  clear: both;
  overflow: hidden;
  width: 100%;
	margin-bottom: 3em !important;
}

.single-product .woocommerce-tabs.wc-tabs-wrapper, body.single-product .related.products { display: none !important;}

body.single-product #productos_destacados.woocommerce, body.single-product #productos_destacados {
	background-color: #fff;
  margin-top: 45px;
  padding: 45px 0 40px 0;
  border-top: 2px solid #bbcfe9;
  display: block;
  clear: both;
  overflow: hidden;
}

#productos_destacados .main-carousel li {list-style: none outside;}

/*Eventos */

#main { width: 67.5%; float: left; }
#sidebar-posts { width: 27.5%; margin: 0 0 0 5%; float: left; padding-bottom: 1.5em;}
h2.titulo { text-align: left !important; padding-bottom: 0.4em !important; font-size: 1.75em !important; margin-bottom: 0 !important;}
p.data_evento { color: #767273; font-weight: 600; margin: 0 0 1.5em !important; padding: 0 !important;}
.clear { display: block; clear: both; width: 100%;  }
.clear50 { display: block; clear: both; width: 100%;  height: 1.5em;}

#sidebar-posts .widget { padding: 0 1em 0 !important; background-color:#fff; }
.widget_recent_entries h2 { display: none !important}
.widget_recent_entries li { list-style: none !important; }
.textwidget h3 {  margin: 0 auto; text-align: center; font-weight: 600 !important; color: #345685; }

.ultimos_eventos .evento_image  {
  margin: 0;
  width: 30% !important;
  margin-right: 5%;
}

.ultimos_eventos .evento_image img { display: block; width: 100% !important; height: auto; margin: 0;}

ul.ultimos_eventos { padding-bottom: 1em; border-bottom: 1px solid #fff; }

.ultimos_eventos li { display: flex;   margin-bottom: 15px;}

.ultimos_eventos .evento_texto{  width: 60%; }

.ultimos_eventos .evento_texto  h4 a, .ultimos_eventos .evento_texto  h4  { font-weight: 600; font-style: normal; font-size: 1em; line-height: 1.25em; letter-spacing: 0; margin: 0 0 0.25em !important; padding: 0 !important;
 text-align: left; text-decoration: none;}

.ultimos_eventos .evento_texto p { margin: 0 !important; padding: 0 !important; font-weight: 300; font-size: 0.85em !important}

.navigation.posts-navigation {display: none;}
.thumb img { width: 100%; height: auto;}

.slider-evento .carousel-cell-image {
  display: block;
  height: auto !important;
  min-width: 1vw !important;
	width: 100% !important;
	margin: 0 auto !important;
	}

.slider-evento .flickity-page-dots { display: none !important;}

/* fade in lazy loaded image */
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

@media only screen and (max-width: 900px) {
#main { width: 65%; float: left; }
#sidebar-posts { width: 32.5%; margin: 0 0 0 2.5%; float: left;}
}

@media only screen and (max-width: 660px) {
#main { width: 100%; float: none; }
#sidebar-posts { width: 100%; margin: 2.5em 0 0 2.5%; float: left;}
}


.interclean { max-width: 642px !important; height: auto !important; float: right; z-index: 99 !important; margin-top: 3em !important; }
.interclean a {  z-index: 999; }
.interclean img { height: auto !important; width: 100% !important; float: right; }
.banner_footer img { width: 100% !important; height: auto !important; margin: 0 auto !important; }


/* Registro */

h2.datos_registro {
  text-align: left !important; color: #244c80; background: url(img/icono_registro.png) 100% 50% no-repeat; padding: 20px 70px 20px 0; display: inline-block; margin-bottom: 1em; }

.woocommerce-account .woocommerce .col2-set .col-1, .woocommerce-account .woocommerce-page .col2-set .col-1 {
display: none !important; }

.woocommerce-account .woocommerce .col2-set .col-2, .woocommerce-account .woocommerce-page .col2-set .col-2 {
  float: none !important; width: 100%;}


.woocommerce-account h3.alta_nueva { margin: 2em 0 0 !important; position: relative; padding-left: 1.6em; color: #244c80; }

.woocommerce-account h3.alta_nueva:before {
content: ''; width: 1.15em; height: 1.15em; position: absolute; left: 0; display: block; background: url(img/mas_blanco.png) no-repeat; background-size: contain;}

body.woocommerce-account .col-form-register  {
  border: 0 !important; display: inline-block; width: 47.5%;
vertical-align: top;
  padding: 1em 5% 1em 0 !important;
  margin: 0 !important;
}

body.woocommerce-account .texto_ley {
  border: 1px solid #7d7878; display: inline-block; width: 47.5%;
  padding: 1.15em !important;
  font-size: 14px;
  line-height: 20px;
  color: black;
}

body.woocommerce-account form.woocommerce-form-register input, body.woocommerce-account form.woocommerce-form-register textarea, body.woocommerce-account form.woocommerce-form-register select {
  color: #000000;
  font-family: 'Open Sans','sans-serif';
  font-size: 14px !important;
  padding: 6px 10px 5px 10px;
  border: 1px solid #7d7878;
  width: 100%;
  background-color: #fff;
}
body.woocommerce-account .garbi-form .form-row { margin-bottom: 10px; }
body.woocommerce-account .cuenta-form label { display: block; font-size: 14px; margin-bottom: 2px; color: #000; }
body.woocommerce-account .cuenta-form .texto_ley .description { margin: 0.5em 0 1em; }
body.woocommerce-account .garbi-form .form-row.privacy input { width: auto; margin-right: 0.5em; }
body.woocommerce-account .garbi-form .form-row.privacy label { font-size: 14px; }
.garbi-error { border: 1px solid #b32d2e; color: #b32d2e; padding: 0.75em 1em; margin: 0 0 1em; }
.garbi-success, .garbi-registro-success { border: 1px solid #00a32a; color: #1d6f42; padding: 0.75em 1em; margin: 0 0 1em; }
.garbi-hp { position: absolute !important; left: -9999px !important; height: 1px; overflow: hidden; }

/* Botón genérico de formularios garbi */
button.boton, input[type="submit"].boton {
  background: #254d80; color: #fff; border: 1px solid #254d80;
  padding: 6px 24px; cursor: pointer; font-size: 14px;
  font-family: 'Open Sans','sans-serif'; transition: all .5s ease;
  text-transform: uppercase; display: inline-block;
}
button.boton:hover, input[type="submit"].boton:hover { background: #fff; color: #254d80; }

/* Layout páginas de acceso (lost-password, reset-password) */
body.garbi-pagina-acceso .garbi-acceso-content { max-width: 480px; padding: 2em 0 4em; }
body.garbi-pagina-acceso .garbi-acceso-content h1 { font-size: 1.6em !important; margin-bottom: 1em !important; }
body.garbi-pagina-acceso .garbi-form p { margin-top: 1.5em; }
body.garbi-pagina-acceso .garbi-form p a { color: var(--colorAzul); font-weight: bold; text-decoration: none; }

/* Página de login pública ([garbi_login]) */
body.garbi-pagina-acceso #user_box { display: none !important; }
.garbi-login { max-width: 420px; margin-bottom: 2em; margin-top: 1.5em; }
.garbi-login .log-form-group { margin-bottom: 10px; }
.garbi-login .log-form-group label { display: block; font-size: 14px; margin-bottom: 2px; color: #000; }
.garbi-login .log-form-group input { width: 100%; border: 1px solid #7d7878; padding: 6px 10px 5px; font-size: 14px; font-family: 'Open Sans','sans-serif'; color: #000; }
.garbi-login .login-submit input { background: #254d80; color: #fff; border: 1px solid #254d80; padding: 6px 24px; cursor: pointer; text-transform: uppercase; font-size: 14px; transition: all .5s ease; }
.garbi-login .login-submit input:hover { background: #fff; color: #254d80; }
.garbi-login .garbi-login-links { margin-top: 1.25em; }
.garbi-login .garbi-login-links a { color: var(--colorAzul); font-weight: bold; text-decoration: none; }

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  border: 0 !important;
  padding: 0 !important;
  margin: 0;
  text-align: left;
  border-radius: 0 !important;
}
.woocommerce-account form.woocommerce-form-register ::placeholder,
form.woocommerce-form-register .select2-container--default .select2-selection--single .select2-selection__rendered {
 color: #000000 !important;
  font-family: 'Open Sans','sans-serif'; font-style: normal !important;
  font-size: 14px !important; line-height: 20px !important;}
.select2-container--default {  color: #999 !important;
  font-family: 'Open Sans','sans-serif'; font-style: normal !important;
  font-size: 14px !important; line-height: 20px !important;}




@media only screen and (max-width: 768px) {
body.woocommerce-account .col-form-register,
body.woocommerce-account .texto_ley {
  width: 100%;
  padding:  0  0 2em !important;
}
}




h2, h3 { margin: 0 auto !important; line-height: 1.15em !important;}
h2 { font-size: 2.25em !important; }
h3 { font-size: 1.15em !important;}
p { font-size: 1em !important; }

@media only screen and (max-width:1566px){  
.interclean { max-width: 600px !important;}  
}
@media only screen and (max-width:1466px){  
.interclean { max-width: 560px !important;}   
}

@media only screen and (min-width:1367px){  
	html, body, body p { font-size: 17px !important; }
}

@media only screen and (max-width:1366px){  
html, body, body p { font-size: 16px !important; }
.interclean {  max-width: 490px !important;} 
ul.products li.item_producto .icono_aloevera, .tax-product_cat ul.products li.item_producto .icono_aloevera, .post-type-archive-product ul.products li.item_producto .icono_aloevera, .tax-product_cat ul.products li.item_producto .icono_aloevera, .icono_aloevera {top: 15% !important; right: 5% !important; width: 5vw !important; height: 5vw !important;}
ul.products li.item_producto .icono_ecolabel, .icono_ecolabel {top: 15% !important; left: 5% !important; width: 5vw !important; height: 5vw !important;}
.icono_new, .icono_newverde {top: 12% !important; left: 53.5% !important; height: 4vw; width: 12vw;}
.icono_azul { top: 15%; left: 5%; height: 5.6vw; width: 5.6vw;}
}
@media only screen and (max-width:1280px){  
h2.texto-slider { font-size: 2.8em; margin-top: 1em !important;} 
.interclean { margin-top: 4.1em !important; max-width: 440px !important;}
html, body, body p { font-size: 15px !important; }
}
@media only screen and (max-width:1100px){ 
#header .desc { width: 34%;  font-size: 1.15em; } 
h2.texto-slider { font-size: 2.5em; margin-top: 1em !important;} 
.interclean { margin-top: 4.5em !important;  max-width: 400px !important; } 
}
@media only screen and (max-width:1000px){ 
#header .desc { width: 34%;  font-size: 1.1em; margin-top: 50px; } 
#header .logo { width: 18%; margin-top: 30px; }   
#header #menu_principal ul li a { font-size: 14px !important; margin-right: 15px !important; } 
h2.texto-slider { font-size: 2.5em; margin-top: 1em !important;}
.interclean { margin-top: 4.5em !important; max-width: 400px !important; }  
#la_marca .wrapper #item_list .item h3 {font-size: 15px !important; }
}
@media only screen and (max-width:870px){ 
#header .desc { width: 35%;  font-size: 0.95em; margin-top: 25px; } #header .logo { width: 18%; margin-top: 15px; } #header #menu_principal { padding: 10px 0;} h2.texto-slider { font-size: 2.25em;}
#menu-principal.wrapper { width: 100% !important; } 
#main { width: 65%; float: left; }
#sidebar-posts { width: 32.5%; margin: 0 0 0 2.5%; float: left;}
.interclean { margin-top: 2em !important; max-width: 400px !important; }
#la_marca .wrapper #item_list .item h3 {font-size: 14px !important; }
#header #menu_principal ul li a { font-size: 13px !important; margin-right: 10px !important; } 
 }
@media only screen and (max-width:760px){ 
h2.texto-slider { font-size: 2em; margin-top: 0 !important; } 
#header .desc {  font-size: 0.9em; width: 40%; }
#main, #sidebar-posts { width: 100%; float: none; margin: 0 auto 2em; display: block; }
.interclean { margin-top: 1em !important; max-width: 320px !important; }
#la_marca .wrapper #item_list .item {width: 49%; max-width: 49%; margin-bottom: 20px;} 
#la_marca .wrapper #item_list { justify-content: center;}
	
}

@media only screen and (max-width:768px){ 
	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
  width: 48% !important;
  margin: 0 0 2.992em !important;
}
#productos_destacados .main-carousel li {
width: 46% !important;
margin: 0 2% 15px 0 !important; 
}
	
ul.products li.item_producto .icono_aloevera, .tax-product_cat ul.products li.item_producto .icono_aloevera, .post-type-archive-product ul.products li.item_producto .icono_aloevera, .tax-product_cat ul.products li.item_producto .icono_aloevera, .icono_aloevera {top: 15% !important; right: 5% !important; width: 9.5vw !important; height: 9.5vw !important;}
ul.products li.item_producto .icono_ecolabel, .icono_ecolabel {top: 15% !important; left: 5% !important; width: 9.5vw !important; height: 9.5vw !important;}
.icono_new, .icono_newverde  {top: 15%; left: 3.5%; height: 7vw; width: 21vw;}
}

@media only screen and (min-width: 761px){ 
.v-mobile { display: none !important}
.v-desktop { display: block !important}
	
}

@media only screen and (max-width: 760px){ 
.v-desktop { display: none !important}
.v-mobile { display: block !important}
#header .logo {margin-bottom: 15px;}
h2.texto-slider { top: 45% !important;}
h2 {font-size: 2.1em !important;}
}

@media only screen and (max-width:660px){ 
#header .desc { width: 38%;  font-size: 0.8em; margin-top: 20px; } 
#header .logo { width: 20%; margin-top: 15px; }  
h2.texto-slider { font-size: 1.4em; top: 42.5% !important;}
h2 {font-size: 1.9em !important;}
.interclean { margin-top: 1em !important; max-width: 260px !important; }
#mobile_menu .wrapper{ top: 6% !important; height: 100% !important;  }
#la_marca .wrapper #item_list .item,
#conocenos .wrapper #column_list .item,
#conocenos .wrapper #destacado .imagen,
#conocenos .wrapper #destacado .texto,
form.wpcf7-form .formulario,
form.wpcf7-form .texto_aviso {width: 90%;  margin: 0 auto 20px !important; max-width: 460px; float: none !important } 
form.wpcf7-form .formulario,
form.wpcf7-form .texto_aviso {width: 100%; margin: 0 0 20px !important;  } 
	#subfooter p { width: 100%; }
.contenedor_boton {padding-left: 0;}
#subfooter ul {float: none !important;}
#footer {padding: 50px 0 30px 0;}
#footer section#fot_contacta form > p, #footer section#fot_contacta form > div > p {
  padding-right: 0 !important;
}
#productos_destacados .main-carousel li { width: 96% !important; margin: 0 1.75% !important;  }
#contacto .wrapper #contact_list div.item { width: 90% !important; padding-top: 30px; padding-bottom: 10px;  }
#contacto .wrapper #contact_list div.item.con_imagen {padding-top: 0;}
#conocenos .wrapper #column_list { justify-content: center;}
#conocenos .wrapper #destacado { padding: 40px 0 30px 0;}


}
	
@media only screen and (max-width:560px){ 
#header .desc { width: 45%;  font-size: 0.65em; margin-top: 20px; } 
#header .logo { width: 25%; margin-top: 10px; }  
h2.texto-slider { font-size: 1.24em;}
h2 {font-size: 1.8em !important;}
.header_newhome .wrapper-header {position: relative !important; }
.rsUni .rsBullet, .rsUni .rsBullet span {width: 7px !important; height: 7px !important; }
.interclean { margin-top: -10% !important; max-width: 220px !important; }
	
	
/*Productos */
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100% !important; float: none; margin: 0 0 1.8em !important;}
	ul.products li.item_producto .icono_aloevera, .tax-product_cat ul.products li.item_producto .icono_aloevera, .post-type-archive-product ul.products li.item_producto .icono_aloevera, .tax-product_cat ul.products li.item_producto .icono_aloevera, .icono_aloevera {top: 15% !important; right: 5% !important; width: 12.5vw !important; height: 12.5vw !important;}
	ul.products li.item_producto .icono_ecolabel, .icono_ecolabel {top: 15% !important; left: 5% !important; width: 12.5vw !important; height: 12.5vw !important;}
	.icono_new {top: 15%; left: 3.5%; height: 7vw; width: 21vw;}
	
 }
	
@media only screen and (max-width:410px){ 
h2.texto-slider { font-size: 1em;}
#header .desc { width: 47.5%; font-size: 0.65em; margin-top: 16px;}
.rsUni .rsBullet, .rsUni .rsBullet span {width: 5px !important; height: 5px !important; }
.interclean { margin-top: -7.5% !important; max-width: 150px !important; }
}

.rsContainer .interclean { display: none !important; }
.slider-home .interclean, .home .banner_footer {display: none !important;}

/* ─── CSS adicional migrado del Customizer (garbinew producción) ───────────────
   Integrado en el theme para no depender de "CSS adicional" al desplegar.
   Omitidas las reglas de product_liso, product_unidades y
   product_longitud_del_servicio_rollos, ya presentes arriba. */

.lightbox .lb-image { max-width: 760px; height: auto !important;}
.lb-outerContainer { margin-top: 5vw}
ul.products li.item_producto .icono_eco-fsc,
.icono_eco-fsc
 { position: absolute; top: 48px; left: 13px; width: 71px !important; height: 142px !important; background: url(https://www.garbiprofesional.com/new/wp-content/uploads/2024/07/logo__ecofsc.png) 50% 50% no-repeat !important; background-size: contain !important;}
@media only screen and (max-width:1366px){
ul.products li.item_producto .icono_eco-fsc, .icono_eco-fsc {top: 15% !important; left: 5% !important; width: 5vw !important; height: 10vw !important;}
}
@media only screen and (max-width:768px){
ul.products li.item_producto .icono_eco-fsc, .icono_eco-fsc {top: 15% !important; left: 5% !important; width: 9.5vw !important; height: 19vw !important;}
.icono_new, .icono_newverde  {top: 15%; left: 3.5%; height: 7vw; width: 21vw;}
}

@media only screen and (max-width:560px){
	ul.products li.item_producto .icono_eco-fsc, .icono_eco-fsc {top: 15% !important; left: 5% !important; width: 12.5vw !important; height: 25vw !important;}
}

#conocenos .wrapper #destacado .imagen #logos {
    padding: 20px 0 17px;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    align-self: end;
    width: 98%;
    align-items: flex-end;
	flex-wrap: wrap;
}

#logos a.new-ico { width: 18% !important; min-width: 18%; max-width: 18% !important; margin: auto 0 1.75em 4% }
#logos a.new-ico.ifs {
   width: 35% !important; min-width: 31% !important; margin: auto 0 1.75em 0;
}
#logos a.ico-fsc { width: 19%; margin: 0 3.5% 0 0 !important; }
#logos a.ico-eco { width: 25%; margin: 0 2.5% auto 0 !important; }
.icono_newverde {position:absolute}
.es .icono_newverde {background:url('img/nuevov.png') 50% 50% no-repeat;}
.ca .icono_newverde {background:url('img/nouv.png') 50% 50% no-repeat;}
.en .icono_newverde {background:url('img/newv.png') 50% 50% no-repeat;}
.fr .icono_newverde {background:url('img/nouveauv.png') 50% 50% no-repeat;}
.icono_newverde {top:57px; left: 10px;height:50px;width:150px;background-size:cover !important; }

#footer section#fot_contacta form>p, #footer section#fot_contacta form>div>p {
    padding-right: 0 !important;
	  text-align: justify !important;
    margin: 0!important;
}

form.wpcf7-form .texto_aviso { width: 49% !important; margin-left: 1% !important; min-height: 6em !important;  }

@media only screen and (max-width:1366px){
.icono_newverde {top: 12% !important; left: 53.5% !important; height: 4vw; width: 12vw;}
}
@media only screen and (max-width:768px){
.icono_newverde {top: 15%; left: 3.5%; height: 7vw; width: 21vw;}
}

	.icono_c img {max-width: 140px !important; width: 9vw !important; display: block; margin: 0 auto; min-width: 100px !important;   }
.wt-cli-reject-btn { margin-right: 5px !important;}

.wrap_embed {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.wrap_embed iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.post-type-archive-product ul.products li.item_producto div.product_title, ul.products li h2, .post-type-archive-product ul.products li h2, .tax-product_cat ul.products li h2, h2.woocommerce-loop-product__title {font-size: 0.8em !important; text-transform: none !important;  }

.single-product .product .images div { display: none !important; }

#banner { width: 75% !important; margin: 0 auto !important}
#banner .wrapper {width: 80% !important; margin: 2em auto !important; max-width: 960px !important;  }

#banner img { width: 100% !important; }
.container-popup_animado_left { position: absolute; z-index: 9;  max-width: 400px !important;  width: 25%;  display: block; height: 100%;top: 0; left: 0;  }
/* Deslcolgar Banner */
.container-popup_animado_leftii, #bannero { display: none; }

.container-popup_animado_left {
	width: 15%; }
.container-popup_animado_left .popup_animado {bottom: auto !important; top: 27.5% !important; }
.container-popup_animado_left .popup_animado { position: absolute; z-index: 9; height: auto !important;
animation: myAnimB 10s linear 0s infinite both;}
.popup_animado img { width: 100% !important; height: auto !important; }
@keyframes myAnimB {
  0% {
    transform: translateX(-200%);
  }
 25% {
    transform: translateX( 5%);
  }
  75% {
    transform: translateX( 5%);
  }
	100% {
    transform: translateX( -200%);
  }
}

@media screen and (min-width: 1200px) {
	.container-popup_animado_left .popup_animado {  top: 27% !important; }
}
@media screen and (min-width: 1300px) {
	.container-popup_animado_left .popup_animado { top: 25% !important;   }
}
@media screen and (min-width: 1400px) {
	.container-popup_animado_left .popup_animado { top: 24% !important;  }
}
@media screen and (min-width: 1800px) {
.container-popup_animado_left .popup_animado {
animation: myAnimLarge 5s linear 0s infinite normal both;}
}
@keyframes myAnimLarge {
  0% {
    transform: translateX(-200%);
  }
	5% {
    transform: translateX(-200%);
  }
 60% {
    transform: translateX( 10%);
  }
  100% {
    transform: translateX( 10%);
  }
}

@media screen and (max-width: 660px) {
	.container-popup_animado_left {   max-width: 400px !important;  width: 50% !important; }

	#banner { width: 100% !important; }

	.container-popup_animado_left .popup_animado {bottom: 9% !important; }

	h2.texto-slider {
		top: 30% !important; }

	#banner .wrapper {width: 100% !important; margin: 1em auto !important; }

}

ul.products li.item_producto .icono_fsc,
.icono_fsc { position: absolute; top: 70px; left: 13px; width: 68px; height: 68px; background: url('https://www.garbiprofesional.com/new/wp-content/uploads/2023/06/fsc.svg') 50% 50% no-repeat; background-size: cover;}
.icono_new, .icono_newverde {top:40px; left: 260px; }
@media only screen and (max-width:1366px){
.icono_new, .icono_newverde {top: 12% !important; left: 53.5%;}
	ul.products li.item_producto .icono_fsc, .icono_fsc {
    top: 20% !important;
    left: 3% !important;
    width: 4vw !important;
    height: 4vw !important;
}
}

@media only screen and (max-width: 560px) {
	.icono_new, .icono_newverde {top: 15% !important; left: 70% !important;}
ul.products li.item_producto .icono_fsc, .icono_fsc {
    top: 18% !important;
    left: 3% !important;
    width: 12.5vw !important;
    height: 12.5vw !important;
}
}

.legales { margin: 2em auto !important; }
.product_img img { max-width: 315px !important;}

#logos a.new-ico { max-width: 72px}
body.single-product .product h1 {
line-height: 1.15em !important;}

.page-template-page-legales .entry-header, .page-template-page-legales h2 { margin: 2em auto;}

.page-template-page-legales h3 { margin: 1.25em 0 1em !important}

table.legal_table thead td, table.legal_table th, table.legal_table td.thead {
    background: #3d6190;
    color: white;
    padding: 4px;
}
table.legal_table {
    margin-bottom: 30px;
    border: 1px solid black;
    border-collapse: collapse;
}
table.legal_table td {
    border: 1px solid black;
    font-size: 14px;
    line-height: 18px;
    padding: 4px;
}

.texto_aviso p { font-size: 14px !important; line-height: 17px !important;}
.texto_aviso p strong {  line-height: 22px !important;}
.error404 #footer { display: none;}

.boton_enviar { width: auto !important; color: #fff !important; border: 0 !important;}
.error404 #header { height: 30vh;}

.contenedor_boton {
   margin-top: 1em !important;
    padding-left: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    padding-bottom: 5px;
	list-style: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a, body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #3c6090;
}

.edit-link { display: none !important;}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    background: #9bb2d0;
    padding: 4px 0 4px 10px;
    color: white;
    text-decoration: none;
    font-size: 14px;
}

#logos a.ico-fsc {
  width: 15%;
  margin: 0 1.5%  !important;
}
#logos a.ico-eco {
  width: 17%;
  margin: 0 1% auto  !important;
}
#logos a#link_fsc { margin-left: 6% !important; }
#logos a#link_ecolabel2 { margin-right: 8% !important; }

.container-popup_animado_left {
   display: none !important;
}