/* Concierge Patrimonial — Valores Extras (v2)
 * Pill marrom + bridge + grid 6 cards com núcleo central CP + card 01 abertura + citação fechamento + stagger reveal.
 * Carregado APENAS em /valores. Classes prefixadas .ve-* pra evitar conflito.
 */

:root{
  --ve-card-bg:#F8F6F1;
  --ve-ease-out:cubic-bezier(0.16,1,0.3,1);
}

/* ─── HEADER pill marrom + bridge ─── */
.ve-head{text-align:center;margin:0 auto 64px}
.ve-head-pill{display:inline-block;background:var(--marrom-dk);padding:36px 80px;position:relative}
.ve-head-pill .ve-tag{font-family:var(--sans);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--dourado);margin-bottom:18px;display:block}
.ve-head-pill h2{font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.4vw,42px);line-height:1.15;color:var(--marfim);letter-spacing:-.015em;margin:0}
.ve-head-pill h2 em{font-style:italic;color:var(--dourado-lt)}
.ve-bridge{margin:36px auto 0;max-width:580px;font-family:var(--serif);font-style:italic;font-size:clamp(15px,1.5vw,18px);line-height:1.55;color:rgba(54,40,22,.7)}

/* ─── GRID 3x2 com núcleo central ─── */
.ve-grid-wrap{position:relative;max-width:1180px;margin:0 auto}
.ve-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:2}
@media(max-width:980px){.ve-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ve-grid{grid-template-columns:1fr}}

/* Núcleo central (símbolo CP entre as 2 linhas) — desktop only */
.ve-nucleo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:120px;height:120px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.ve-nucleo::before{content:'';position:absolute;inset:-30px;background:radial-gradient(circle,rgba(206,157,98,.28),transparent 65%);border-radius:50%;filter:blur(20px)}
.ve-nucleo svg{position:relative;width:100%;height:100%;color:var(--dourado);opacity:.9}
.ve-nucleo svg .ve-ring{animation:veRot 28s linear infinite;transform-origin:60px 60px}
.ve-nucleo svg .ve-ring-2{animation:veRot 38s linear infinite reverse;transform-origin:60px 60px}
@keyframes veRot{to{transform:rotate(360deg)}}
@media(max-width:980px){.ve-nucleo{display:none}}

/* ─── CARDS ─── */
.ve-card{background:var(--ve-card-bg);padding:42px 36px;position:relative;cursor:default;transition:transform .5s var(--ve-ease-out),box-shadow .5s var(--ve-ease-out),background .35s var(--ve-ease-out),opacity .6s var(--ve-ease-out);box-shadow:0 1px 0 rgba(54,40,22,.06),0 2px 6px -2px rgba(54,40,22,.05);opacity:0;transform:translateY(20px)}
.ve-card.is-visible{opacity:1;transform:translateY(0);transition-delay:var(--ve-d,0ms)}
.ve-card:hover{transform:translateY(-6px);background:#FFFFFF;box-shadow:0 30px 60px -25px rgba(54,40,22,.25),0 10px 24px -10px rgba(54,40,22,.12),0 0 0 1px rgba(206,157,98,.18)}

/* Card 01 — ABERTURA (fundo marrom escuro contrastante) */
.ve-card.is-opener{background:var(--marrom-dk);color:var(--marfim);box-shadow:0 20px 40px -15px rgba(54,40,22,.35),0 4px 10px -4px rgba(54,40,22,.15)}
.ve-card.is-opener:hover{background:#2a1f12;transform:translateY(-6px);box-shadow:0 35px 70px -25px rgba(54,40,22,.45),0 14px 30px -10px rgba(54,40,22,.2)}
.ve-card.is-opener .ve-card-title{color:var(--marfim)}
.ve-card.is-opener .ve-card-list li{color:rgba(232,230,223,.78)}
.ve-card.is-opener .ve-card-list li::before{background:var(--dourado-lt)}
.ve-card.is-opener .ve-card-num{color:var(--dourado-lt)}
.ve-card.is-opener .ve-card-icon{color:var(--dourado-lt)}

.ve-card-num{font-family:var(--sans);font-style:italic;font-size:12px;letter-spacing:.2em;color:var(--dourado);font-weight:400;margin-bottom:18px;display:block}

.ve-card-icon{width:54px;height:54px;margin-bottom:24px;color:var(--dourado);stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.85;transition:opacity .35s var(--ve-ease-out),transform .55s var(--ve-ease-out)}
.ve-card:hover .ve-card-icon{opacity:1;transform:rotate(8deg) scale(1.06)}

.ve-card-title{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2vw,24px);line-height:1.2;color:var(--marrom-dk);letter-spacing:-.005em;margin-bottom:18px}

.ve-card-list{list-style:none;padding:0;margin:0}
.ve-card-list li{font-family:var(--serif);font-size:14px;line-height:1.5;color:rgba(54,40,22,.78);padding:6px 0 6px 22px;position:relative}
.ve-card-list li::before{content:'';position:absolute;left:0;top:14px;width:12px;height:1px;background:var(--dourado)}

/* ─── FECHAMENTO: citação + assinatura ─── */
.ve-fechamento{margin:96px auto 0;max-width:880px;text-align:center;padding:72px 24px 24px;position:relative}
.ve-fechamento::before{content:'"';position:absolute;left:50%;top:0;transform:translateX(-50%);font-family:var(--serif);font-style:italic;font-size:120px;line-height:1;color:var(--dourado);opacity:.35}
.ve-fechamento blockquote{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(24px,3.2vw,40px);line-height:1.25;color:var(--marrom-dk);letter-spacing:-.01em;margin:0 0 28px}
.ve-fechamento blockquote em{font-style:italic;color:var(--dourado-dk)}
.ve-fechamento cite{font-family:var(--sans);font-style:normal;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--dourado);display:inline-flex;align-items:center;gap:14px}
.ve-fechamento cite::before,.ve-fechamento cite::after{content:'';display:inline-block;width:24px;height:1px;background:var(--dourado);opacity:.6}

@media(max-width:640px){
  .ve-head-pill{padding:28px 32px}
  .ve-card{padding:32px 28px}
  .ve-fechamento{padding:56px 16px 16px;margin-top:72px}
}

@media(prefers-reduced-motion:reduce){
  .ve-card{opacity:1;transform:none;transition:none}
  .ve-nucleo svg .ve-ring,.ve-nucleo svg .ve-ring-2{animation:none}
}