/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/* ===========================
   Separación vertical entre bloques temáticos
   Base: máx ~70px, solo arriba/abajo (Blocksy maneja laterales)
   =========================== */

/* Separación vertical entre bloques temáticos */
:root{
  --grupo-pad-min: 32px;  /* móvil */
  --grupo-pad-max: 96px;  /* desktop */
}

.grupo{
  /* solo arriba/abajo, lateral lo maneja Blocksy */
  padding-block: clamp(var(--grupo-pad-min), 6vw, var(--grupo-pad-max));
  padding-inline: 0;
}

/* Opcionales por si necesitas variaciones */
.grupo--compacto{ padding-block: clamp(24px, 4.5vw, 56px); }
.grupo--amplio{   padding-block: clamp(48px, 8vw, 128px); }



/* Efecto float global para TODOS los botones de Elementor */
.elementor-button{
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}
.elementor-button:hover{
  transform: translateY(-2px);
}

/* Variante 1 (clase en el contenedor): fondo #F85D25 → #F2F2F2 */
.btn--v1 .elementor-button{
  background-color:#F85D25;
  border-color:#F85D25;
}
.btn--v1 .elementor-button:hover{
  background-color:#F2F2F2;
  color:#023E5C;
  border-color:#F2F2F2;
}
/* Icono en hover (v1) */
.btn--v1 .elementor-button:hover .elementor-button-icon,
.btn--v1 .elementor-button:hover .elementor-button-icon i,
.btn--v1 .elementor-button:hover .elementor-button-icon svg,
.btn--v1 .elementor-button:hover .elementor-button-icon .e-font-icon-svg,
.btn--v1 .elementor-button:hover .elementor-button-icon svg path{
  color:#023E5C;
  fill:#023E5C;
  stroke:#023E5C;
}

/* Variante 2 (clase en el contenedor): borde #008235 → #F85D25, fondo transparente */
.btn--v2 .elementor-button{
  border-color:#fff;
  background-color:transparent;
}
.btn--v2 .elementor-button:hover{
  border-color:#008235;
  background-color:transparent;
}


/* Headings: colorea solo lo envuelto en <span> */
h1 span,
h2 span,
h3 span,
h1 span a,
h2 span a,
h3 span a,
.elementor .elementor-widget-heading .elementor-heading-title span,
.elementor .elementor-widget-heading .elementor-heading-title span a{
  color:#008235;
}

.categoria .elementor-widget-image-box .elementor-image-box-content{
    padding: 18px;
}


.categoria .elementor-widget-image-box .elementor-image-box-img img{
	border-radius: 7px 7px 0;
}


/* Estilos botón whatsapp */

.wa__btn_popup{
	bottom: 100px;
	right: 20px
}

.wa__btn_popup .wa__btn_popup_txt{
	width: 185px;
	border-radius: 25px;
}

@media (max-width: 768px){
	.wa__btn_popup{
		bottom: 120px;
		right: 15px;
}
	.wa__btn_popup .wa__btn_popup_txt{
		display: none;
	}	
		}