/* LUCIUS / IDENTIDADE VISUAL — LuciusHub
   Camada de apresentação. As funcionalidades e a estrutura dos materiais permanecem no projeto original.
   Referência visual: site institucional Lucius Planejamento. */
:root {
  --bg-deep:#0c1622;
  --bg-body:#0c1622;
  --bg-surface:#142432;
  --bg-surface-elevated:#1a2d3c;
  --glass-bg:#172a39;
  --glass-bg-hover:#203545;
  --glass-border:rgba(221,180,120,.18);
  --glass-border-hover:rgba(221,180,120,.46);
  --glass-blur:none;
  --glass-shadow:0 18px 42px -25px rgba(7,16,25,.25);
  --glass-shadow-hover:0 25px 55px -24px rgba(7,16,25,.25);
  --neon-cyan:#ddb478;
  --neon-cyan-glow:rgba(221,180,120,.10);
  --neon-cyan-subtle:rgba(221,180,120,.10);
  --neon-emerald:#9c7444;
  --neon-emerald-glow:rgba(158,116,68,.09);
  --neon-emerald-subtle:rgba(158,116,68,.1);
  --accent-orange:#c99b5d;
  --accent-orange-glow:rgba(201,155,93,.1);
  --text-white:#f8f7f2;
  --text-primary:#e9edf0;
  --text-secondary:#b0bfc8;
  --text-muted:#91a3ae;
  --font-main:'Aptos','Inter','Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  --font-display:'Aptos Display','Inter','Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  --radius-sm:5px;--radius-md:9px;--radius-lg:14px;--radius-xl:14px;--radius-pill:99px;
  --hub-navy:#0c1622;--hub-gold:#ddb478;--hub-paper:#f5f4ef;--hub-ink:#172333;--hub-muted:#5d6a73;
}
html {scroll-padding-top:90px}
body {font-family:var(--font-main);background:var(--hub-paper);color:var(--hub-ink);font-size:16px}
body::before {display:none}
::selection{background:#e8c79d;color:#14212c}
:focus-visible {outline:3px solid #ddb478;outline-offset:3px}
button:focus-visible, a:focus-visible, input:focus-visible {outline:3px solid #ddb478;outline-offset:3px}
.container{max-width:1240px;padding-left:clamp(20px,4.3vw,60px);padding-right:clamp(20px,4.3vw,60px)}
.section-wrapper{padding-block:clamp(82px,8.5vw,132px)}
/* Navigation shared with Lucius institutional site */
.site-header,.site-header.scrolled{padding:0;height:84px;background:rgba(12,22,34,.98);border-bottom:1px solid rgba(243,232,215,.11);box-shadow:none;backdrop-filter:blur(12px)}
.header-container{height:100%;gap:clamp(12px,2.2vw,32px)}
.brand-logo{gap:12px}
.logo-icon-wrapper{width:44px;height:44px;border-radius:10px;background:#182735;border:1px solid rgba(221,180,120,.25);box-shadow:none}
.logo-svg{height:32px;width:32px}
.brand-logo:hover .logo-icon-wrapper{transform:none;box-shadow:none;border-color:rgba(221,180,120,.65)}
.brand-name{font-size:clamp(19px,2vw,23px);letter-spacing:-.025em;font-weight:850;color:#f8f7f2}
.brand-sub{color:#d0b38b;font-size:9px;letter-spacing:.14em;font-weight:700;margin-top:5px}
.nav-links{background:none;border:none;border-radius:0;padding:0;gap:clamp(5px,1vw,13px);backdrop-filter:none}
.nav-link{border-radius:4px;padding:9px 7px;color:#c0c9d0;font-size:12px;font-weight:650}
.nav-link:hover{background:transparent;color:var(--hub-gold)}
.nav-link.active{color:var(--hub-gold);background:transparent;border:0}
.nav-link.nav-link-vip,.nav-link.nav-link-vip:hover{color:#e8cfaa;border:1px solid rgba(221,180,120,.28);border-radius:4px;background:rgba(221,180,120,.05);box-shadow:none}
.nav-link.nav-corporate{color:#eed5ae;white-space:nowrap}
.btn-header-cta,.mobile-nav-footer .btn-header-cta{color:#eed9b7;background:transparent;border:1px solid rgba(221,180,120,.42);border-radius:5px;box-shadow:none;font-size:12px;font-weight:800;min-height:42px;padding:11px 14px}
.btn-header-cta:hover,.mobile-nav-footer .btn-header-cta:hover{color:#0c1622;background:#ddb478;box-shadow:none}
.header-social-btn{border-radius:7px;background:transparent;border-color:rgba(255,255,255,.12)}
.mobile-toggle-btn{border-radius:7px;background:#182735;border-color:rgba(221,180,120,.22)}
.mobile-toggle-btn span{background:#e9edf0}
/* Hero: editorial two-column layout */
.hero-section{display:block;background:#0c1622;color:#fff;min-height:0;padding:84px 0 0;overflow:hidden;isolation:isolate}
.hero-section::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.34;background-image:radial-gradient(rgba(221,180,120,.15) .5px,transparent .8px);background-size:5px 5px}
.hero-section::after{content:"";position:absolute;pointer-events:none;top:0;right:-22%;width:80vw;height:65vw;background:radial-gradient(circle,rgba(221,180,120,.075),transparent 68%);z-index:0}
.hub-hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(35px,5vw,84px);align-items:center;padding-top:clamp(78px,7.8vw,124px);padding-bottom:clamp(72px,7.8vw,124px);min-height:680px}
.hero-content{text-align:left;max-width:none;margin:0;z-index:2}
.hero-pill-badge{border:none;background:transparent;backdrop-filter:none;padding:0;border-radius:0;font-size:11px;color:#d9b782;letter-spacing:.17em;font-weight:800;margin-bottom:20px;text-transform:uppercase}
.hero-pill-badge:hover{border:none;background:transparent}
.badge-dot-pulse{width:6px;height:6px;background:var(--hub-gold);box-shadow:none;animation:none}
.hero-title{font-size:clamp(49px,5.1vw,77px);line-height:1.08;letter-spacing:-.061em;margin-bottom:26px;max-width:750px;font-weight:850}
.hero-title .text-gradient-cyan{display:block;background:none;-webkit-text-fill-color:initial;color:var(--hub-gold)}
.hero-subtitle-container{background:transparent;border:0;padding:0;max-width:545px;margin:0 0 35px 0;box-shadow:none;backdrop-filter:none;border-radius:0}
.hero-subtitle-container:hover{background:transparent;border:0;box-shadow:none}
.hero-subtitle,.hero-subtitle strong{color:#b5c1c9;text-align:left;font-size:16px;line-height:1.8;font-weight:400}
.hero-subtitle strong{color:#ecf0f1;font-weight:650}
.hero-actions{justify-content:flex-start;gap:10px}
.btn-cta-primary,.btn-cta-secondary,.btn-cta-whatsapp{padding:15px 19px;min-height:53px;border-radius:5px;font-weight:750;font-size:12px;box-shadow:none;transition:transform .22s,background .22s,border-color .22s}
.btn-cta-primary{color:#101c26;background:var(--hub-gold);border:1px solid var(--hub-gold)}
.btn-cta-primary:hover{background:#ecc58c;box-shadow:none;transform:translateY(-2px)}
.btn-cta-secondary{color:#ecf0f2;background:transparent;border:1px solid rgba(220,232,235,.28);backdrop-filter:none}
.btn-cta-secondary:hover{color:#edd2ab;background:rgba(255,255,255,.04);border-color:var(--hub-gold);transform:translateY(-2px)}
.btn-cta-whatsapp{color:#d4dee2;background:transparent;border:1px solid rgba(220,232,235,.21)}
.btn-cta-whatsapp:hover{color:#e7c794;background:rgba(255,255,255,.04);box-shadow:none;transform:translateY(-2px)}
.hero-stats-bar{justify-content:flex-start;gap:clamp(14px,2.5vw,27px);padding-top:27px;margin-top:clamp(36px,5vw,65px);border-top:1px solid rgba(255,255,255,.13)}
.stat-item{font-size:11px;color:#a8b6be}
.stat-item strong{font-weight:750;color:#e0e4e6}
.stat-icon-dot{background:var(--hub-gold);box-shadow:none}
/* Hero art: original technical illustration */
.hub-art{position:relative;min-width:0;width:100%;aspect-ratio:580 / 590;background:linear-gradient(138deg,#172936,#101e2b);border:1px solid rgba(221,180,120,.22);box-shadow:0 28px 74px rgba(0,0,0,.16);overflow:hidden}
.hub-art::before,.hub-art::after{content:"";position:absolute;width:34px;height:34px;pointer-events:none;z-index:2;border-color:var(--hub-gold)}
.hub-art::before{top:0;left:0;border-left:2px solid;border-top:2px solid}
.hub-art::after{bottom:0;right:0;border-right:2px solid;border-bottom:2px solid}
.hub-art-svg{width:100%;height:100%;display:block}
.hub-art-top,.hub-art-foot{display:flex;justify-content:space-between;gap:10px;position:absolute;z-index:2;left:22px;right:22px;font-family:ui-monospace,monospace;color:#a8b9c1;font-size:9px;letter-spacing:.14em}
.hub-art-top{top:18px}.hub-art-foot{bottom:18px;color:#8a9ba6}
.hub-art-card{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:9px;background:rgba(9,20,31,.93);border:1px solid rgba(221,180,120,.35);color:#ebd3ae;font-size:9px;font-weight:750;letter-spacing:.16em;padding:12px 13px;box-shadow:0 12px 25px rgba(0,0,0,.22)}
.hub-art-card-a{top:32%;left:2%}.hub-art-card-b{bottom:25%;right:3%}
.hub-art-pin{width:6px;height:6px;background:#ddb478;border-radius:50%}
.hub-art-n{margin-left:5px;border-left:1px solid rgba(255,255,255,.17);padding-left:10px;color:#a7b6bf}
/* Section headers */
.section-eyebrow{font-size:10px;letter-spacing:.19em;font-weight:850;text-transform:uppercase;color:#996e3d;background:transparent;border:none;backdrop-filter:none;border-radius:0;margin-bottom:14px;padding:0}
.section-eyebrow::before{content:"";display:block;width:29px;height:1px;background:#bb8c53;margin-right:3px}
.section-title{font-size:clamp(36px,4vw,58px);line-height:1.16;font-weight:850;letter-spacing:-.055em;color:#172333;margin-bottom:17px}
.section-desc{font-size:15px;line-height:1.8;color:#627078}
.section-header{max-width:835px;margin-bottom:47px}
/* Materials: light surfaces / readable technical catalog */
.materials-section{background:#f5f4ef}
.materials-grid{gap:17px}
.material-card{background:#fff;border:1px solid #d8dddb;border-radius:9px;box-shadow:none;backdrop-filter:none;padding:clamp(24px,3vw,35px);transition:border .25s,box-shadow .25s,transform .25s}
.material-card::before{left:0;right:0;background:transparent;display:none}
.material-card:hover{background:#fff;border-color:#c7a171;box-shadow:0 18px 38px rgba(12,22,34,.06);transform:translateY(-3px)}
.material-card.featured{border-color:#d1b18a;box-shadow:0 0 0 1px rgba(221,180,120,.1)}
.material-card.featured:hover{transform:translateY(-3px);border-color:#b9874f;box-shadow:0 18px 38px rgba(12,22,34,.06)}
.card-icon-box,.material-card.featured .card-icon-box{background:#edf0ed;border-color:#d9dcd7;color:#8a673d;border-radius:8px}
.material-card:hover .card-icon-box,.material-card.featured:hover .card-icon-box{box-shadow:none;transform:none}
.badge-status{font-size:10px;border-radius:4px;font-weight:800;letter-spacing:.08em;padding:7px 10px}
.badge-status.available{background:#f3e9d8;color:#815d31;border:1px solid #e5cda9}
.badge-status.coming{background:#f0f2f1;color:#6f7c84;border:1px solid #dde2df}
.card-title{font-size:clamp(21px,2vw,25px);font-weight:800;letter-spacing:-.035em;color:#172333}
.card-desc{color:#66737a;font-size:14px;line-height:1.78}
.material-card .bg-slate-800\/60,.material-card .meta-chip{background:#f6f7f5;color:#63717a;border-color:#e2e6e3}
.material-card .text-slate-200{color:#52636c}
.card-meta-row{gap:8px}.meta-chip{font-size:11px}
.btn-card-action,.btn-card-preview,.btn-card-download,.btn-card-notify{border-radius:5px;font-weight:750;font-size:12px;min-height:44px;box-shadow:none}
.btn-card-download{color:#111d27;background:#ddb478}
.btn-card-download:hover{color:#101d26;background:#edc58a;transform:translateY(-1px);box-shadow:none}
.btn-card-preview{color:#34495a;background:#f4f5f2;border:1px solid #d6dcd8}
.btn-card-preview:hover{background:#e9ece9;color:#142535;border-color:#b7c0bd}
.btn-card-notify{color:#46565c;background:#f5f6f3;border:1px solid #d6dcda}
.btn-card-notify:hover{color:#8c653c;background:#f7eedf;border-color:#d9b582;transform:translateY(-1px)}
/* About and author share dark navy editorial background */
.about-section{background:#eaece8}
.about-card-wrapper{background:#f8f8f5;color:#182735;border:1px solid #d9ddda;border-radius:10px;padding:clamp(30px,5vw,60px);box-shadow:none;backdrop-filter:none}
.about-title{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.047em;color:#162735}
.about-text{color:#5d696f;font-size:15px;line-height:1.85}
.pillars-grid{gap:14px}
.pillar-box{border:1px solid #d8ddda;border-radius:7px;background:#f1f2ee;padding:24px}
.pillar-box:hover{background:#edf0ec;border-color:#cba36f}
.pillar-number{font-size:11px;color:#9d7042}
.pillar-title{color:#172333;font-weight:800}
.pillar-desc{color:#637079}
.author-section{background:#f5f4ef}
.author-card{background:#fff;border:1px solid #d9dfdb;box-shadow:none;backdrop-filter:none;border-radius:10px;padding:clamp(30px,5vw,60px)}
.author-card::before{background:#bf905a;left:0;right:0}
.author-avatar-box{border-radius:9px;color:#9b7245;background:#f2f0e8;border-color:#e1d7c5;box-shadow:none}
.author-role-badge{font-size:10px;letter-spacing:.12em;color:#8b6333;background:#f6efdf;border:1px solid #ead6ba;border-radius:4px}
.author-name{color:#172333;letter-spacing:-.04em}
.author-bio-quote{color:#5d6a73;background:#f5f5f2;border-color:#d1a36e;border-radius:0 5px 5px 0}
.btn-author-cta{background:#ddb478;color:#12202b;box-shadow:none;border-radius:5px;font-weight:800}
.btn-author-cta:hover{background:#edc691;box-shadow:none;color:#12202b}
.author-social-link{background:#f4f5f2;border:1px solid #d8dfdb;color:#4f626f;border-radius:5px}
.author-social-link:hover{color:#9a713b;border-color:#c4aa86;background:#f4efe5}
.author-social-link.email:hover{box-shadow:none;color:#9a713b;border-color:#c4aa86}
.credential-item{background:#f6f7f4;border:1px solid #e1e4df;border-radius:7px}
.credential-item:hover{background:#f4f0e6;border-color:#d4b284;transform:translateY(-1px)}
.credential-icon{background:#efe8dc;color:#a07845}
.credential-title{color:#172333}.credential-desc{color:#67767d}
/* Signup / newsletter: dark foil */
.vip-section{background:#0f1d2a}
.vip-card{background:linear-gradient(135deg,#182b38,#132431);border:1px solid rgba(221,180,120,.23);border-radius:10px;box-shadow:none;backdrop-filter:none}
.vip-card::after{background:radial-gradient(circle,rgba(221,180,120,.10),transparent 70%)}
.vip-title{color:#f4f3ef;font-size:clamp(26px,3vw,42px);letter-spacing:-.04em}
.vip-desc{color:#b1c0c9}
.vip-input-group{border-radius:5px;background:#0f1e2b;border:1px solid #486070}
.vip-input-group:focus-within{border-color:#ddb478;box-shadow:none}
.vip-input{color:#f6f7f6}
.btn-vip-submit{background:#ddb478;color:#12212c;border-radius:4px;font-weight:800}
.btn-vip-submit:hover{background:#eac58e;box-shadow:none}
.vip-notice{color:#a5b4be}
/* Footer + legal content */
.site-footer{background:#0c1622;border-top:1px solid rgba(221,180,120,.14);backdrop-filter:none}
.footer-title{color:#e8e8e4;font-size:12px;letter-spacing:.11em}
.footer-brand p{color:#a8b7c0}
.footer-link:hover,.legal-link,.footer-link:focus-visible{color:#ddb478}
.footer-bottom{border-color:rgba(255,255,255,.12)}
.contact-pill-item{border-color:rgba(221,180,120,.15);background:#142432}
.contact-pill-item:hover{border-color:rgba(221,180,120,.45);background:#1b3040}
.social-btn{border-color:rgba(221,180,120,.15);background:#142432}
.floating-whatsapp-btn{background:#213746;color:#e5d5b8;border:1px solid #b58b58;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.floating-whatsapp-btn:hover{background:#ddb478;color:#0c1622;box-shadow:0 12px 32px rgba(0,0,0,.22)}
.floating-whatsapp-tooltip{border-color:#ac8657;background:#122635}
.brand-affiliation{margin-top:14px;color:#a6b6c0;font-size:12px}
.brand-affiliation a{color:#ddb478;border-bottom:1px solid rgba(221,180,120,.45)}
/* Advertisements: keep functioning, with quiet visual separation */
.ad-slot-wrapper{padding-block:24px;background:#f5f4ef}
.ad-container{border:1px dashed #d4dad6;background:#f0f1ed;border-radius:7px;color:#89949a;box-shadow:none}
.ad-container::before{display:none}
.ad-container:hover{border-color:#b7bfba;box-shadow:none}
.ad-label{color:#8a979c}
/* Legal pages */
.legal-card-wrapper{background:#fff;border:1px solid #dae0dc;box-shadow:none;border-radius:10px;color:#172333}
.legal-card-wrapper .section-title{color:#172333}
.legal-header{border-color:#dae0dc}
.legal-updated{color:#75818a}
.legal-content{color:#4d5a64}
.legal-block h2{color:#172333}
.legal-block p,.legal-block li{color:#586671}
.legal-block.highlight-policy{background:#f4f1e9;border-color:#dcc7aa}
.legal-link{color:#8e6538;text-shadow:none}
/* Modal readable and consistent */
.modal-overlay{background:rgba(4,11,18,.78)}
.modal-container{background:#f8f8f4;border:1px solid #c9d0cb;border-radius:10px;box-shadow:0 35px 100px rgba(0,0,0,.35)}
.modal-header{border-bottom:1px solid #dce1dd}
.modal-title-group h3{color:#152533}
.modal-body{color:#354b58}
.modal-takeaway{background:#eef0eb;border:1px solid #dce2dc;border-radius:6px}
.modal-takeaway h4{color:#172333}
.modal-takeaway p{color:#58656d}
.btn-close-modal{color:#53626a;border-color:#ccd4ce}
.btn-close-modal:hover{color:#101c26;background:#ebede9}
.modal-footer{border-top:1px solid #dce2dc}
.toast-message{border:1px solid rgba(221,180,120,.35);background:#152a39;box-shadow:0 12px 26px rgba(4,11,18,.2)}
.toast-icon{color:#ddb478}
/* Mobile */
@media(max-width:1170px) and (min-width:993px){
  .nav-link{font-size:11px;padding:9px 4px}
  .header-actions .header-social-group{display:none}
}
@media(max-width:992px){
  .hub-hero-layout{grid-template-columns:1fr;gap:45px;min-height:0}
  .hero-content{max-width:700px}
  .hub-art{width:min(100%,540px);margin:auto;aspect-ratio:580/470}
  .main-nav{top:77px;background:#111f2d;border:1px solid rgba(221,180,120,.28);border-radius:8px;box-shadow:0 20px 55px rgba(0,0,0,.45);z-index:1500}
  .main-nav .nav-links{display:flex;flex-direction:column;gap:4px}
  .main-nav .nav-link{justify-content:flex-start;width:100%;padding:13px 12px;font-size:14px}
  .main-nav .nav-link.active{background:rgba(221,180,120,.08)}
  .mobile-nav-footer{border-color:rgba(221,180,120,.14)}
  .main-nav.active{display:flex}
}
@media(max-width:768px){
  .site-header,.site-header.scrolled{height:75px}
  .header-container{gap:8px}
  .logo-icon-wrapper{width:41px;height:41px}
  .brand-name{font-size:19px}
  .brand-sub{font-size:8px;letter-spacing:.08em}
  .hero-section{padding-top:75px;padding-bottom:0}
  .hub-hero-layout{padding-top:64px;padding-bottom:58px;gap:44px}
  .hero-title{font-size:clamp(42px,10.2vw,59px)}
  .hero-subtitle{font-size:15px}
  .hero-actions{gap:9px}
  .btn-cta-primary,.btn-cta-secondary,.btn-cta-whatsapp{font-size:12px;min-height:49px;padding:13px 16px}
  .hero-stats-bar{justify-content:flex-start;gap:10px 17px;flex-wrap:wrap;margin-top:35px}
  .hub-art{aspect-ratio:580/545;width:100%}
  .hub-art-card{font-size:8px;padding:9px 10px}
  .hub-art-top,.hub-art-foot{font-size:7px;left:13px;right:13px}
  .section-wrapper{padding-block:75px}
  .section-title{font-size:clamp(34px,8vw,45px)}
  .section-header{text-align:left}
  .material-card{padding:24px 21px}
  .btn-card-action{padding:12px 10px}
  .vip-card{padding:35px 22px}
  .legal-card-wrapper{padding:26px 20px}
  .main-nav{top:70px;left:12px;right:12px}
}
@media(max-width:425px){
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions>a{width:100%;justify-content:center}
  .hub-art-card-a{left:1%;top:26%}.hub-art-card-b{right:1%;bottom:26%}
  .hero-title{font-size:clamp(40px,11vw,49px)}
  .hero-pill-badge{font-size:9px;letter-spacing:.12em}
  .hero-stats-bar{gap:9px 14px}
  .stat-item{font-size:10px}
  .brand-name{font-size:18px}
  .brand-sub{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:0.01ms!important;transition-duration:0.01ms!important}
}
/* Structured catalog, independent of runtime Tailwind CDN */
.hub-card-index{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.14em;color:#9d7449;display:block;margin-bottom:11px;font-weight:700}
.material-card .card-content{display:block}
.material-card .card-actions-row{margin-top:30px;flex-wrap:wrap}
.material-card .btn-card-action{width:auto;display:flex;gap:12px;white-space:normal}
.material-card .btn-card-action svg{width:16px;height:16px;flex-shrink:0}
.material-card .btn-card-preview{white-space:nowrap}
.material-card .card-meta-row .meta-chip{padding:7px 10px;background:#f3f5f2;border:1px solid #e1e5e0;border-radius:4px;font-size:11px;color:#647078}
.material-card .card-desc{min-height:7em}
.material-card .card-header-row{margin-bottom:25px}
.material-card .card-body{margin-bottom:0}
.modal-container .btn-card-preview{color:#263945}
@media(max-width:768px){.material-card .card-desc{min-height:0}}