/* The four stand-alone Vera Xavier pages share the warm editorial glass palette. */
@media screen {
  body.vx-special {
    background: radial-gradient(ellipse 55% 40% at 88% 5%, #f0eeeb, transparent 75%),
                radial-gradient(ellipse 48% 38% at 5% 90%, #eae8e5, transparent 78%), #f8f7f5;
    color: #202124;
  }
  body.vx-special h1,
  body.vx-special h2 { font-family: 'Italiana', Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.018em; color: #202124; }
  body.vx-special h3 { font-family: 'Nunito Sans',system-ui,sans-serif; font-weight: 700; letter-spacing: 0; color: #202124; }
  body.vx-special a { color: #8e4427; }
  body.vx-special a:focus-visible,
  body.vx-special button:focus-visible,
  body.vx-special input:focus-visible { outline: 3px solid #b97858; outline-offset: 3px; }

  body.vx-manifesto { padding: clamp(20px,5vw,64px); }
  body.vx-manifesto .frame {
    max-width: 800px; padding: clamp(28px,6vw,64px);
    border: 1px solid rgba(255,255,255,.9); border-radius: 30px;
    background: rgba(255,255,255,.68);
    box-shadow: 0 3px 4px rgba(255,255,255,.82) inset, 0 24px 65px rgba(32,33,36,.12);
    -webkit-backdrop-filter: blur(18px) saturate(135%); backdrop-filter: blur(18px) saturate(135%);
  }
  body.vx-manifesto .frame::before,
  body.vx-manifesto .frame::after { display: none; }
  body.vx-manifesto .kicker { color: #8e4427; }
  body.vx-manifesto h1 { font-size: clamp(2.6rem,6vw,4.5rem); line-height: 1.12; }
  body.vx-manifesto h1 em,
  body.vx-manifesto .turn em,
  body.vx-manifesto .duvida span b,
  body.vx-manifesto .sign .name { color: #a9512f; }
  body.vx-manifesto .rule { background: #c29270; }
  body.vx-manifesto p,
  body.vx-manifesto .lead,
  body.vx-manifesto .turn,
  body.vx-manifesto .duvida span,
  body.vx-manifesto strong { color: #454444; }
  body.vx-manifesto .lead,
  body.vx-manifesto .turn,
  body.vx-manifesto .duvida span,
  body.vx-manifesto .sign .name { font-family: Georgia, 'Times New Roman', serif; }
  body.vx-manifesto .duvida span { border-color: #c29270; }
  body.vx-manifesto .sign .brand { color: #65615e; }

  body.vx-exercise { font-family: 'Nunito Sans',system-ui,sans-serif; }
  body.vx-exercise header.wrap { padding-top: 34px; }
  body.vx-exercise h1 { font-size: clamp(2.2rem,6vw,3.2rem); line-height: 1.08; }
  body.vx-exercise h2 { color: #8e4427; }
  body.vx-exercise .kicker { color: #8e4427; }
  body.vx-exercise .gets,
  body.vx-exercise form,
  body.vx-exercise .q,
  body.vx-exercise #result {
    border: 1px solid rgba(255,255,255,.9); border-radius: 23px;
    background: rgba(255,255,255,.7);
    box-shadow: 0 2px 3px rgba(255,255,255,.85) inset, 0 16px 40px rgba(32,33,36,.1);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  }
  body.vx-exercise .gets { padding: 24px; }
  body.vx-exercise input[type=text],
  body.vx-exercise input[type=email] { background: #fff; border-color: #d9d5d1; border-radius: 12px; }
  body.vx-exercise .check input,
  body.vx-exercise .q input { accent-color: #a9512f; }
  body.vx-exercise button,
  body.vx-exercise .btn {
    border: 1px solid rgba(255,255,255,.96); border-radius: 999px;
    background: radial-gradient(130px 80px at var(--glass-x,50%) var(--glass-y,5%),rgba(255,255,255,.94),transparent 76%),linear-gradient(150deg,rgba(255,255,255,.82),rgba(230,203,196,.68)); color: #7f3225;
    font-family: 'Nunito Sans',system-ui,sans-serif; font-weight: 800; font-size: .9rem;
    box-shadow: 0 2px 3px #fff inset,0 -2px 3px rgba(113,47,27,.12) inset,0 0 0 1px rgba(169,81,47,.38),0 9px 22px rgba(32,33,36,.14);
    -webkit-backdrop-filter: blur(26px) saturate(170%); backdrop-filter: blur(26px) saturate(170%);
  }
  body.vx-exercise #result { background: linear-gradient(145deg,#b04c3d,#8e302b); border-color: rgba(255,255,255,.58); }
  body.vx-exercise #result h3,
  body.vx-exercise #result p { color: #fff; }
  body.vx-exercise .step strong,
  body.vx-exercise .close,
  body.vx-exercise .msg { color: #a9512f; }

  body.vx-media-kit .page {
    border: 1px solid rgba(255,255,255,.84); border-radius: 28px;
    box-shadow: 0 24px 65px rgba(32,33,36,.17); overflow: hidden;
  }
  body.vx-media-kit .kit-header { background: radial-gradient(ellipse 70% 100% at 15% 0%,rgba(255,255,255,.16),transparent 75%),linear-gradient(145deg,#b04c3d,#8e302b); }
  body.vx-media-kit .kit-body { background: #fbfaf8; }
  body.vx-media-kit .brand-name,
  body.vx-media-kit .brand-sub,
  body.vx-media-kit .brand-tag { color: #fff; }
  body.vx-media-kit .print-btn {
    border-radius: 999px; background: radial-gradient(130px 80px at var(--glass-x,50%) var(--glass-y,5%),rgba(255,255,255,.94),transparent 76%),linear-gradient(150deg,rgba(255,255,255,.82),rgba(230,203,196,.68)); color: #7f3225;
    box-shadow: 0 2px 3px #fff inset,0 0 0 1px rgba(169,81,47,.38),0 8px 20px rgba(32,33,36,.16);
    -webkit-backdrop-filter: blur(24px) saturate(170%); backdrop-filter: blur(24px) saturate(170%);
  }
}

@media print {
  body.vx-media-kit .page { border: 0; border-radius: 0; box-shadow: none; }
}

@media screen and (max-width: 760px) {
  body.vx-media-kit .page { width: calc(100% - 24px); min-height: 0; margin: 12px auto 100px; }
  body.vx-media-kit .kit-header { padding: 28px 24px 24px; }
  body.vx-media-kit .kit-body { display: block; }
  body.vx-media-kit .side,
  body.vx-media-kit .main { width: 100%; padding: 24px; border-right: 0; }
  body.vx-media-kit .side { border-bottom: 1px solid #ded0c5; }
  body.vx-media-kit .photo { height: 280px; border-radius: 18px; }
  body.vx-media-kit .side h3,
  body.vx-media-kit .main h3 { font-size: .72rem; }
  body.vx-media-kit .side .row { font-size: .86rem; }
  body.vx-media-kit .print-btn { left: 50%; right: auto; transform: translateX(-50%); max-width: calc(100% - 32px); white-space: nowrap; }
}
