/* ==========================================================================
   TDM Theme — Bloques Nativos Gutenberg (Manifest / Orquestador Modular)
   NOTA: @import DEBE ir estrictamente al inicio del archivo según la especificación CSS.
   ========================================================================== */

/* 1. Módulos CSS (@import en primer lugar) */
@import url('./cycle-cards.css');
@import url('./blocks/swiper-base.css');
@import url('./blocks/hero-banner.css');
@import url('./blocks/category-grid.css');
@import url('./blocks/catalog-grid.css');
@import url('./blocks/promo-banner.css');
@import url('./blocks/value-props.css');
@import url('./blocks/interactive-slider.css');
@import url('./blocks/catalog-view.css');
@import url('./blocks/product-detail.css');
@import url('./blocks/spotlight-product.css');

/* 2. Tokens y Variables Base para Bloques */
:root {
  --tdm-block-radius: 4px;
  --tdm-touch-target: 48px;
  --tdm-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}