/*
Theme Name: Almapu
Template: blocksy
Version: 1.0.0
Text Domain: almapu
*/

/* Fuente decorativa sin caracteres acentuados: el respaldo cubre la letra si falta el glifo */
@font-face {
  font-family: 'Yamet Kudasi';
  src: url('fonts/yamet-kudasi-retro.woff') format('woff'),
       url('fonts/yamet-kudasi-retro.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

:root {
  --almapu-forest: #264d3c;
  --almapu-ink: #202b25;
  --almapu-paper: #f6f7f4;
  --almapu-accent: #b54435;
  --theme-palette-color-1: #264d3c;
  --theme-palette-color-2: #183d2c;
  --theme-palette-color-3: #46534b;
  --theme-palette-color-4: #202b25;
  --theme-palette-color-5: #dde3dd;
  --theme-palette-color-6: #f6f7f4;
  --theme-palette-color-7: #ffffff;
  --theme-palette-color-8: #ffffff;
  --theme-font-family: 'DM Sans', sans-serif;
  --theme-button-border-radius: 4px;
}

body { color: var(--almapu-ink); letter-spacing: 0; }
h1, h2, h3, .site-title { font-family: 'Yamet Kudasi', 'DM Serif Display', Georgia, serif; font-weight: 400; letter-spacing: 0; }
.site-title { font-size: 34px; }
.almapu-preview { padding: 9px 20px; background: #f3dc9b; color: #423514; text-align: center; font-size: 12px; line-height: 1.5; }
.almapu-home { overflow: clip; }
.almapu-hero { min-height: 420px; margin: 0; padding: 48px max(24px, calc((100% - 1200px) / 2)); }
.almapu-hero .wp-block-cover__inner-container { width: 100%; }
.almapu-hero h1 { color: #fff; font-size: 80px; line-height: 1.1; margin: 8px 0 12px; }
.almapu-hero p { color: #fff; max-width: 370px; font-size: 18px; }
.almapu-hero .almapu-eyebrow { font-size: 12px; text-transform: uppercase; letter-spacing: 0; }
.almapu-hero .wp-block-button__link { background: #fff; color: var(--almapu-forest); border-radius: 4px; padding: 14px 24px; font-size: 14px; font-weight: 600; }
.almapu-section { padding: 48px max(24px, calc((100% - 1200px) / 2)); margin: 0; }
.almapu-section h2 { font-size: 36px; line-height: 1.2; margin: 0 0 12px; }
.almapu-section > p { color: #58645b; margin-bottom: 28px; }
.almapu-section .woocommerce { margin-top: 28px; }
.almapu-section .products { margin-bottom: 0; }
.almapu-categories { background: #fff; }
.almapu-categories ul.products li.product-category img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; }
.almapu-categories .woocommerce-loop-category__title { font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 600; margin-top: 14px; }
.almapu-categories .count { display: none; }
.almapu-products { background: var(--almapu-paper); }
.almapu-products .woocommerce-loop-product__title { font-family: 'DM Sans', sans-serif; font-size: 16px; line-height: 1.4; }
.almapu-products ul.products li.product img { aspect-ratio: 4 / 5; object-fit: cover; border-radius: 4px; }
.almapu-products .price { font-weight: 600; color: var(--almapu-forest); }
.almapu-products .button { border-radius: 4px; }
.almapu-care { background: #f4e6df; }
.almapu-care .wp-block-columns { gap: 48px; margin: 0; align-items: center; }
.almapu-care img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 4px; }
.almapu-care p { max-width: 440px; }
.almapu-care a { color: var(--almapu-accent); text-underline-offset: 5px; }
.almapu-bottom { border-top: 1px solid #dde3dd; padding: 24px; text-align: center; background: #fff; }
.almapu-bottom p { margin: 0; color: #58645b; font-size: 14px; }
.almapu-section a:focus-visible, .almapu-hero a:focus-visible { outline: 3px solid #b54435; outline-offset: 4px; }
@media (prefers-reduced-motion: no-preference) {
  .almapu-hero .wp-block-cover__inner-container { animation: almapu-reveal 600ms ease-out both; }
  @keyframes almapu-reveal { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
}
@media (max-width: 767px) {
  .almapu-hero { min-height: 365px; padding: 32px 24px; }
  .almapu-hero h1 { font-size: 58px; }
  .almapu-hero p { font-size: 16px; max-width: 280px; }
  .almapu-section { padding: 32px 20px; }
  .almapu-section h2 { font-size: 28px; }
  .almapu-care .wp-block-columns { gap: 24px; }
  .almapu-section ul.products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  .almapu-section ul.products::before, .almapu-section ul.products::after { display: none; }
  .almapu-section ul.products li.product { width: 100%; margin: 0; min-width: 0; }
  .almapu-section .woocommerce-loop-product__title, .almapu-section .woocommerce-loop-category__title { overflow-wrap: anywhere; font-size: 15px; }
  .almapu-section .button { white-space: normal; text-align: center; }
}