/*
 * VITORIANO THEME — MAIN STYLESHEET
 * 
 * QUICK CUSTOMIZATION GUIDE:
 * 
 * ── COLORS ──────────────────────────────────────────────────────────────────
 * Edit the :root {} block below to change brand colors.
 * Or use Appearance > Customize > Brand Colors in WordPress admin.
 * 
 * ── SPACING ─────────────────────────────────────────────────────────────────
 * Section padding:    .section-inner { padding: Xpx 24px }
 * Card gaps:          .svc-grid, .addon-grid-4, .addon-grid-flex { gap: Xpx }
 * Card padding:       .svc-card, .addon-p-card { padding: Xpx }
 * 
 * ── TYPOGRAPHY ──────────────────────────────────────────────────────────────
 * Headline font:      font-family:'Bebas Neue' — loaded via Google Fonts
 * Card titles:        font-family:'Cabinet Grotesk'
 * Body text:          font-family:'DM Sans'
 * Change fonts in functions.php > vitoriano_enqueue()
 * 
 * ── ICONS ───────────────────────────────────────────────────────────────────
 * Icons are emoji in template-parts/section-*.php
 * Replace with <img src="<?php echo get_template_directory_uri(); ?>/assets/images/ICON.svg" alt="">
 * 
 * ── HERO CANVAS ─────────────────────────────────────────────────────────────
 * The animated background is in assets/js/canvas.js
 * Adjust line colors, density and animation speed there.
 */


:root{
  --bg:#070030;--bg2:#0d0845;--bg3:#150d55;
  --green:#03ff2b;--purple:#a621f6;--blue:#00bfff;
  --white:#fff;--w80:rgba(255,255,255,.8);--w50:rgba(255,255,255,.5);
  --w20:rgba(255,255,255,.2);--w10:rgba(255,255,255,.1);--w06:rgba(255,255,255,.06);
  --gg:rgba(3,255,43,.12);--pg:rgba(166,33,246,.12);--bb:rgba(0,191,255,.12);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden;line-height:1.6;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 52px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(7,0,48,.9);backdrop-filter:blur(24px);
  border-bottom:1px solid var(--w10);transition:padding .3s;}
.nav-logo img{height:34px;display:block;border:none;outline:none;}
.nav-links{display:flex;align-items:center;gap:32px;}
.nav-links a{font-size:14px;font-weight:500;color:var(--w80);text-decoration:none;transition:color .2s;}
.nav-links a:hover{color:var(--white);}
.nav-cta{
  padding:9px 24px;border-radius:8px;
  background:var(--green);color:#050025 !important;
  font-size:13px;font-weight:800;text-decoration:none;
  letter-spacing:.04em;transition:opacity .2s;
}
.nav-cta:hover{opacity:.85;}

/* ── HERO — reduced height so SCROLL is visible ── */
.hero{
  position:relative;
  min-height:88vh;  /* slightly less than 100vh so scroll hint shows */
  display:flex;align-items:center;
  overflow:hidden;
}
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;}

/* 3-column layout: text | spacer | logo */
.hero-content{
  position:relative;z-index:2;
  width:100%;max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr 80px 1fr;
  align-items:center;
  padding:90px 52px 60px;
  gap:0;
}
.hero-text{display:flex;flex-direction:column;}
.hero-logo-side{
  display:flex;align-items:center;justify-content:center;
}
.hero-logo-side img{
  width:340px;
  filter:drop-shadow(0 0 40px rgba(3,255,43,.22)) drop-shadow(0 0 80px rgba(166,33,246,.14));
}

.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;
  font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--green);
}
.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--green);
  box-shadow:0 0 10px var(--green);animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.2;}}

.hero h1{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(50px,5.2vw,80px);line-height:.95;
  letter-spacing:.04em;margin-bottom:20px;
}
.hero h1 .accent{
  display:block;
  background:linear-gradient(135deg,var(--green) 0%,var(--blue) 55%,var(--purple) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.hero-desc{font-size:15px;color:var(--w80);line-height:1.8;margin-bottom:30px;font-weight:400;max-width:460px;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px;}
.btn-primary{padding:13px 28px;border-radius:9px;background:var(--green);color:#050025;
  font-size:14px;font-weight:700;text-decoration:none;letter-spacing:.03em;
  transition:all .2s;box-shadow:0 0 28px rgba(3,255,43,.3);display:inline-flex;align-items:center;gap:8px;}
.btn-primary:hover{opacity:.88;transform:translateY(-2px);}
.btn-outline{padding:13px 24px;border-radius:9px;border:1px solid var(--w20);color:var(--white);
  font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;backdrop-filter:blur(8px);}
.btn-outline:hover{border-color:var(--w50);background:var(--w06);}

.hero-stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(3,255,43,.2);border-radius:10px;overflow:hidden;
  background:rgba(7,0,48,.6);backdrop-filter:blur(16px);
}
.hstat{padding:13px 16px;text-align:center;border-right:1px solid var(--w10);}
.hstat:last-child{border-right:none;}
.hstat-num{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:.04em;line-height:1;
  background:linear-gradient(135deg,var(--green),var(--blue));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hstat-lbl{font-size:9px;color:var(--w50);text-transform:uppercase;letter-spacing:.09em;margin-top:3px;}

.hero-scroll{
  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3;
}
.hero-scroll span{font-size:9px;color:var(--w50);letter-spacing:.12em;text-transform:uppercase;}
.scroll-line{width:1px;height:28px;background:linear-gradient(to bottom,var(--green),transparent);
  animation:scroll-pulse 2s infinite;}
@keyframes scroll-pulse{0%,100%{opacity:.4;}50%{opacity:1;}}

/* SECTIONS */
section{position:relative;z-index:2;}
.section-inner{max-width:1100px;margin:0 auto;padding:96px 24px;}
.section-label{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--purple);margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.section-label::before{content:'';width:28px;height:1px;background:var(--purple);}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(38px,4.8vw,66px);
  line-height:.95;letter-spacing:.04em;margin-bottom:18px;}
.section-sub{font-size:16px;color:var(--w80);max-width:560px;line-height:1.75;font-weight:400;}

/* HOW IT WORKS */
.how-timeline{display:flex;gap:0;margin-top:64px;position:relative;}
.how-timeline::before{content:'';position:absolute;top:31px;left:31px;right:31px;height:1px;
  background:linear-gradient(to right,transparent,var(--green) 20%,var(--purple) 80%,transparent);}
.how-step{flex:1;padding:0 18px;position:relative;z-index:1;}
.how-icon-wrap{width:62px;height:62px;border-radius:50%;margin:0 auto 20px;
  display:flex;align-items:center;justify-content:center;
  background:var(--bg);border:1px solid var(--w20);font-size:24px;}
.how-step h3{font-size:15px;font-weight:700;margin-bottom:8px;text-align:center;}
.how-step p{font-size:13px;color:var(--w80);line-height:1.7;text-align:center;}

/* SERVICES */
.services-bg{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 50%,var(--bg) 100%);}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--w10);border-radius:16px;overflow:hidden;margin-top:56px;}
.svc-card{background:var(--bg2);padding:28px 24px;position:relative;overflow:hidden;transition:background .2s;}
.svc-card:hover{background:var(--bg3);}
.svc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(to right,transparent,var(--green),transparent);
  opacity:0;transition:opacity .3s;}
.svc-card:hover::after{opacity:1;}
.svc-card.extra{background:linear-gradient(135deg,var(--bg2) 0%,rgba(166,33,246,.07) 100%);}
.svc-card.extra::after{background:linear-gradient(to right,transparent,var(--purple),transparent);}
.svc-header{display:flex;align-items:center;gap:13px;margin-bottom:12px;}
.svc-icon-wrap{width:42px;height:42px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--w06);border:1px solid var(--w10);font-size:20px;}
.svc-name{font-family:'Cabinet Grotesk',sans-serif;font-size:16px;font-weight:900;
  line-height:1.05;text-transform:uppercase;letter-spacing:.01em;}
.svc-card > p{font-size:13px;color:var(--w80);line-height:1.7;margin-bottom:13px;}
.svc-list{list-style:none;display:flex;flex-direction:column;gap:6px;}
.svc-list li{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--w80);line-height:1.5;}
.svc-list li::before{content:'→';color:var(--green);font-weight:700;flex-shrink:0;}
/* Extra card — no description text, only the two mini-cards */
.extra-services{display:flex;flex-direction:column;gap:10px;}
.extra-svc-item{background:var(--w06);border:1px solid var(--w10);border-radius:9px;padding:12px 14px;}
.extra-svc-item h4{font-size:12px;font-weight:700;margin-bottom:5px;}
.extra-svc-item p{font-size:11px;color:var(--w80);line-height:1.55;margin:0;}

/* EXCLUSIVITY */
.excl-section{background:linear-gradient(135deg,rgba(166,33,246,.07) 0%,rgba(3,255,43,.05) 100%);
  border-top:1px solid var(--w10);border-bottom:1px solid var(--w10);}
.excl-wrap{max-width:1100px;margin:0 auto;padding:96px 24px;
  display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.excl-left p{font-size:16px;color:var(--w80);line-height:1.8;margin-bottom:32px;}
.excl-points{display:flex;flex-direction:column;gap:11px;}
.excl-pt{display:flex;gap:15px;align-items:flex-start;
  background:var(--w06);border:1px solid var(--w10);border-radius:11px;padding:15px 17px;
  transition:border-color .2s;}
.excl-pt:hover{border-color:rgba(3,255,43,.25);}
.excl-pt-icon{width:36px;height:36px;border-radius:9px;background:var(--gg);
  border:1px solid rgba(3,255,43,.2);display:flex;align-items:center;justify-content:center;
  font-size:16px;flex-shrink:0;}
.excl-pt h4{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px;}
.excl-pt p{font-size:12px;color:var(--w80);line-height:1.6;margin:0;}

/* SEGMENTS */
.seg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:52px;}
.seg-card{background:var(--bg2);border:1px solid var(--w10);border-radius:14px;
  padding:24px;display:flex;gap:16px;align-items:flex-start;transition:all .25s;}
.seg-card:hover{transform:translateY(-3px);border-color:var(--w20);box-shadow:0 14px 44px rgba(0,0,0,.3);}
.seg-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;
  justify-content:center;font-size:22px;flex-shrink:0;}
.seg-card h3{font-size:16px;font-weight:700;margin-bottom:6px;}
.seg-card p{font-size:13px;color:var(--w80);line-height:1.7;margin-bottom:7px;}
.seg-geo{font-size:11px;color:var(--w50);letter-spacing:.06em;}

/* PRICING */
.pricing-bg{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:52px;align-items:end;}
.price-card-wrap{position:relative;display:flex;flex-direction:column;}
.pop-badge-above{
  display:none;align-items:center;justify-content:center;gap:5px;
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--green);background:var(--gg);
  padding:6px 14px;border-radius:8px 8px 0 0;
  border:1px solid rgba(3,255,43,.3);border-bottom:none;
  margin-bottom:-1px;z-index:1;
}
.price-card-wrap.popular .pop-badge-above{display:flex;}
.price-card{background:var(--bg2);border:1px solid var(--w10);border-radius:16px;overflow:hidden;transition:all .25s;flex:1;}
.price-card-wrap:not(.popular) .price-card{border-radius:16px;}
.price-card-wrap.popular .price-card{
  border-color:rgba(3,255,43,.35);border-radius:0 0 16px 16px;
  box-shadow:0 0 0 1px rgba(3,255,43,.15),0 0 44px rgba(3,255,43,.1);
}
.price-card:hover{box-shadow:0 18px 56px rgba(0,0,0,.4);}
.price-top{padding:24px 24px 20px;border-bottom:1px solid var(--w10);}
.price-tier{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--w50);margin-bottom:4px;}
.price-name{font-family:'Cabinet Grotesk',sans-serif;font-size:19px;font-weight:900;margin-bottom:12px;line-height:1.1;}
.price-amt{display:flex;align-items:baseline;gap:3px;margin-bottom:2px;}
.price-cur{font-size:15px;color:var(--w80);font-weight:500;}
.price-num{font-family:'Bebas Neue',sans-serif;font-size:44px;color:var(--green);line-height:1;letter-spacing:.02em;}
.price-period{font-size:13px;color:var(--w50);}
.price-body{padding:18px 24px 22px;}
.price-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.price-list li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--w80);line-height:1.5;}
.price-list li .ck{color:var(--green);font-weight:700;flex-shrink:0;}
.price-btn{display:block;width:100%;padding:11px;border-radius:9px;text-align:center;
  font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;
  border:1px solid var(--w10);color:var(--white);background:var(--w06);letter-spacing:.03em;}
.price-btn:hover{background:var(--w10);}
.price-btn.pop{background:var(--green);color:#050025;border:none;box-shadow:0 0 22px rgba(3,255,43,.25);}
.price-btn.pop:hover{opacity:.88;}

/* ADD-ON SECTIONS */
.addon-section-title{
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--w50);margin:44px 0 14px;display:flex;align-items:center;gap:10px;
}
.addon-section-title::after{content:'';flex:1;height:1px;background:var(--w10);}

/* 4-col grid — stretches to full width */
.addon-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}

/* Flexible centered grid — auto-fills, centers when fewer cards */
.addon-grid-flex{
  display:flex;flex-wrap:wrap;gap:12px;
  justify-content:center;
}
.addon-grid-flex .addon-p-card{
  flex:1 1 260px;max-width:340px;
}

.addon-p-card{
  background:var(--bg2);border:1px solid var(--w10);border-radius:13px;
  padding:18px;transition:all .2s;
}
.addon-p-card:hover{border-color:rgba(166,33,246,.3);transform:translateY(-2px);}
.addon-p-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.addon-p-icon{width:34px;height:34px;border-radius:8px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--w06);border:1px solid var(--w10);font-size:16px;}
.addon-p-name{font-family:'Cabinet Grotesk',sans-serif;font-size:12px;font-weight:900;
  line-height:1.05;text-transform:uppercase;letter-spacing:.01em;}
.addon-p-card p{font-size:11px;color:var(--w80);line-height:1.6;margin-bottom:9px;}
.addon-p-price{font-size:13px;font-weight:700;color:var(--purple);}
.addon-p-note{font-size:10px;color:var(--w50);margin-top:3px;}

/* WHY */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:52px;}
.why-card{background:var(--bg2);border:1px solid var(--w10);border-radius:13px;padding:24px;transition:all .2s;}
.why-card:hover{background:var(--bg3);border-color:var(--w20);transform:translateY(-2px);}
.why-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;
  justify-content:center;font-size:20px;margin-bottom:12px;}
.why-card h3{font-size:15px;font-weight:700;margin-bottom:7px;}
.why-card p{font-size:13px;color:var(--w80);line-height:1.7;}

/* CONTACT */
.contact-bg{background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;}
.contact-info h2{font-family:'Bebas Neue',sans-serif;font-size:52px;line-height:.95;
  letter-spacing:.04em;margin-bottom:16px;}
.contact-info p{font-size:16px;color:var(--w80);line-height:1.8;margin-bottom:28px;}
.contact-pts{display:flex;flex-direction:column;gap:14px;}
.cpt{display:flex;gap:13px;align-items:flex-start;}
.cpt-icon{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;
  justify-content:center;font-size:17px;flex-shrink:0;}
.cpt-lbl{font-size:11px;color:var(--w50);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;}
.cpt-val{font-size:14px;font-weight:600;}
.contact-form{background:var(--bg2);border:1px solid var(--w10);border-radius:18px;padding:34px;}
.contact-form h3{font-family:'Cabinet Grotesk',sans-serif;font-size:21px;font-weight:800;margin-bottom:22px;}
.fg{margin-bottom:12px;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--w50);margin-bottom:5px;}
input,select,textarea{width:100%;padding:11px 14px;background:rgba(255,255,255,.04);
  border:1px solid var(--w10);border-radius:8px;color:var(--white);
  font-family:'DM Sans',sans-serif;font-size:14px;outline:none;transition:border-color .2s;}
input::placeholder,textarea::placeholder{color:var(--w50);}
input:focus,select:focus,textarea:focus{border-color:rgba(3,255,43,.4);}
select option{background:var(--bg2);}
textarea{resize:vertical;min-height:96px;}
.form-submit{width:100%;padding:13px;border-radius:9px;background:var(--green);
  color:#050025;font-size:15px;font-weight:700;letter-spacing:.04em;border:none;
  cursor:pointer;transition:all .2s;font-family:'DM Sans',sans-serif;
  box-shadow:0 0 26px rgba(3,255,43,.25);}
.form-submit:hover{opacity:.88;transform:translateY(-1px);}
.form-note{font-size:11px;color:var(--w50);text-align:center;margin-top:11px;line-height:1.6;}
.form-success{display:none;text-align:center;padding:28px 0;}
.form-success .si{font-size:44px;margin-bottom:12px;}
.form-success h4{font-size:19px;font-weight:700;color:var(--green);margin-bottom:7px;}
.form-success p{font-size:14px;color:var(--w80);}

/* FOOTER */
footer{border-top:1px solid var(--w10);position:relative;z-index:2;}
.footer-inner{max-width:1100px;margin:0 auto;padding:56px 24px 32px;
  display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:44px;align-items:start;}
.footer-brand img{
  width:240px;          /* fill the 280px column nicely */
  height:auto;
  display:block;
  margin-bottom:0;
  border:none;outline:none;
}
.footer-brand p{font-size:13px;color:var(--w50);line-height:1.7;}
.footer-col h4{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--w50);margin-bottom:13px;}
.footer-col a{display:block;font-size:13px;color:var(--w80);text-decoration:none;
  margin-bottom:8px;transition:color .15s;}
.footer-col a:hover{color:var(--white);}
.footer-bottom{max-width:1100px;margin:0 auto;padding:16px 24px;
  border-top:1px solid var(--w06);display:flex;align-items:center;
  justify-content:space-between;flex-wrap:wrap;gap:10px;}
.footer-copy{font-size:12px;color:var(--w50);}
.footer-legal{display:flex;gap:16px;}
.footer-legal a{font-size:12px;color:var(--w50);text-decoration:none;}
.footer-legal a:hover{color:var(--white);}

/* REVEAL */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:none;}
.rd1{transition-delay:.1s;}.rd2{transition-delay:.2s;}.rd3{transition-delay:.3s;}

/* RESPONSIVE */
@media(max-width:960px){
  nav{padding:12px 20px;}
  .nav-links{display:none;}
  .hero-content{grid-template-columns:1fr;padding:88px 24px 52px;}
  .hero-logo-side{display:none;}
  .how-timeline{flex-direction:column;gap:24px;}
  .how-timeline::before{display:none;}
  .how-icon-wrap{margin:0 0 14px;}
  .how-step h3,.how-step p{text-align:left;}
  .svc-grid{grid-template-columns:1fr;}
  .excl-wrap,.contact-wrap{grid-template-columns:1fr;gap:44px;}
  .seg-grid,.pricing-grid,.why-grid{grid-template-columns:1fr;}
  .addon-grid-4{grid-template-columns:1fr 1fr;}
  .addon-grid-flex .addon-p-card{max-width:100%;}
  .footer-inner{grid-template-columns:1fr 1fr;}
  .frow{grid-template-columns:1fr;}
}

/* ── FORM ERROR ──────────────────────────────────────────────────────────── */
.form-error {
  background: rgba(239,68,68,.1);
  border: 1px solid rgba(239,68,68,.3);
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 13px;
  color: #ef4444;
  margin-top: 10px;
}

/* ── MOBILE NAV ──────────────────────────────────────────────────────────── */
.nav-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
}
.nav-hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--white);
  border-radius: 2px;
  transition: all .2s;
}
@media(max-width:960px) {
  .nav-hamburger { display: flex; }
  .nav-links {
    display: none;
    position: fixed;
    top: 60px; left: 0; right: 0;
    background: rgba(7,0,48,.98);
    backdrop-filter: blur(20px);
    flex-direction: column;
    padding: 24px 28px;
    gap: 20px;
    border-bottom: 1px solid var(--w10);
    z-index: 99;
  }
  .nav-open .nav-links { display: flex; }
  .nav-links a { font-size: 16px; }
}

/* ── LEGAL PAGES (page.php) ──────────────────────────────────────────────── */
.legal-page-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(42px,5vw,72px);
  line-height: .95;
  letter-spacing: .04em;
}


/* ── LOGO SIZE CONTROL ───────────────────────────────────────────────────────
   Logos são arquivos PNG incluídos no theme (assets/images/)
   e dimensionados diretamente via CSS + atributos width/height no HTML.
   Para trocar: substitua o arquivo PNG via FTP.
   Para mudar tamanho: edite os valores abaixo.
*/

/* Nav logo */
.nav-logo-img {
  height: 34px !important;
  width: auto !important;
  max-width: 200px !important;
  display: block !important;
  object-fit: contain !important;
}

/* Hero logo (lado direito do banner) */
.hero-logo-img {
  width: 340px !important;
  height: auto !important;
  max-width: 340px !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 40px rgba(3,255,43,.22)) drop-shadow(0 0 80px rgba(166,33,246,.14));
}

/* Footer logo */
.footer-logo-img {
  width: 220px !important;
  height: auto !important;
  max-width: 220px !important;
  display: block !important;
  object-fit: contain !important;
}

/* Remover qualquer estilo do WP custom logo que possa interferir */
.custom-logo-link img,
.wp-block-site-logo img {
  max-width: 100% !important;
  height: auto !important;
}
