/* ===== IMPORTS BASE ===== */
@import 'base/reset.css';
@import 'base/variables.css';

/* ===== IMPORTS COMPONENTES ===== */
@import 'componentes/menu.css';
@import 'componentes/tarjetas.css';
@import 'componentes/botones.css';
@import 'componentes/footer.css';

/* ===== IMPORTS PÁGINAS ===== */
@import 'paginas/inicio.css';
@import 'paginas/plantas.css';
@import 'paginas/cuidados.css';
@import 'paginas/nosotros.css';
@import 'paginas/blog.css';
@import 'paginas/contacto.css';

/* ===== IMPORTS ANIMACIONES ===== */
@import 'animaciones.css';

/* ===== PÁGINAS ADICIONALES ===== */
@import 'paginas/calculadora.css';

/* ===== ESTILOS GLOBALES ===== */
body {
  font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
  background-color: var(--blanco);
  color: var(--negro-suave);
  line-height: 1.5;
}

section {
  padding: 4rem 2rem;
}

.contenedor {
  max-width: 1200px;
  margin: 0 auto;
}

h2 {
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 2rem;
  text-align: center;
  color: var(--negro-suave);
}

.seccion-clara {
  background-color: var(--blanco);
}

.seccion-gris {
  background-color: var(--blanco-grisaceo);
}

/* Indicador de sección (top‑right) */
.indicador-seccion {
  position: fixed;
  top: 80px;
  /* justo debajo del menú */
  right: 16px;
  /* un poco más separado del borde */
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--verde-oscuro);
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  padding: 6px 14px;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  z-index: 999;
  /* menor que el menú (1000) */
  pointer-events: none;
  /* evita que bloquee clics en contenido cercano */
}

/* Utilidad para contenedores de impresión */
.oculto-pantalla {
  display: none;
}

@media print {
  .oculto-pantalla {
    display: block;
  }
}

@import 'componentes/carrito.css';
@import 'paginas/carrito.css';
@import 'componentes/login.css';