/* ============================================================
   02 - BOTONES
   De 9 estilos distintos a 3.

   Primario   fondo verde, texto blanco  -> comprar, pagar, CTA
   Secundario borde verde, fondo vacio   -> acciones no comerciales
   Terciario  solo texto subrayado       -> enlaces de apoyo

   Cambio importante: "Anadir al carrito" era un boton de contorno,
   igual que "Empezar el aprendizaje". El boton que genera la venta
   estaba con la misma jerarquia que el resto. Ahora es el unico
   solido de la tarjeta.

   Para revertir: comentar el encolado en functions.php.
   ============================================================ */

/* --- Geometria comun ------------------------------------- */
.elementor-button,
.ast-button, .ast-custom-button,
.tutor-btn,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.wc-block-components-button,
#sbi_load .sbi_load_btn, .sbi_follow_btn a {
	font-family: var(--dali-fuente) !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	line-height: 1.25 !important;
	border-radius: var(--dali-r-btn) !important;
	border: 2px solid transparent !important;
	padding: 13px 24px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}

/* --- Primario --------------------------------------------- */
.tutor-btn.add_to_cart_button,
.tutor-btn-primary,
.single_add_to_cart_button,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt,
.checkout-button,
.wc-block-components-button,
.elementor-button,
#sbi_load .sbi_load_btn, .sbi_follow_btn a {
	background-color: var(--dali-verde) !important;
	border-color: var(--dali-verde) !important;
	color: #ffffff !important;
}

.tutor-btn.add_to_cart_button:hover,
.tutor-btn-primary:hover,
.single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.checkout-button:hover,
.wc-block-components-button:hover,
.elementor-button:hover,
#sbi_load .sbi_load_btn:hover, .sbi_follow_btn a:hover {
	background-color: var(--dali-verde-hondo) !important;
	border-color: var(--dali-verde-hondo) !important;
	color: #ffffff !important;
}

/* --- Secundario ------------------------------------------- */
.tutor-btn-outline-primary:not(.add_to_cart_button),
.tutor-btn-ghost,
.woocommerce a.button:not(.alt):not(.add_to_cart_button),
.woocommerce button.button:not(.alt),
.ast-continue-shopping,
.ast-button {
	background-color: transparent !important;
	border-color: var(--dali-verde) !important;
	color: var(--dali-verde-hondo) !important;
}

.tutor-btn-outline-primary:not(.add_to_cart_button):hover,
.tutor-btn-ghost:hover,
.woocommerce a.button:not(.alt):not(.add_to_cart_button):hover,
.woocommerce button.button:not(.alt):hover,
.ast-continue-shopping:hover,
.ast-button:hover {
	background-color: var(--dali-verde-claro) !important;
	border-color: var(--dali-verde-hondo) !important;
	color: var(--dali-verde-hondo) !important;
}

/* --- Los iconos dentro del boton siguen al texto ---------- */
.tutor-btn svg, .elementor-button svg {
	fill: currentColor;
}