/*
Theme Name: AristuFlex
Theme URI: https://example.com/aristuflex
Author: Leire + ChatGPT
Author URI: https://example.com
Description: Tema de bloques super configurable con opciones de color, tipografías, layouts y patrones. Incluye shortcode [year].
Version: 1.0.5
Requires at least: 6.3
Tested up to: 6.8.3
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aristuflex
Tags: block-patterns, block-styles, one-column, custom-colors, custom-logo
*/
:root{
  --af-primary:#ac975e;
  --af-secondary:#10B981;
  --af-accent:#F59E0B;
  --af-radius:16px;
  --af-container:1200px;
  --af-bar-h:72px;
}

.container{max-width:var(--af-container);margin-inline:auto;padding-inline:clamp(16px,3vw,32px);}
.af-card{border-radius:var(--af-radius);box-shadow:0 8px 24px rgba(0,0,0,.06);padding:clamp(16px,2vw,24px);}
.af-btn{display:inline-block;padding:.75rem 1rem;border-radius:999px;text-decoration:none}
.af-btn--primary{background:var(--af-primary);color:#fff}
.af-btn--secondary{background:var(--af-secondary);color:#fff}
.af-badge{display:inline-block;border-radius:999px;padding:.25rem .6rem;background:rgba(0,0,0,.06)}
.af-sticky{position:sticky;top:0;z-index:10;background:var(--wp--preset--color--base,#fff)}

/* Header layout strong overrides */
.site-header.af-header--center{display:flex!important;justify-content:center!important;gap:1rem}
.site-header.af-header--left{display:flex!important;justify-content:flex-start!important;gap:1rem}
.site-header.af-header--split{display:flex!important;justify-content:space-between!important;gap:1rem}
.site-header.af-header--stacked{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.5rem}

/* Buttons use theme vars */
.wp-block-button .wp-block-button__link{background:var(--af-primary);border-radius:var(--af-radius)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:2px solid var(--af-primary);color:var(--af-primary)}

.site-footer{padding:24px clamp(16px,3vw,32px)}