/*
Theme Name: Bodegas Económicas
Theme URI: https://bodegaseconomicas.com/
Description: Child theme de Twenty Twenty-Five con el design system de Bodegas Económicas. Marfil, noche industrial y naranja de obra. Tipografía Archivo + IBM Plex Mono.
Author: Bodegas Económicas
Template: twentytwentyfive
Version: 1.0.0
Text Domain: bodegas-economicas
*/

/* ==========================================================================
   TOKENS — copiados literalmente del design system. No editar a mano.
   ========================================================================== */

/* --- colors --- */
:root{
  --be-blanco:#FFFFFF;
  --be-marfil:#F7F5F1;
  --be-marfil-2:#EFEBE4;
  --be-concreto:#E2DDD4;
  --be-concreto-2:#CFC8BC;

  --be-gris-300:#B3AEA5;
  --be-gris-500:#8A867E;
  --be-gris-700:#5C5B57;
  --be-acero:#3D444C;

  --be-noche-900:#0B111A;
  --be-noche-800:#111A26;
  --be-noche-700:#1A2634;
  --be-noche-600:#26364A;

  --be-naranja-600:#C0450F;
  --be-naranja-500:#D9541A;
  --be-naranja-400:#E86A2E;
  --be-naranja-100:#FBE7DC;
  --be-ambar-500:#E8A02C;
  --be-ambar-100:#FBEFD8;

  --text-strong:var(--be-noche-900);
  --text-body:#2A3340;
  --text-muted:var(--be-gris-700);
  --text-faint:var(--be-gris-500);
  --text-accent:var(--be-naranja-600);
  --text-on-dark:#F2F1EE;
  --text-on-dark-muted:#9FAAB8;
  --text-on-accent:#FFFFFF;

  --surface-page:var(--be-marfil);
  --surface-card:var(--be-blanco);
  --surface-raised:var(--be-blanco);
  --surface-sunken:var(--be-marfil-2);
  --surface-sand:var(--be-concreto);
  --surface-dark:var(--be-noche-900);
  --surface-dark-card:var(--be-noche-700);
  --surface-accent:var(--be-naranja-500);
  --surface-accent-soft:var(--be-naranja-100);

  --border-hairline:rgba(11,17,26,.10);
  --border-soft:rgba(11,17,26,.16);
  --border-strong:rgba(11,17,26,.34);
  --border-on-dark:rgba(255,255,255,.14);
  --border-on-dark-strong:rgba(255,255,255,.28);

  --focus-ring:var(--be-naranja-500);
  --danger-500:#B3261E;
  --success-500:#2F6B4F;

  --grad-marfil:linear-gradient(180deg,#FFFFFF 0%,var(--be-marfil) 100%);
  --grad-noche:linear-gradient(180deg,var(--be-noche-800) 0%,var(--be-noche-900) 100%);
  --grad-obra:linear-gradient(120deg,var(--be-naranja-500) 0%,var(--be-ambar-500) 100%);
  --grad-veil-dark:linear-gradient(180deg,rgba(11,17,26,0) 0%,rgba(11,17,26,.78) 100%);
}

/* --- typography --- */
:root{
  --font-display:"Archivo","Helvetica Neue",Helvetica,sans-serif;
  --font-body:"Archivo","Helvetica Neue",Helvetica,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --fs-hero:clamp(2.75rem,6.2vw,5.25rem);
  --fs-d1:clamp(2.25rem,4.4vw,3.75rem);
  --fs-d2:clamp(1.875rem,3.2vw,2.75rem);
  --fs-d3:clamp(1.5rem,2.2vw,2rem);
  --fs-cifra:clamp(3.5rem,8vw,7.5rem);

  --fs-lead:clamp(1.0625rem,1.35vw,1.375rem);
  --fs-body:1rem;
  --fs-sm:.9375rem;
  --fs-xs:.8125rem;
  --fs-eyebrow:.75rem;

  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;
  --fw-black:800;

  --lh-tight:0.98;
  --lh-display:1.06;
  --lh-heading:1.16;
  --lh-body:1.6;
  --lh-lead:1.5;

  --ls-cifra:-0.04em;
  --ls-display:-0.028em;
  --ls-heading:-0.02em;
  --ls-body:0;
  --ls-eyebrow:0.16em;
}

/* --- spacing --- */
:root{
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;
  --sp-20:80px; --sp-24:96px; --sp-32:128px; --sp-40:160px;

  --section-y:clamp(72px,9vw,152px);
  --section-y-tight:clamp(48px,5vw,88px);

  --container:1240px;
  --container-narrow:820px;
  --gutter:clamp(20px,4vw,56px);

  --grid-gap:clamp(16px,2vw,32px);
  --grid-cols:12;
}

/* --- surfaces --- */
:root{
  --r-xs:2px;
  --r-sm:4px;
  --r-md:8px;
  --r-lg:14px;
  --r-xl:22px;
  --r-pill:999px;

  --shadow-hairline:0 0 0 1px var(--border-hairline);
  --shadow-1:0 1px 2px rgba(11,17,26,.05),0 1px 1px rgba(11,17,26,.04);
  --shadow-2:0 4px 16px rgba(11,17,26,.06),0 1px 2px rgba(11,17,26,.05);
  --shadow-3:0 18px 48px -12px rgba(11,17,26,.18),0 2px 6px rgba(11,17,26,.05);
  --shadow-accent:0 14px 30px -12px rgba(217,84,26,.55);
  --shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.6);

  --blur-header:saturate(180%) blur(14px);
  --glass-light:rgba(247,245,241,.82);
  --glass-dark:rgba(11,17,26,.62);

  --plan-grid:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  --plan-grid-size:56px 56px;
  --plan-grid-light:linear-gradient(rgba(11,17,26,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,17,26,.05) 1px,transparent 1px);
}

/* --- motion --- */
:root{
  --dur-fast:140ms;
  --dur-base:240ms;
  --dur-slow:520ms;
  --dur-reveal:760ms;
  --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-in-out:cubic-bezier(.4,0,.2,1);
  --ease-editorial:cubic-bezier(.16,.84,.44,1);
  --reveal-y:18px;
}
@media (prefers-reduced-motion:reduce){
  :root{--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms;--dur-reveal:0ms;--reveal-y:0px}
}

/* ==========================================================================
   BASE
   ========================================================================== */
.be-page *,.be-page *::before,.be-page *::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.be-body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-wrap:pretty}
.be-page h1,.be-page h2,.be-page h3,.be-page h4{margin:0;color:var(--text-strong);font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);text-wrap:balance}
.be-page h1{font-size:var(--fs-d1);letter-spacing:var(--ls-display);line-height:var(--lh-display)}
.be-page h2{font-size:var(--fs-d2);letter-spacing:var(--ls-display)}
.be-page h3{font-size:var(--fs-d3)}
.be-page p{margin:0}
.be-page a{color:var(--text-strong);text-decoration:none;text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out)}
.be-page a:hover{color:var(--text-accent)}
.be-page img{max-width:100%;display:block}
.be-page button,.be-page input,.be-page select,.be-page textarea{font:inherit;color:inherit}
.be-page :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.be-page ::selection{background:var(--be-naranja-100);color:var(--be-noche-900)}

.be-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.be-container-narrow{width:100%;max-width:var(--container-narrow);margin-inline:auto;padding-inline:var(--gutter)}
.be-section{padding-block:var(--section-y)}
.be-section--tight{padding-block:var(--section-y-tight)}
.be-section--page{background:var(--surface-page)}
.be-section--card{background:var(--surface-card)}
.be-section--sand{background:var(--surface-sunken)}
.be-section--dark{background:var(--surface-dark);color:var(--text-on-dark)}
.be-eyebrow{font-family:var(--font-mono);font-size:var(--fs-eyebrow);font-weight:var(--fw-medium);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted)}
.be-eyebrow--accent{color:var(--text-accent)}
.be-lead{font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--text-muted)}
.be-rule{height:1px;background:var(--border-hairline);border:0;margin:0}
.be-plan-grid{background-image:var(--plan-grid);background-size:var(--plan-grid-size)}

.be-reveal{opacity:0;transform:translateY(var(--reveal-y));transition:opacity var(--dur-reveal) var(--ease-editorial),transform var(--dur-reveal) var(--ease-editorial)}
.be-reveal.is-in{opacity:1;transform:none}

/* ==========================================================================
   ICON — Lucide por máscara CSS, hereda currentColor
   ========================================================================== */
.be-icon{display:inline-block;flex:0 0 auto;background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}

/* ==========================================================================
   BUTTON
   ========================================================================== */
.be-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:var(--fw-semibold);letter-spacing:.09em;text-transform:uppercase;line-height:1;border-radius:var(--r-sm);cursor:pointer;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.be-btn:active{transform:translateY(1px)}
.be-btn__ico{display:inline-flex;opacity:.9}
.be-btn--full{display:flex;width:100%}

.be-btn--sm{padding:10px 16px;font-size:var(--fs-xs);gap:8px;min-height:38px}
.be-btn--md{padding:13px 22px;font-size:var(--fs-xs);gap:10px;min-height:46px}
.be-btn--lg{padding:17px 30px;font-size:var(--fs-sm);gap:12px;min-height:56px}

.be-btn--primary{background:var(--surface-accent);color:var(--text-on-accent);border:1px solid transparent}
.be-btn--primary:hover{background:var(--be-naranja-600);color:var(--text-on-accent)}
.be-btn--dark{background:var(--be-noche-900);color:var(--text-on-dark);border:1px solid transparent}
.be-btn--dark:hover{background:var(--be-noche-700);color:var(--text-on-dark)}
.be-btn--outline{background:transparent;color:var(--text-strong);border:1px solid var(--border-strong)}
.be-btn--outline:hover{background:rgba(11,17,26,.045);border-color:var(--be-noche-900);color:var(--text-strong)}
.be-btn--outline-dark{background:transparent;color:var(--text-on-dark);border:1px solid var(--border-on-dark-strong)}
.be-btn--outline-dark:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);color:var(--text-on-dark)}
.be-btn--ghost{background:transparent;color:var(--text-strong);border:1px solid transparent}
.be-btn--ghost:hover{color:var(--text-accent)}
.be-btn--light{background:var(--be-marfil);color:var(--be-noche-900);border:1px solid transparent}
.be-btn--light:hover{background:#FFFFFF;color:var(--be-noche-900)}

/* ==========================================================================
   TAG
   ========================================================================== */
.be-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:var(--fs-eyebrow);font-weight:var(--fw-medium);letter-spacing:.1em;text-transform:uppercase;line-height:1;white-space:nowrap;border:1px solid transparent}
.be-tag--neutral{background:rgba(11,17,26,.055);color:var(--text-muted)}
.be-tag--accent{background:var(--surface-accent-soft);color:var(--be-naranja-600)}
.be-tag--outline{background:transparent;color:var(--text-muted);border-color:var(--border-soft)}
.be-tag--dark{background:rgba(255,255,255,.09);color:var(--text-on-dark);border-color:var(--border-on-dark)}

/* ==========================================================================
   SECTION LABEL
   ========================================================================== */
.be-slabel{display:flex;align-items:center;gap:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-eyebrow);font-weight:var(--fw-medium);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted)}
.be-slabel--on-dark{color:var(--text-on-dark-muted)}
.be-slabel__idx{color:var(--text-accent);font-weight:var(--fw-semibold)}
.be-slabel__rule{flex:1;height:1px;min-width:24px;background:var(--border-hairline)}
.be-slabel--on-dark .be-slabel__rule{background:var(--border-on-dark)}

/* ==========================================================================
   IMAGE PLACEHOLDER
   ========================================================================== */
.be-ph{position:relative;margin:0;overflow:hidden;border-radius:var(--r-md);background:linear-gradient(140deg,var(--be-concreto) 0%,var(--be-marfil-2) 100%);box-shadow:inset 0 0 0 1px var(--border-hairline)}
.be-ph--dark{background:linear-gradient(140deg,var(--be-noche-700) 0%,var(--be-noche-900) 100%);box-shadow:inset 0 0 0 1px var(--border-on-dark)}
.be-ph img{width:100%;height:100%;object-fit:cover;display:block}
.be-ph__body{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:var(--sp-5);background-image:var(--plan-grid-light);background-size:28px 28px}
.be-ph--dark .be-ph__body{background-image:var(--plan-grid)}
.be-ph__label{font-family:var(--font-mono);font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-faint)}
.be-ph--dark .be-ph__label{color:var(--text-on-dark-muted)}
.be-ph__note{font-size:var(--fs-xs);color:var(--text-muted);max-width:34ch}
.be-ph--dark .be-ph__note{color:var(--text-on-dark-muted)}

/* ==========================================================================
   HEADER
   ========================================================================== */
.be-header{position:sticky;top:0;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.be-header.is-scrolled,.be-header.is-open{background:var(--glass-light);backdrop-filter:var(--blur-header);-webkit-backdrop-filter:var(--blur-header);border-bottom-color:var(--border-hairline)}
.be-header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);min-height:74px}
.be-header__nav{display:flex;align-items:center;gap:clamp(14px,1.6vw,26px);flex-wrap:wrap;justify-content:flex-end}
.be-nav-links{display:flex;align-items:center;gap:clamp(14px,1.6vw,26px)}
.be-nav-links a{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);padding-bottom:2px;border-bottom:1px solid transparent;white-space:nowrap}
.be-nav-links a.is-current{color:var(--text-strong);border-bottom-color:var(--surface-accent)}
.be-burger{display:none;appearance:none;background:transparent;border:1px solid var(--border-soft);border-radius:var(--r-sm);width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;color:var(--text-strong)}
.be-mobile-nav{padding-bottom:var(--sp-6);display:none;gap:var(--sp-1)}
.be-header.is-open .be-mobile-nav{display:grid}
.be-mobile-nav a{padding:14px 0;border-top:1px solid var(--border-hairline);font-size:1.0625rem;font-weight:var(--fw-medium)}
@media (max-width:960px){.be-nav-links{display:none!important}.be-burger{display:inline-flex!important}}

.be-wordmark{display:inline-flex;flex-direction:column;line-height:.94;text-decoration:none;font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:-.02em;font-size:1.0625rem;text-transform:uppercase;color:var(--text-strong)}
.be-wordmark--dark{color:var(--text-on-dark)}
.be-wordmark__row{display:inline-flex;align-items:center;gap:6px}
.be-wordmark__dot{width:5px;height:5px;background:var(--surface-accent);border-radius:1px}
.be-wordmark--lg{font-size:1.4344rem}
.be-wordmark--lg .be-wordmark__dot{width:6.75px;height:6.75px}

/* ==========================================================================
   HERO
   ========================================================================== */
.be-hero{position:relative;overflow:hidden;background:var(--grad-marfil);border-bottom:1px solid var(--border-hairline)}
.be-hero__glow{position:absolute;top:-160px;right:-8%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(232,160,44,.20),rgba(217,84,26,.10) 45%,transparent 70%);filter:blur(8px);pointer-events:none}
.be-hero__grid{position:relative;display:grid;grid-template-columns:minmax(320px,1.02fr) minmax(300px,.98fr);gap:clamp(32px,4vw,72px);align-items:center;padding-top:clamp(104px,11vw,168px);padding-bottom:clamp(72px,8vw,128px)}
.be-hero__copy{max-width:660px}
.be-hero__title{font-size:var(--fs-hero)!important;line-height:var(--lh-tight)!important;letter-spacing:var(--ls-display);font-weight:var(--fw-bold);margin-bottom:var(--sp-6)}
.be-hero__lead{max-width:56ch;margin-bottom:var(--sp-8)}
.be-hero__ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.be-hero__media{position:relative}
.be-hero__facts{position:absolute;left:clamp(-28px,-2vw,0px);bottom:clamp(-24px,-2vw,0px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--r-md);box-shadow:var(--shadow-2);overflow:hidden}
.be-hero__fact{padding:var(--sp-4) var(--sp-5);border-left:1px solid var(--border-hairline)}
.be-hero__fact:first-child{border-left:none}
.be-hero__fact-k{margin-bottom:6px}
.be-hero__fact-v{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:1.05rem;color:var(--text-strong);letter-spacing:var(--ls-heading);white-space:nowrap}
@media (max-width:900px){.be-hero__grid{grid-template-columns:1fr}}

/* ==========================================================================
   SECTION HEAD
   ========================================================================== */
.be-shead{margin-bottom:clamp(36px,4.5vw,72px)}
.be-shead__label{margin-bottom:var(--sp-5)}
.be-shead__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(16px,2.5vw,56px);align-items:end}
.be-shead__row--stack{grid-template-columns:1fr}
.be-shead h2{max-width:18ch}
.be-shead__text{max-width:44ch}
.be-section--dark .be-shead h2{color:var(--text-on-dark)}
.be-section--dark .be-shead__text{color:var(--text-on-dark-muted)}

/* ==========================================================================
   IMAGE + TEXT SECTION
   ========================================================================== */
.be-its__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(32px,4vw,80px);align-items:center}
.be-its__copy{order:1}
.be-its__media{order:2}
.be-its--reverse .be-its__copy{order:2}
.be-its--reverse .be-its__media{order:1}
.be-its h2{max-width:20ch;margin-bottom:var(--sp-5)}
.be-its__text{max-width:52ch}
.be-its__points{margin-top:clamp(28px,3vw,44px);display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--sp-6) var(--sp-5)}
.be-point{padding-top:var(--sp-4);border-top:1px solid var(--border-soft)}
.be-point__n{margin-bottom:8px}
.be-point__label{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-body);letter-spacing:var(--ls-heading);color:var(--text-strong)}
.be-point__desc{font-size:var(--fs-xs);color:var(--text-muted);margin-top:6px}
@media (max-width:900px){.be-its__copy,.be-its__media,.be-its--reverse .be-its__copy,.be-its--reverse .be-its__media{order:unset}.be-its--reverse .be-its__copy{order:1}.be-its--reverse .be-its__media{order:2}}

/* ==========================================================================
   SERVICE CARD
   ========================================================================== */
.be-grid-auto260{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--grid-gap)}
.be-grid-auto300{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--grid-gap)}
.be-scard{display:flex;flex-direction:column;height:100%;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--r-lg);overflow:hidden;color:inherit;box-shadow:var(--shadow-1);transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.be-scard:hover{border-color:var(--border-soft);box-shadow:var(--shadow-3);transform:translateY(-3px)}
.be-scard .be-ph{border-radius:0}
.be-scard__body{padding:clamp(20px,2.2vw,30px);display:flex;flex-direction:column;gap:var(--sp-3);flex:1}
.be-scard__meta{display:flex;align-items:center;gap:var(--sp-3)}
.be-scard__meta .be-icon{color:var(--text-faint)}
.be-scard h3{font-size:1.25rem}
.be-scard__desc{font-size:var(--fs-sm);color:var(--text-muted)}
.be-scard__cta{margin-top:auto;padding-top:var(--sp-4);display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-strong)}
.be-scard:hover .be-scard__cta{color:var(--text-accent)}
.be-scard__cta .be-icon{transition:transform var(--dur-fast) var(--ease-out)}
.be-scard:hover .be-scard__cta .be-icon{transform:translateX(3px)}

/* ==========================================================================
   STATS
   ========================================================================== */
.be-stats{background:var(--surface-sunken);padding-block:var(--section-y)}
.be-stats h2{max-width:18ch;margin-bottom:clamp(32px,4vw,64px)}
.be-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));column-gap:clamp(24px,3vw,56px)}
.be-stat{padding:var(--sp-8) 0;border-top:1px solid var(--border-soft)}
.be-stat__fig{display:flex;align-items:baseline;gap:2px;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-cifra);line-height:.88;letter-spacing:var(--ls-cifra);color:var(--text-strong);font-variant-numeric:tabular-nums}
.be-stat__prefix{font-size:.5em;font-weight:var(--fw-medium);color:var(--text-accent);letter-spacing:0}
.be-stat__suffix{font-size:.34em;font-weight:var(--fw-semibold);letter-spacing:-.01em;margin-left:.18em;color:var(--text-strong)}
.be-stat__label{margin-top:var(--sp-4);font-size:var(--fs-sm);max-width:22ch;color:var(--text-muted)}
.be-stat__n{margin-top:var(--sp-3);color:var(--text-faint)}

/* ==========================================================================
   PROCESS TIMELINE
   ========================================================================== */
.be-proc{background:var(--surface-page);padding-block:var(--section-y)}
.be-proc__label{margin-bottom:var(--sp-6)}
.be-proc__head{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-8);align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.be-proc__head h2{max-width:16ch}
.be-proc__head p{max-width:34ch}
.be-proc__tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0}
.be-proc__tab{appearance:none;background:transparent;border:none;text-align:left;padding:var(--sp-5) var(--sp-4) var(--sp-6) 0;cursor:pointer;position:relative;border-top:2px solid var(--border-soft);transition:border-color var(--dur-base) var(--ease-out)}
.be-proc__tab.is-done{border-top-color:var(--surface-accent)}
.be-proc__dot{position:absolute;top:-6px;left:0;width:10px;height:10px;border-radius:50%;background:var(--be-concreto-2);transition:transform var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}
.be-proc__tab.is-done .be-proc__dot{background:var(--surface-accent)}
.be-proc__tab.is-active .be-proc__dot{transform:scale(1.5)}
.be-proc__n{display:block;font-family:var(--font-mono);font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);color:var(--text-faint);margin-bottom:var(--sp-3)}
.be-proc__tab.is-active .be-proc__n{color:var(--text-accent)}
.be-proc__t{display:block;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-sm);letter-spacing:var(--ls-heading);line-height:1.25;color:var(--text-muted);transition:color var(--dur-base) var(--ease-out);padding-right:var(--sp-4)}
.be-proc__tab.is-active .be-proc__t{color:var(--text-strong)}
.be-proc__panel{margin-top:var(--sp-6);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,3vw,56px);align-items:center;padding:clamp(28px,3.5vw,52px);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}
.be-proc__detail{display:flex;gap:var(--sp-5);align-items:flex-start}
.be-proc__ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 auto;border-radius:var(--r-sm);background:var(--surface-accent-soft);color:var(--be-naranja-600)}
.be-proc__detail h3{margin-bottom:var(--sp-3)}
.be-proc__detail p{color:var(--text-muted);max-width:46ch}
.be-proc__list{display:grid;gap:var(--sp-3);justify-items:start;align-content:center;padding-left:clamp(0px,2vw,32px);border-left:1px solid var(--border-hairline)}
.be-proc__li{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint)}
.be-proc__li.is-active{color:var(--text-strong)}
.be-proc__li-bar{width:22px;height:2px;background:var(--border-soft)}
.be-proc__li.is-done .be-proc__li-bar{background:var(--surface-accent)}

/* ==========================================================================
   SISTEMAS CONSTRUCTIVOS
   ========================================================================== */
.be-sys__art{display:grid;gap:var(--sp-5)}
.be-sys__art h3{font-size:var(--fs-d3);margin-bottom:var(--sp-3)}
.be-sys__art p{color:var(--text-muted);max-width:46ch}
.be-sys__n{margin-bottom:var(--sp-3)}
.be-sys__box{margin-top:var(--grid-gap);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(20px,3vw,48px);align-items:center;padding:clamp(24px,3vw,44px);background:var(--surface-sunken);border:1px solid var(--border-hairline);border-radius:var(--r-lg)}
.be-sys__box h3{font-size:var(--fs-d3)}
.be-sys__box p{color:var(--text-muted);max-width:48ch}

/* ==========================================================================
   DESDE 200 M2
   ========================================================================== */
.be-d200__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(32px,4vw,80px);align-items:center}
.be-d200 h2{font-size:var(--fs-d1);margin-bottom:var(--sp-5)}
.be-d200__lead{max-width:48ch;margin-bottom:clamp(28px,3vw,40px)}
.be-d200__zonas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-6) var(--sp-5)}
.be-zona{padding-top:var(--sp-4);border-top:1px solid var(--border-soft)}
.be-zona__n{margin-bottom:6px}
.be-zona__label{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:var(--ls-heading);color:var(--text-strong)}
.be-zona__desc{font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px}
.be-plano{position:relative;aspect-ratio:4/3;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-2);background-image:var(--plan-grid-light);background-size:34px 34px;padding:clamp(20px,3vw,36px)}
.be-plano__inner{position:absolute;inset:clamp(20px,3vw,36px);border:1.5px solid var(--be-noche-900);border-radius:2px;display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:1fr .55fr}
.be-plano__c{padding:12px}
.be-plano__c--a{border-right:1px dashed var(--border-strong);border-bottom:1px dashed var(--border-strong)}
.be-plano__c--b{border-bottom:1px dashed var(--border-strong)}
.be-plano__c--c{border-right:1px dashed var(--border-strong)}
.be-plano__c--d{background:var(--surface-accent-soft)}
.be-plano__c--d .be-eyebrow{color:var(--be-naranja-600)}
.be-plano__foot{position:absolute;left:clamp(20px,3vw,36px);right:clamp(20px,3vw,36px);bottom:12px;display:flex;justify-content:space-between;align-items:center}
.be-plano__foot span{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint)}

/* ==========================================================================
   CLIENTES QUE REGRESAN
   ========================================================================== */
.be-cqr__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(16px,3vw,48px);align-items:center;padding:clamp(24px,3vw,40px) 0;border-top:1px solid var(--border-hairline)}
.be-cqr__n{margin-bottom:10px}
.be-cqr__row h3{font-size:var(--fs-d3)}
.be-cqr__desc{color:var(--text-muted);font-size:var(--fs-sm);max-width:42ch}
.be-cqr__bars{display:flex;align-items:center;gap:10px}
.be-cqr__dot{width:13px;height:13px;border-radius:50%;border:1px solid var(--surface-accent);background:transparent}
.be-cqr__dot--on{background:var(--surface-accent)}
.be-cqr__line{flex:1;height:1px;background:var(--border-soft)}
.be-cqr__bars .be-icon{color:var(--text-faint)}

/* ==========================================================================
   MAPA MÉXICO
   ========================================================================== */
.be-map{position:relative;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(160deg,var(--be-noche-700) 0%,var(--be-noche-900) 100%);border:1px solid var(--border-on-dark)}
.be-map__grid{position:absolute;inset:0;background-image:var(--plan-grid);background-size:44px 44px}
.be-map svg{position:absolute;inset:0;width:100%;height:100%}
.be-map__pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:6px 10px;background:transparent;border:1px solid var(--border-on-dark);border-radius:var(--r-pill);cursor:default;transition:background var(--dur-fast) var(--ease-out)}
.be-map__pin:hover,.be-map__pin:focus{background:var(--surface-accent);border-color:transparent}
.be-map__pin-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55)}
.be-map__pin:hover .be-map__pin-dot,.be-map__pin:focus .be-map__pin-dot{background:#fff}
.be-map__pin-label{font-family:var(--font-mono);font-size:var(--fs-eyebrow);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--text-on-dark-muted)}
.be-map__pin:hover .be-map__pin-label,.be-map__pin:focus .be-map__pin-label{color:#fff}
.be-cob__note{margin-top:var(--sp-6);font-family:var(--font-mono);font-size:var(--fs-xs);color:rgba(255,255,255,.42);max-width:60ch}

/* ==========================================================================
   PROYECTOS
   ========================================================================== */
.be-pills{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:clamp(24px,3vw,40px)}
.be-pill{appearance:none;cursor:pointer;padding:9px 14px;border-radius:var(--r-pill);border:1px solid var(--border-soft);background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-eyebrow);letter-spacing:.1em;text-transform:uppercase;transition:background var(--dur-fast) var(--ease-out)}
.be-pill.is-active{border-color:transparent;background:var(--be-noche-900);color:var(--text-on-dark)}
.be-pcard{display:flex;flex-direction:column;gap:var(--sp-4)}
.be-pcard__media{overflow:hidden;border-radius:var(--r-md)}
.be-pcard__media .be-ph{border-radius:0;transition:transform var(--dur-slow) var(--ease-out)}
.be-pcard:hover .be-ph{transform:scale(1.03)}
.be-pcard__body{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}
.be-pcard h3{font-size:1.125rem;transition:color var(--dur-fast) var(--ease-out)}
.be-pcard:hover h3{color:var(--text-accent)}
.be-pcard__meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint)}

/* ==========================================================================
   SERVICIO INTEGRAL
   ========================================================================== */
.be-etapas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-4)}
.be-etapa{position:relative;padding:var(--sp-6) var(--sp-5);background:var(--surface-page);border:1px solid var(--border-hairline);border-radius:var(--r-md);height:100%}
.be-etapa__n{margin-bottom:var(--sp-8)}
.be-etapa__t{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:1.0625rem;letter-spacing:var(--ls-heading);color:var(--text-strong)}
.be-etapa__arrow{position:absolute;right:-10px;top:50%;color:var(--be-concreto-2)}

/* ==========================================================================
   BLOG CARD
   ========================================================================== */
.be-blog-list{display:grid;gap:clamp(24px,3vw,40px)}
.be-bcard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,2.5vw,40px);align-items:center;padding:clamp(20px,2vw,28px);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-1);color:inherit;transition:box-shadow var(--dur-base) var(--ease-out)}
.be-bcard:hover{box-shadow:var(--shadow-3)}
.be-bcard__media{overflow:hidden;border-radius:var(--r-md)}
.be-bcard__media .be-ph{border-radius:0;transition:transform var(--dur-slow) var(--ease-out)}
.be-bcard:hover .be-ph{transform:scale(1.03)}
.be-bcard__body{display:flex;flex-direction:column;gap:var(--sp-3);align-items:flex-start}
.be-bcard__top{display:flex;align-items:center;gap:var(--sp-3)}
.be-bcard__time{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint)}
.be-bcard h3{font-size:var(--fs-d3);transition:color var(--dur-fast) var(--ease-out)}
.be-bcard:hover h3{color:var(--text-accent)}
.be-bcard__ex{font-size:var(--fs-sm);color:var(--text-muted);max-width:52ch}
.be-bcard__more{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-strong)}
.be-bcard__more .be-icon{transition:transform var(--dur-fast) var(--ease-out)}
.be-bcard:hover .be-bcard__more .be-icon{transform:translateX(3px)}

/* ==========================================================================
   DARK CTA
   ========================================================================== */
.be-dcta{position:relative;overflow:hidden;background:var(--grad-noche);color:var(--text-on-dark);padding-block:clamp(88px,10vw,168px)}
.be-dcta__grid-bg{position:absolute;inset:0;background-image:var(--plan-grid);background-size:var(--plan-grid-size);-webkit-mask-image:radial-gradient(120% 90% at 80% 0%,#000 15%,transparent 75%);mask-image:radial-gradient(120% 90% at 80% 0%,#000 15%,transparent 75%)}
.be-dcta__ring{position:absolute;right:-6%;top:18%;width:420px;height:420px;border:1px solid rgba(232,160,44,.28);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(217,84,26,.22),transparent 62%)}
.be-dcta__inner{position:relative;display:grid;gap:clamp(28px,3vw,48px);max-width:980px}
.be-dcta h2{color:var(--text-on-dark);font-size:var(--fs-d1);line-height:var(--lh-display);max-width:20ch}
.be-dcta__text{color:var(--text-on-dark-muted);max-width:54ch}
.be-dcta__ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.be-dcta__coords{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin-top:var(--sp-6);padding-top:var(--sp-6);border-top:1px solid var(--border-on-dark)}
.be-dcta__coords span{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;color:rgba(255,255,255,.42)}

/* ==========================================================================
   FORMULARIO
   ========================================================================== */
.be-quote__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(32px,4vw,72px);align-items:start}
.be-quote__aside{position:sticky;top:110px}
.be-quote__aside h2{max-width:16ch;margin-bottom:var(--sp-5)}
.be-quote__aside .be-lead{max-width:40ch}
.be-quote__facts{margin-top:clamp(28px,3vw,44px);display:grid;gap:var(--sp-4)}
.be-quote__fact{display:flex;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-hairline)}
.be-quote__fact-v{font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--text-strong)}
.be-form{padding:clamp(24px,3vw,48px);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}
.be-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-5)}
.be-field{display:flex;flex-direction:column;gap:var(--sp-2)}
.be-field--full{grid-column:1/-1}
.be-field label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.02em;color:var(--text-body)}
.be-field label .req{color:var(--text-accent)}
.be-field input,.be-field select,.be-field textarea{width:100%;padding:13px 14px;background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--r-sm);font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-strong);min-height:48px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}
.be-field input:focus,.be-field select:focus,.be-field textarea:focus{outline:none;border-color:var(--be-noche-900);box-shadow:0 0 0 3px rgba(217,84,26,.14)}
.be-field textarea{min-height:120px;resize:vertical;line-height:1.5}
.be-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-faint) 50%),linear-gradient(135deg,var(--text-faint) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.be-field__hint{font-size:var(--fs-xs);color:var(--text-faint)}
.be-form__foot{margin-top:clamp(20px,2.5vw,28px);display:grid;gap:var(--sp-6)}
.be-check{display:flex;align-items:flex-start;gap:var(--sp-3);cursor:pointer;font-size:var(--fs-sm);color:var(--text-muted);position:relative}
.be-check input{position:absolute;opacity:0;width:1px;height:1px}
.be-check__box{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 auto;margin-top:2px;border-radius:var(--r-xs);background:var(--surface-card);border:1px solid var(--border-soft);color:#fff;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
.be-check__box .be-icon{opacity:0}
.be-check input:checked+.be-check__box{background:var(--surface-accent);border-color:var(--surface-accent)}
.be-check input:checked+.be-check__box .be-icon{opacity:1}
.be-form__submit{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-5)}
.be-form__note{font-size:var(--fs-xs);color:var(--text-faint);max-width:34ch}
.be-form__ok{padding:clamp(32px,4vw,64px);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-2);display:grid;gap:var(--sp-4);justify-items:start}
.be-form__ok-ico{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r-sm);background:var(--surface-accent-soft);color:var(--be-naranja-600)}
.be-form__ok h3{font-size:var(--fs-d3)}
.be-form__ok p{color:var(--text-muted);max-width:46ch}
@media (max-width:900px){.be-quote__aside{position:static}}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.be-footer{background:var(--surface-dark);color:var(--text-on-dark);padding-top:clamp(56px,6vw,96px)}
.be-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(32px,4vw,64px);padding-bottom:clamp(40px,5vw,72px)}
.be-footer__brand{max-width:320px}
.be-footer__brand p{margin-top:var(--sp-5);color:var(--text-on-dark-muted);font-size:var(--fs-sm)}
.be-footer__ttl{color:rgba(255,255,255,.42);margin-bottom:var(--sp-5)}
.be-footer__links{display:grid;gap:var(--sp-3)}
.be-footer__links a{color:var(--text-on-dark-muted);font-size:var(--fs-sm)}
.be-footer__links a:hover{color:var(--text-accent)}
.be-footer__contact{display:grid;gap:var(--sp-4)}
.be-footer__ck{font-family:var(--font-mono);font-size:var(--fs-xs);color:rgba(255,255,255,.38)}
.be-footer__cv{font-size:var(--fs-sm);color:var(--text-on-dark)}
.be-footer__bar{display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between;align-items:center;padding:var(--sp-6) 0;border-top:1px solid var(--border-on-dark);font-family:var(--font-mono);font-size:var(--fs-xs);color:rgba(255,255,255,.42)}
.be-footer__bar span{display:inline-flex;align-items:center;gap:8px}

/* ==========================================================================
   PÁGINAS INTERIORES
   ========================================================================== */

/* --- Migas de pan --- */
.be-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:clamp(24px,3vw,40px)}
.be-crumbs__i{display:inline-flex;align-items:center;gap:var(--sp-2)}
.be-crumbs a{color:inherit}
.be-crumbs__on{color:var(--text-muted)}

/* --- Cabecera de página interior --- */
.be-phero{background:var(--grad-marfil);border-bottom:1px solid var(--border-hairline);padding-top:clamp(88px,9vw,132px);padding-bottom:clamp(48px,6vw,88px)}
.be-phero__title{font-size:var(--fs-d1)!important;max-width:22ch;margin-bottom:var(--sp-5)}
.be-phero__lead{max-width:56ch;margin-bottom:clamp(28px,3vw,40px)}

/* --- Rejilla de etapas numeradas --- */
.be-egrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-8) var(--grid-gap)}
.be-eitem{padding-top:var(--sp-5);border-top:1px solid var(--border-soft)}
.be-eitem__n{margin-bottom:var(--sp-3)}
.be-eitem h3{font-size:1.125rem;margin-bottom:var(--sp-2)}
.be-eitem p{font-size:var(--fs-sm);color:var(--text-muted);max-width:36ch}

/* --- Tarjetas de las dos etapas de prefabricación --- */
.be-pfcard{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1);height:100%}
.be-pfcard .be-ph{border-radius:0}
.be-pfcard__body{padding:clamp(20px,2.5vw,32px)}
.be-pfcard__body h3{font-size:var(--fs-d3);margin-bottom:var(--sp-5)}
.be-pfcard__list{display:grid;gap:var(--sp-3)}
.be-pfcard__li{display:flex;gap:var(--sp-3);align-items:flex-start;font-size:var(--fs-sm);color:var(--text-muted)}

/* --- Fichas de propiedad reservadas --- */
.be-grid-auto240{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--grid-gap)}
.be-vcard{background:var(--surface-card);border:1px dashed var(--border-soft);border-radius:var(--r-lg);overflow:hidden}
.be-vcard .be-ph{border-radius:0}
.be-vcard__body{padding:var(--sp-6);display:grid;gap:var(--sp-3);justify-items:start}
.be-vcard__t{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:1.0625rem;color:var(--text-strong)}
.be-vcard__body p{font-size:var(--fs-xs);color:var(--text-muted)}

/* --- Contacto y cotización --- */
.be-infopage{background:var(--grad-marfil);padding-top:clamp(88px,9vw,132px);padding-bottom:var(--section-y)}
.be-infopage__title{font-size:var(--fs-d1)!important;margin-bottom:var(--sp-5)}
.be-infopage__lead{margin-bottom:clamp(28px,3vw,40px)}
.be-contact-list{margin-top:clamp(32px,4vw,56px);display:grid;gap:var(--sp-4);max-width:360px}
.be-contact-list__v{font-size:var(--fs-sm);color:var(--text-strong)}

/* --- Artículos del blog --- */
.be-ahero{background:var(--grad-marfil);border-bottom:1px solid var(--border-hairline);padding-top:clamp(88px,9vw,132px);padding-bottom:clamp(40px,5vw,72px)}
.be-ahero__tag{margin-bottom:var(--sp-5)}
.be-ahero h1{font-size:var(--fs-d1);margin-bottom:var(--sp-5)}
.be-ahero__ex{max-width:56ch}
.be-ahero__read{margin-top:var(--sp-6);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint)}
.be-article{display:grid;gap:var(--sp-6);font-size:1.0625rem;line-height:1.72;color:var(--text-body)}
.be-article h2{font-size:var(--fs-d3);margin-top:var(--sp-8)}
.be-alista{display:grid;gap:var(--sp-3)}
.be-alista__i{display:flex;gap:var(--sp-3);align-items:flex-start;font-size:var(--fs-body)}
.be-alista__b{width:6px;height:6px;border-radius:50%;background:var(--surface-accent);margin-top:10px;flex:0 0 auto}
.be-abox{margin-top:clamp(40px,5vw,72px);padding:clamp(24px,3vw,40px);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--r-lg);display:grid;gap:var(--sp-4);justify-items:start}
.be-abox h3{font-size:var(--fs-d3);max-width:22ch}
.be-abox p{color:var(--text-muted);max-width:48ch}

/* ==========================================================================
   LIMPIEZA DE WORDPRESS — la plantilla es de ancho completo
   ========================================================================== */
.be-page .wp-site-blocks,.be-page .is-layout-constrained{max-width:none!important}
body.be-body .wp-block-template-part{display:none}
body.be-body #wpadminbar{position:fixed}