/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

.cmplz-cookiebanner .cmplz-buttons {
    flex-direction: row-reverse;
}

.grecaptcha-badge {
    visibility: hidden;
}

/* GENERAL */ 
h1 span, h2 span {
	color:var(--color-header-top-text-hover);
	font-style:italic;
}

h2 span, h3 span, h4 span {
	font-style:italic;
}

.color-amarillo span {color:var(--color-alt-content-secondary);}


/* MENÚ */
li.us-btn-style_3 {
	width:fit-content;
	border:1px solid var(--color-content-primary) !important;
}

li.us-btn-style_3:hover{
	color: var(--color-content-primary) !important;
}


/* CABECERA */
.header-section .g-cols,
.header-section .l-section-h,
.header-section .wpb_wrapper {height:100%;}

body:not(.home) .l-header.bg_transparent:not(.sticky) .l-subheader.at_middle {
  background: var(--color-content-bg);
}

.w-nav-icon>div {
	background:var(--color-alt-content-link);
}

/* transición logo */
.logo-no-sticky img,
.logo-sticky img {
  transition: opacity 0.25s linear !important;
  opacity: 1;
}

.logo-sticky img {
  opacity: 0;
}

.l-header.sticky .logo-no-sticky img {
  opacity: 0;
}

.l-header.sticky .logo-sticky img {
  opacity: 1;
}

/* botón: no ocupa espacio si está oculto */
.boton-sticky {
  display: none !important;
}

.boton-no-sticky {
  display: block !important;
}

.l-header.sticky .boton-no-sticky {
  display: none !important;
}

.l-header.sticky .boton-sticky {
  display: block !important;
}

/* EN TODAS LAS PÁGINAS EXCEPTO HOME: mostrar siempre versión sticky */
body:not(.home) .logo-no-sticky img {
  opacity: 0;
}

body:not(.home) .logo-sticky img {
  opacity: 1;
}

body:not(.home) .boton-no-sticky {
  display: none !important;
}

body:not(.home) .boton-sticky {
  display: block !important;
}

body:not(.home) span.w-nav-title {
 color:var(--color-content-link);
}

body:not(.home) header {
	border-bottom:1px solid var(--color-content-link);
}


/* HOME */

/* Bloque café con caracter */

/* "origen con alma" + párrafo se desbordan a la columna derecha (solo escritorio) */
@media (min-width: 992px) {
  .seccion-caracter .origen-alma-row {
    width: calc(200% - 2rem);
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 991px) {
  .seccion-caracter .origen-alma-row {
    width: 100%;
  }
}

.alineacion-vertical-titulo-con-icono {
	align-items:start !important;
}

.bloque-cafe-con-caracter .w-iconbox.iconpos_left .w-iconbox-icon {
  margin-right: 0.75rem;
}

.bloque-cafe-con-caracter .w-iconbox.iconpos_right .w-iconbox-icon {
  margin-left:  0.75rem;
}

.bloque-cafe-con-caracter {
  transition: background-color .3s ease;
}

.bloque-cafe-con-caracter :is(.w-iconbox-title, p, span, svg *) {
  transition: color .3s ease, fill .3s ease;
}

/* Fondo del bloque a primario */
.w-hwrapper.bloque-cafe-con-caracter:hover {
  background-color: var(--color-content-primary) !important;
}

/* Textos generales a blanco */
.bloque-cafe-con-caracter:hover :is(.w-iconbox-title, p) {
  color: #fff;
}

/* "directo" y "Conoce más" al secundario */
.bloque-cafe-con-caracter:hover :is(
  .alineacion-vertical-titulo-con-icono .w-iconbox-title span,
  .icono-svg-flecha .w-iconbox-title
) {
  color: var(--color-alt-content-secondary);
}

/* Flecha también al secundario */
.bloque-cafe-con-caracter:hover .icono-svg-flecha svg path {
  fill: var(--color-alt-content-primary);
}

/* Icono redondo principal: fondo blanco */
.bloque-cafe-con-caracter:hover .icono-svg svg circle {
  fill: #fff;
}

/* Icono redondo principal: dibujo marrón */
.bloque-cafe-con-caracter:hover .icono-svg svg path {
  fill: var(--color-alt-content-primary);
}

/* Cambio de imágens según hover */
/* Todas preparadas */
.imagen-origen-directo,
.imagen-procesamiento-medida,
.imagen-calidad-supervisada {
  transition: opacity .35s ease, visibility .35s ease;
}

/* Estado inicial */
.imagen-origen-directo {
  position: relative;
  opacity: 1;
  visibility: visible;
  z-index: 3;
}

.imagen-procesamiento-medida,
.imagen-calidad-supervisada {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}

/* Hover procesamiento */
.g-cols:has(.texto-procesamiento-medida:hover) .imagen-origen-directo {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}

.g-cols:has(.texto-procesamiento-medida:hover) .imagen-procesamiento-medida {
  position: relative;
  opacity: 1;
  visibility: visible;
  z-index: 3;
}

/* Hover calidad */
.g-cols:has(.texto-calidad-supervisada:hover) .imagen-origen-directo {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}

.g-cols:has(.texto-calidad-supervisada:hover) .imagen-calidad-supervisada {
  position: relative;
  opacity: 1;
  visibility: visible;
  z-index: 3;
}

/* Carrusel Productos home */
#productos article {padding-bottom:7%;}
#productos .titulo-categoria {transform:translatex(-50%);}

article.product .imagen-principal,
article.product .imagen-hover {
	transition: opacity 0.4s ease, z-index 0s linear 0.4s;
}

article.product .imagen-principal {
	opacity: 1;
	z-index: 2;
}

article.product .imagen-hover {
	opacity: 0;
	z-index: 1;
}

article.product:hover .imagen-principal {
	opacity: 0;
	z-index: 1;
}

article.product:hover .imagen-hover {
	opacity: 1;
	z-index: 2;
	transition: opacity 0.4s ease, z-index 0s linear 0s;
}

/* Sección latifundio home */
.cobertura-imagen-latifundio {
  position: relative;
}

.cobertura-imagen-latifundio .imagen-latifundio,
.cobertura-imagen-latifundio .imagen-latifundio-hover,
.cobertura-imagen-latifundio .imagen-latifundio-municipios {
  transition:
    opacity .45s ease-in-out,
    visibility .45s ease-in-out;
}

.cobertura-imagen-latifundio .imagen-latifundio {
  position: relative;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

.cobertura-imagen-latifundio .imagen-latifundio-hover,
.cobertura-imagen-latifundio .imagen-latifundio-municipios {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  cursor: pointer;
}

/* Hover: aparece imagen 2 */
.cobertura-imagen-latifundio:hover .imagen-latifundio {
  opacity: 0;
  visibility: hidden;
}

.cobertura-imagen-latifundio:hover .imagen-latifundio-hover {
  opacity: 1;
  visibility: visible;
  z-index: 3;
}

/* Click: aparece municipios */
.cobertura-imagen-latifundio.mostrar-municipios .imagen-latifundio-hover {
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}

.cobertura-imagen-latifundio.mostrar-municipios .imagen-latifundio-municipios {
  opacity: 1;
  visibility: visible;
  z-index: 4;
}

.caracteristica .w-iconbox-icon {
  margin-right: 0.5rem !important;
}

@media (max-width: 1024px) {
	.caracteristica .w-iconbox-icon {
		width:18px !important
	}
}

/* Carrusel Guías */
#guias article {padding-bottom:7%;}

/* QUIÉNES SOMOS */
.icono-marron svg path {
  fill: #562E08 !important;
}

/* PROFESIONALES */
#iconos-hablamos-profesionales .w-iconbox-icon {
  margin-right: 0.5rem !important;
}

/* FORMULARIO DE CONTACTO */
.form-acceptance {
  display: flex;
  align-items: anchor-center;
  gap: 8px;
}

.form-acceptance .wpcf7-list-item {
  margin: 0;
}

.form-submit {
  margin-top: 16px;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: #000;
  opacity: 1;
}

/* TEXTOS POLÍTICA COOKIES */
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {max-width: none !important;}
#cmplz-document, #cmplz-document p, #cmplz-document li {font-size:1rem; font-family: var(--font-body);}
#cmplz-document h2 {font-size:var(--h2-font-size);}
#cmplz-document a {color:var(--color-content-primary);}

/* PIE DE PÁGINA */
.columna-1 .wpb_wrapper, .columna-2 .wpb_wrapper {height:100%;}

footer .l-section-h {padding-right:0px;}

/* ACCESIBILIDAD */
.sb-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}