/* === ALC Abogados · componente "cp-hero" ===
   Reglas portadas verbatim de design/css/sections.css (líneas 441-458). NO reescribir. */

.cp-hero { position: relative; padding: 80px 56px; background: var(--paper); overflow: hidden; }
.cp-hero-frame { position: absolute; top: 80px; right: -50px; width: 280px; height: 280px; border: 4px solid var(--accent); z-index: 0; pointer-events: none; animation: alc-hero-sq-in 1.2s cubic-bezier(.16,.84,.24,1) both, alc-hero-sq-float 7s ease-in-out 1.2s infinite; }
.cp-hero-inner { max-width: var(--max); margin: 0 auto; display: grid; grid-template-columns: 1.3fr 1fr; gap: 56px; align-items: center; position: relative; z-index: 2; }
.cp-hero-inner.no-photo { grid-template-columns: 1fr; }
.cp-hero-text { display: flex; flex-direction: column; gap: 18px; }
.cp-crumb { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); font-weight: 600; }
.cp-crumb a { color: var(--ink-3); }
.cp-crumb a:hover { color: var(--ink); }
.cp-crumb-sep { color: var(--accent-deep); }
.cp-hero-eyebrow { font-size: 13px; font-weight: 600; color: var(--accent-deep); }
.cp-hero-h { font-size: clamp(40px, 6vw, 88px); font-weight: 800; letter-spacing: -0.028em; line-height: 0.98; }
.cp-hero-deck { font-size: 18px; line-height: 1.6; color: var(--ink-2); max-width: 56ch; }
.cp-hero-cta-row { display: flex; gap: 14px; flex-wrap: wrap; padding-top: 14px; }
.cp-hero-photo { position: relative; aspect-ratio: 4/5; max-height: 520px; overflow: hidden; border-radius: 4px; }
.cp-hero-photo img { width: 100%; height: 100%; object-fit: cover; }
.cp-hero-tint { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,28,51,0.25) 0%, transparent 100%); }
@media (max-width: 900px) { .cp-hero { padding: 56px 20px; } .cp-hero-inner { grid-template-columns: 1fr; gap: 32px; } .cp-hero-frame { width: 160px; height: 160px; top: 24px; right: -20px; } }


/* Bajada destacada opcional (tagline) — usada en páginas de producto (ALCSA/Apifica/GestDoc) */
.cp-hero-deck.cp-hero-lead { font-style: italic; font-weight: 600; color: var(--ink); font-size: 22px; }