*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;
  font-family:'Segoe UI',system-ui,sans-serif;
  background:linear-gradient(var(--page-overlay, rgba(255,255,255,0.20)),var(--page-overlay, rgba(255,255,255,0.20))),var(--page-bg-image, none) center/cover fixed no-repeat;
  color:#222;
  padding:clamp(10px,3vw,18px);
  overflow-x:hidden;
}
.seo-hero{max-width:1240px;margin:36px auto 0;padding:0 clamp(10px,3vw,20px)}
.seo-hero h1{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.2;margin:0 0 16px;text-align:center}
.seo-title-with-logo{display:flex;align-items:center;justify-content:center;gap:12px}
.seo-title-logo{display:block;width:56px;height:56px;object-fit:contain;flex:0 0 56px}
.seo-hero p{font-size:1rem;color:#444;line-height:1.7;margin:0 0 36px;white-space:pre-line;overflow-wrap:anywhere;text-align:center}
.seo-hero .hero-text-panel{display:block;width:100%;background:rgba(28, 74, 95, 0.63);color:#f8fafc;padding:10px 14px;border-radius:10px;backdrop-filter:blur(1.5px);text-shadow:0 1px 1px rgba(0,0,0,0.35);border:1px solid rgba(125,211,252,0.30)}
.seo-form{max-width:480px;margin:0 auto 60px;padding:0 clamp(10px,3vw,20px)}
.seo-form h2{font-size:1.15rem;margin:0 0 16px;padding:10px 12px;border-radius:10px;background:rgba(18,8,36,0.78);color:#f8fafc;border:1px solid rgba(196,181,253,0.30);font-weight:800;letter-spacing:.01em;text-transform:uppercase;box-shadow:0 8px 22px rgba(12,6,22,0.28)}
.seo-form input,.seo-form textarea,.seo-form select{display:block;width:100%;max-width:100%;min-width:0;margin-bottom:12px;padding:11px 13px;border:1px solid rgba(148,163,184,0.8);border-radius:10px;font-size:14px;font-family:inherit;background:#fff;box-shadow:0 1px 0 rgba(255,255,255,1) inset,3px 4px 0 rgba(15,23,42,0.30),10px 15px 26px rgba(15,23,42,0.22);transform:translate(1px,1px);transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease}
.seo-form input:focus,.seo-form textarea:focus,.seo-form select:focus{outline:none;border-color:rgba(30,58,138,0.7);box-shadow:0 1px 0 rgba(255,255,255,1) inset,4px 5px 0 rgba(15,23,42,0.34),12px 18px 30px rgba(15,23,42,0.24);transform:translate(1px,1px)}
.seo-form textarea{min-height:90px;resize:vertical}
.seo-form button{width:100%;padding:13px;background:#22C55E;color:#052E16;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}
.seo-form button:hover{background:#16A34A}
#msg{margin-top:12px;font-size:14px;color:#555}
.seo-complementar{max-width:1240px;margin:0 auto 34px;padding:0 clamp(10px,3vw,20px)}
.seo-complementar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.complementar-card{display:flex;gap:10px;align-items:flex-start;height:100%;margin:0;color:#f8fafc;line-height:1.75;background:var(--comp-bg, rgba(13,74,95,0.78));border:1px solid var(--comp-border, rgba(125,211,252,0.56));border-radius:14px;padding:16px 18px;text-shadow:0 1px 1px rgba(0,0,0,0.38);box-shadow:0 10px 24px var(--comp-shadow, rgba(12,74,110,0.30))}
.complementar-card p{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-size:1.12rem;line-height:1.9;font-weight:500}
.solicitados-label{display:inline-flex;align-items:center;gap:0;font-weight:800;color:#ecfdf5;background:transparent;border:none;border-radius:0;padding:0;text-shadow:none}
.solicitados-dot{width:8px;height:8px;border-radius:999px;background:#22C55E;box-shadow:0 0 0 2px rgba(34,197,94,0.28)}
.solicitados-gap{display:none}
.solicitados-texto{display:inline-block}
.paragrafo-com-marcador{display:inline-flex;align-items:flex-start;gap:8px}
.paragrafo-com-marcador .solicitados-dot{margin-top:.42em;flex:0 0 8px}
.paragrafo-com-marcador.sem-dot{gap:0}
.texto-topico{display:inline-block;font-weight:800;color:#dcfce7;letter-spacing:.01em}
.complementar-icon{flex:0 0 26px;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,0.16);display:inline-flex;align-items:center;justify-content:center}
.complementar-icon svg{width:16px;height:16px;fill:#e2e8f0}
@keyframes dukeIconVibe{
  0%{transform:translateX(0) rotate(0deg)}
  1.2%{transform:translateX(-1.8px) rotate(-8deg)}
  2.4%{transform:translateX(1.8px) rotate(8deg)}
  3.6%{transform:translateX(-1.4px) rotate(-6deg)}
  4.8%{transform:translateX(1.4px) rotate(6deg)}
  6%{transform:translateX(0) rotate(0deg)}
  100%{transform:translateX(0) rotate(0deg)}
}
.complementar-card .complementar-icon{animation:dukeIconVibe 5s linear infinite;transform-origin:50% 60%;will-change:transform}
.complementar-card:nth-child(2) .complementar-icon{animation-delay:.25s}
.complementar-card:nth-child(3) .complementar-icon{animation-delay:.5s}
.complementar-icon.vibe{animation:dukeIconPulse .55s ease-in-out}
@keyframes dukeIconPulse{
  0%{transform:translateX(0) rotate(0deg) scale(1);box-shadow:0 0 0 rgba(125,211,252,0)}
  20%{transform:translateX(-3px) rotate(-10deg) scale(1.08);box-shadow:0 0 0 3px rgba(125,211,252,0.18)}
  40%{transform:translateX(3px) rotate(10deg) scale(1.08);box-shadow:0 0 0 6px rgba(125,211,252,0.12)}
  60%{transform:translateX(-2px) rotate(-8deg) scale(1.06);box-shadow:0 0 0 4px rgba(125,211,252,0.1)}
  80%{transform:translateX(2px) rotate(8deg) scale(1.05);box-shadow:0 0 0 2px rgba(125,211,252,0.08)}
  100%{transform:translateX(0) rotate(0deg) scale(1);box-shadow:0 0 0 rgba(125,211,252,0)}
}
.seo-logo-link{display:block;width:fit-content;max-width:100%;margin:0 auto 12px;line-height:0}
.seo-logo-bottom{display:block;width:min(330px,100%);max-width:100%;margin:0}
.seo-related{max-width:1240px;margin:0 auto 16px;padding:0 clamp(10px,3vw,20px)}
.seo-related h3{margin:0 0 10px;font-size:1rem;color:#e2e8f0;font-weight:700}
.seo-related-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;list-style:none;margin:0;padding:0}
.seo-related-item{margin:0;padding:0}
.seo-related-link{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 10px;border-radius:10px;background:rgba(18,8,36,0.78);color:#e2e8f0;text-decoration:none;border:1px solid rgba(196,181,253,0.35);font-size:.9rem;text-align:center;line-height:1.35}
.seo-related-link:hover{background:rgba(18,8,36,0.9);border-color:rgba(196,181,253,0.6)}
.lead-footer{max-width:1240px;margin:8px auto 4px;padding:12px 16px;border-radius:12px;background:rgba(18,8,36,0.94);color:#e2e8f0;text-align:center;font-size:13px;line-height:1.55;border:1px solid rgba(196,181,253,0.35)}
.lead-footer strong{color:#f8fafc}
@keyframes dukeFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.seo-hero .hero-text-panel,.seo-form h2,.seo-form input,.seo-form textarea,.seo-form select,.seo-form button,.complementar-card,.lead-footer{opacity:0;animation:dukeFadeUp 520ms ease-out forwards}
.seo-hero .hero-text-panel:nth-of-type(1){animation-delay:40ms}
.seo-hero .hero-text-panel:nth-of-type(2){animation-delay:90ms}
.seo-form h2{animation-delay:120ms}
.seo-form input:nth-of-type(1),.seo-form textarea:nth-of-type(1),.seo-form select:nth-of-type(1){animation-delay:160ms}
.seo-form input:nth-of-type(2),.seo-form textarea:nth-of-type(2),.seo-form select:nth-of-type(2){animation-delay:210ms}
.seo-form input:nth-of-type(3),.seo-form textarea:nth-of-type(3),.seo-form select:nth-of-type(3){animation-delay:260ms}
.seo-form input:nth-of-type(4),.seo-form textarea:nth-of-type(4),.seo-form select:nth-of-type(4){animation-delay:310ms}
.seo-form button{animation-delay:360ms}
.complementar-card:nth-child(1){animation-delay:160ms}
.complementar-card:nth-child(2){animation-delay:230ms}
.complementar-card:nth-child(3){animation-delay:300ms}
.seo-related{opacity:0;animation:dukeFadeUp 520ms ease-out forwards;animation-delay:340ms}
.lead-footer{animation-delay:380ms}
@media (prefers-reduced-motion: reduce){.seo-hero .hero-text-panel,.seo-form h2,.seo-form input,.seo-form textarea,.seo-form select,.seo-form button,.complementar-card,.seo-related,.lead-footer{opacity:1;animation:none}}
@media (max-width:420px){.seo-hero h1{font-size:1.35rem}.seo-form h2{font-size:1.02rem}}
@media (max-width:1024px){.seo-complementar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:680px){
  body{
    background-attachment:scroll,scroll;
    background-position:center top,center top;
    background-size:auto,contain;
  }
  .seo-hero{max-width:480px}
  .seo-complementar{max-width:480px}
  .seo-complementar-grid{grid-template-columns:1fr;gap:10px}
  .lead-footer{max-width:480px}
}