/* ===== CORIOLANO areas.css — páginas de área (Fase 2) ===== */
.area-hero .hero-background{
  background:radial-gradient(1000px 520px at 50% -5%,rgba(197,160,89,.07),transparent 65%),
    linear-gradient(180deg,#0a0a0b 0%,#050506 100%);
}
.area-sec{padding:5rem 0;border-top:1px solid #191919;position:relative}
.area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:1.4rem;margin-top:2.8rem}
.area-card{background:linear-gradient(180deg,#111315,#0b0c0e);border:1px solid #232323;border-radius:7px;padding:1.9rem 1.7rem;transition:.3s}
.area-card:hover{border-color:rgba(197,160,89,.45);transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.45)}
.area-card i{color:#c5a059;font-size:1.7rem;margin-bottom:.9rem;display:block}
.area-card h3{font-family:'Cinzel',serif;color:#ece9e3;font-size:1.06rem;margin:.2rem 0 .7rem;letter-spacing:.03em}
.area-card p{color:#a9a9a9;font-size:.92rem;line-height:1.65;font-family:'Roboto',sans-serif}
.faq-lista{max-width:820px;margin:2.6rem auto 0;display:flex;flex-direction:column;gap:.9rem}
.faq-item{background:#0b0c0e;border:1px solid #232323;border-radius:6px;overflow:hidden}
.faq-item summary{cursor:pointer;padding:1.15rem 1.4rem;font-family:'Cinzel',serif;color:#e6e2d9;font-size:1rem;letter-spacing:.02em;list-style:none;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:1.3rem;color:#c5a059;font-size:1.3rem;transition:.25s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary:hover{color:#e0c48a}
.faq-item p{padding:0 1.4rem 1.25rem;color:#a9a9a9;font-size:.94rem;line-height:1.7;font-family:'Roboto',sans-serif;margin:0}
.area-cta{text-align:center;padding:5rem 1.5rem;border-top:1px solid #191919;
  background:radial-gradient(700px 380px at 50% 120%,rgba(197,160,89,.10),transparent 70%),linear-gradient(180deg,#050506,#0a0a0b)}
.area-cta h2{font-family:'Cinzel',serif;color:#f0ede7;font-size:clamp(1.5rem,3.5vw,2.3rem);margin-bottom:1rem}
.area-cta p{color:#b5b5b5;max-width:640px;margin:0 auto 2rem;font-family:'Roboto',sans-serif;line-height:1.7}
.area-oab{margin-top:1.2rem;font-family:'Roboto',sans-serif;font-size:.8rem;color:#7f7f7f;max-width:640px;margin-left:auto;margin-right:auto}