/*
Theme Name: NutriHogar
Theme URI: https://nutrihogar.cr
Author: Kenneth Mata, Ian Solano, Ailyn Fuentes
Author URI: https://covao.cr
Description: Tema de bloques (FSE) para NutriHogar — plataforma de planificación nutricional. Hecho en Costa Rica por estudiantes del COVAO.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nutrihogar
Tags: full-site-editing, block-patterns, one-page, business
*/

/* Importa Nunito desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap');

/* Scroll suave para los enlaces ancla del menú */
html { scroll-behavior: smooth; }

/* Asegura que el body herede Nunito incluso si theme.json
   no se aplica en algún contexto */
body {
	font-family: 'Nunito', sans-serif;
	overflow-x: hidden;
}

/* Animación fade-in al hacer scroll
   Aplicable a cualquier bloque añadiendo la clase .fade-in
   desde el editor (Ajustes avanzados → Clases CSS) */
.fade-in {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.55s ease, transform 0.55s ease;
}
.fade-in.visible {
	opacity: 1;
	transform: none;
}

/* Hover de tarjetas — busca el grupo dentro de columnas */
.wp-block-column > .wp-block-group {
	transition: transform 0.2s, box-shadow 0.2s;
}
.wp-block-column > .wp-block-group:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(45, 106, 79, 0.09);
}

/* Header sticky con sombra al hacer scroll */
.site-header {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

/* Botones con efecto de elevación */
.wp-block-button__link {
	transition: transform 0.2s, opacity 0.2s, background 0.2s !important;
}
.wp-block-button__link:hover {
	transform: translateY(-2px);
}

/* Responsive: las columnas se apilan en móvil
   (WordPress ya lo hace, esto refuerza espaciado) */
@media (max-width: 781px) {
	.wp-block-columns {
		gap: 16px !important;
	}
}