/*
 * 04-sections.css - Seccion generica, container, kicker, titulo y regla dorada.
 * Origen: index.html, <style> #1 (lineas 47-53). Contenido identico al original.
 */
.section{position:relative;padding:120px 6vw;border-top:1px solid rgba(255,255,255,.05);overflow:hidden}
.section::before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 50% 30%,rgba(218,170,60,.07),transparent 42%);pointer-events:none}
.container{max-width:1180px;margin:auto;position:relative}
.section-kicker{text-align:center;color:#c6b99f;font-family:Cinzel,serif;letter-spacing:.35em;font-size:10px;text-transform:uppercase}
.section-title{text-align:center;font-family:Cinzel,serif;font-size:clamp(36px,5.5vw,76px);font-weight:500;letter-spacing:.06em;margin:14px 0 55px;background:linear-gradient(110deg,#fff 10%,#e9b94f 48%,#fff4c9 70%,#a87821);-webkit-background-clip:text;background-clip:text;color:transparent}
.gold-rule{width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto 30px}