/* ═══════════════════════════════════════════════════
   HERMANOS FLOREZ DEV — PUBLIC CSS
   ═══════════════════════════════════════════════════ */

/* ── TOKENS ────────────────────────────────────────── */
:root {
  --bg:#0a0a0f; --bg2:#0f0f18; --bg3:#141420;
  --sur:rgba(255,255,255,.04); --sur2:rgba(255,255,255,.08);
  --bd:rgba(255,255,255,.08); --bd2:rgba(255,255,255,.16);
  --tx:#f0f0f5; --tm:rgba(240,240,245,.55); --tf:rgba(240,240,245,.28);
  --ac:#7c5cfc; --ac2:#00d9c0; --ac3:#ff6b6b;
  --g1:linear-gradient(135deg,#7c5cfc,#00d9c0);
  --g2:linear-gradient(135deg,#ff6b6b,#ffd93d);
  --shad:0 24px 60px rgba(0,0,0,.55);
  --r:20px; --rs:12px; --nh:72px;
  --fd:'Syne',sans-serif; --fb:'DM Sans',sans-serif;
}
[data-theme="light"] {
  --bg:#f8f8fc; --bg2:#f0f0f8; --bg3:#e8e8f4;
  --sur:rgba(0,0,0,.04); --sur2:rgba(0,0,0,.07);
  --bd:rgba(0,0,0,.08); --bd2:rgba(0,0,0,.16);
  --tx:#0d0d1a; --tm:rgba(13,13,26,.58); --tf:rgba(13,13,26,.3);
  --shad:0 24px 60px rgba(0,0,0,.1);
}

/* ── RESET ─────────────────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--bg);color:var(--tx);overflow-x:hidden;transition:background .4s,color .4s}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
::selection{background:rgba(124,92,252,.3)}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--ac);border-radius:4px}

/* noise */
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.5}

/* ── PROGRESS BAR ──────────────────────────────────── */
#rprog{position:fixed;top:0;left:0;height:3px;background:var(--g1);z-index:1100;width:0%;transition:width .1s linear;border-radius:0 2px 2px 0}

/* ── NAV ───────────────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;height:var(--nh);z-index:1000;display:flex;align-items:center;padding:0 clamp(20px,5vw,60px);transition:background .4s,border .4s}
nav.scrolled{background:rgba(10,10,15,.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--bd)}
[data-theme="light"] nav.scrolled{background:rgba(248,248,252,.9)}
.nav-inner{width:100%;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-family:var(--fd);font-size:1.15rem;font-weight:800;background:var(--g1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}
.nav-links{display:flex;align-items:center;gap:36px}
.nav-link{font-size:.875rem;font-weight:500;color:var(--tm);transition:color .3s;letter-spacing:.02em}
.nav-link:hover,.nav-link.active{color:var(--tx)}
.nav-actions{display:flex;align-items:center;gap:12px}
.theme-toggle{width:40px;height:40px;border-radius:50%;background:var(--sur);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;color:var(--tm);font-size:.95rem;transition:all .3s}
.theme-toggle:hover{background:var(--sur2);color:var(--tx)}
.btn-nav-cta{padding:8px 20px;background:var(--g1);border-radius:100px;font-size:.875rem;font-weight:600;color:#fff;transition:opacity .3s,transform .3s}
.btn-nav-cta:hover{opacity:.85;transform:translateY(-1px)}
.hamburger{display:none;flex-direction:column;gap:5px;padding:8px}
.hamburger span{display:block;width:22px;height:2px;background:var(--tx);border-radius:2px;transition:all .3s}
.mobile-menu{position:fixed;inset:0;background:var(--bg);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;visibility:hidden;transition:all .4s}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu a{font-family:var(--fd);font-size:2.2rem;font-weight:700;color:var(--tx);transition:color .3s}
.mobile-menu a:hover{color:var(--ac)}
@media(max-width:1024px){.nav-links{display:none}.hamburger{display:flex}}

/* ── BUTTONS ───────────────────────────────────────── */
.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:var(--g1);border-radius:100px;font-size:.92rem;font-weight:600;color:#fff;transition:all .3s;box-shadow:0 8px 28px rgba(124,92,252,.35)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(124,92,252,.5)}
.btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;background:transparent;border:1px solid var(--bd2);border-radius:100px;font-size:.92rem;font-weight:500;color:var(--tx);transition:all .3s}
.btn-secondary:hover{background:var(--sur2);border-color:var(--ac);transform:translateY(-2px)}

/* ── REVEAL ────────────────────────────────────────── */
.rv{opacity:0;transform:translateY(36px);transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}

/* ── SECTIONS ──────────────────────────────────────── */
.sec{padding:clamp(80px,10vw,130px) clamp(20px,5vw,60px)}
.sec-alt{background:var(--bg2)}
.wrap{max-width:1400px;margin:0 auto}
.sec-label{display:inline-flex;align-items:center;gap:12px;font-size:.72rem;font-weight:600;color:var(--ac);text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}
.sec-label::before{content:'';width:22px;height:2px;background:var(--g1);border-radius:2px}
.sec-title{font-family:var(--fd);font-size:clamp(2rem,4vw,3.8rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;margin-bottom:16px}
.sec-sub{font-size:1.04rem;color:var(--tm);line-height:1.85;max-width:560px}
.sec-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px;margin-bottom:clamp(48px,7vw,80px)}
.sec-body{font-size:1.04rem;color:var(--tm);line-height:1.85}

/* ── HERO ──────────────────────────────────────────── */
.hero{min-height:100vh;height:auto;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;padding:calc(var(--nh)+60px) clamp(20px,5vw,60px) clamp(60px,8vw,100px)}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg-grad{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 40%,rgba(124,92,252,.2) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(0,217,192,.13) 0%,transparent 55%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--bd) 1px,transparent 1px),linear-gradient(90deg,var(--bd) 1px,transparent 1px);background-size:60px 60px;opacity:.35;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0;animation:orbIn 1s ease forwards}
.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(124,92,252,.2),transparent);top:-200px;left:-120px;animation:orbIn 1s .2s ease forwards,floatA 9s 1.2s ease-in-out infinite}
.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(0,217,192,.15),transparent);bottom:-100px;right:-60px;animation:orbIn 1s .4s ease forwards,floatB 7s 1.4s ease-in-out infinite}
.orb-3{width:250px;height:250px;background:radial-gradient(circle,rgba(255,107,107,.12),transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation:orbIn 1s .6s ease forwards}
@keyframes orbIn{to{opacity:1}}
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-28px)}}
@keyframes floatB{0%,100%{transform:translateY(0)}50%{transform:translateY(22px)}}
.hero-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;width:100%}
.hero-tag{display:inline-flex;align-items:center;gap:9px;padding:6px 18px;background:rgba(124,92,252,.12);border:1px solid rgba(124,92,252,.25);border-radius:100px;font-size:.78rem;font-weight:600;color:var(--ac);text-transform:uppercase;letter-spacing:.1em;margin-bottom:28px;opacity:0;animation:fadeUp .7s ease .6s forwards}
.hero-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--ac2);animation:blink 1.5s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.hero-title{font-family:var(--fd);font-size:clamp(2rem,4.5vw,5rem);font-weight:800;line-height:.93;letter-spacing:-.04em;margin-bottom:28px;opacity:0;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .8s forwards}
.hero-line{display:block;overflow:hidden}
.hero-inner{display:block;transform:translateY(100%);animation:slideUp .8s cubic-bezier(.16,1,.3,1) .8s forwards}
.hero-line:nth-child(2) .hero-inner{animation-delay:.95s}
.text-grad{background:var(--g1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.text-outlined{-webkit-text-stroke:2px var(--tf);color:transparent}
@keyframes slideUp{to{transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.hero-desc{font-size:clamp(1rem,1.8vw,1.15rem);color:var(--tm);line-height:1.75;max-width:540px;margin-bottom:32px;opacity:0;animation:fadeUp .7s ease 1s forwards}
.typed-wrap{display:inline-block;color:var(--ac2);font-weight:600;min-height:1.4em}
.typed-cursor{display:inline-block;width:3px;height:1em;background:var(--ac2);margin-left:2px;vertical-align:middle;animation:blink .8s step-end infinite}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;opacity:0;animation:fadeUp .7s ease 1.2s forwards;margin-bottom:60px}
.hero-stats{display:flex;flex-wrap:wrap;gap:40px;padding-top:40px;border-top:1px solid var(--bd);opacity:0;animation:fadeUp .7s ease 1.4s forwards}
.hero-stat{}
.stat-num{font-family:var(--fd);font-size:2.5rem;font-weight:800;background:var(--g1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.stat-lbl{font-size:.82rem;color:var(--tm);margin-top:4px}
.hero-scroll{display:none!important;visibility:hidden!important;display:none!important;position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--tf);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;opacity:0;animation:fadeUp .7s ease 1.8s forwards;z-index:2}
.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,var(--ac),transparent);animation:scrollDown 2s ease-in-out infinite}
@keyframes scrollDown{0%{height:0;opacity:0}50%{height:50px;opacity:1}100%{height:50px;opacity:0;transform:translateY(16px)}}

/* ── MARQUEE ───────────────────────────────────────── */
.marquee-strip{padding:18px 0;overflow:hidden;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);background:var(--bg2)}
.marquee-track{display:flex;animation:marquee 20s linear infinite;width:max-content}
.marquee-track:hover{animation-play-state:paused}
.marquee-item{display:inline-flex;align-items:center;gap:20px;padding:0 40px;font-family:var(--fd);font-size:.85rem;font-weight:600;color:var(--tm);text-transform:uppercase;letter-spacing:.05em}
.m-dot{width:5px;height:5px;border-radius:50%;background:var(--ac);flex-shrink:0}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── SERVICES ──────────────────────────────────────── */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.service-card{padding:36px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}
.service-card::before{content:'';position:absolute;inset:0;background:var(--g1);opacity:0;transition:opacity .4s}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shad);border-color:transparent}
.service-card:hover::before{opacity:.07}
.service-card *{position:relative;z-index:1}
.sc-num{font-family:var(--fd);font-size:.72rem;font-weight:700;color:var(--tf);letter-spacing:.1em;margin-bottom:24px}
.sc-icon{font-size:1.8rem;margin-bottom:22px;width:56px;height:56px;background:var(--sur2);border:1px solid var(--bd);border-radius:var(--rs);display:flex;align-items:center;justify-content:center;transition:all .3s}
.service-card:hover .sc-icon{background:rgba(124,92,252,.2);border-color:rgba(124,92,252,.4)}
.sc-title{font-family:var(--fd);font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:14px}
.sc-text{font-size:.92rem;color:var(--tm);line-height:1.75;margin-bottom:24px}
.sc-link{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--ac);transition:gap .3s}
.service-card:hover .sc-link{gap:14px}

/* ── PORTFOLIO ─────────────────────────────────────── */
.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.port-item{border-radius:var(--r);overflow:hidden;position:relative;background:var(--bg3);display:block;transition:all .4s cubic-bezier(.16,1,.3,1)}
.port-item:hover{transform:translateY(-6px);box-shadow:var(--shad)}
.port-wide{grid-column:span 7}
.port-item:not(.port-wide){grid-column:span 5}
.port-item:nth-child(3){grid-column:span 5}
.port-item:nth-child(4){grid-column:span 7}
@media(max-width:1024px){.port-item,.port-wide,.port-item:nth-child(3),.port-item:nth-child(4){grid-column:span 12!important}}
.port-img{width:100%;height:clamp(260px,30vw,420px);object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.port-item:hover .port-img{transform:scale(1.04)}
.port-placeholder{width:100%;height:clamp(260px,30vw,420px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(124,92,252,.15),rgba(0,217,192,.1));border:1px solid var(--bd)}
.port-placeholder[style]{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 20%,transparent),transparent)}
.port-ph-icon{font-size:4rem;opacity:.3}
.port-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,15,.95) 0%,transparent 55%);display:flex;flex-direction:column;justify-content:flex-end;padding:28px;opacity:0;transition:opacity .4s}
.port-item:hover .port-overlay{opacity:1}
.port-tag{display:inline-block;padding:4px 12px;background:var(--ac);border-radius:100px;font-size:.68rem;font-weight:600;color:#fff;text-transform:uppercase;margin-bottom:8px;width:fit-content}
.port-name{font-family:var(--fd);font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:6px}
.port-desc{font-size:.85rem;color:rgba(255,255,255,.7);line-height:1.5}
.empty-state{text-align:center;padding:80px 20px;color:var(--tm)}
.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.3}

/* ── GRAD CTA BAND ─────────────────────────────────── */
.grad-cta-band{padding:clamp(40px,5vw,60px) clamp(20px,5vw,60px);text-align:center;overflow:hidden;background:var(--bg)}
.grad-cta-text{font-family:var(--fd);font-size:clamp(2rem,5vw,4.5rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(90deg,#7c5cfc,#00d9c0,#7c5cfc);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gshift 4s ease-in-out infinite;display:block}
@keyframes gshift{0%,100%{background-position:0%}50%{background-position:100%}}

/* ── ABOUT ─────────────────────────────────────────── */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:48px}}
.about-visual{position:relative}
.about-img-main{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--g1);display:flex;align-items:center;justify-content:center;font-size:6rem}
.about-img-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(124,92,252,.3),rgba(0,217,192,.2))}
.about-badge{position:absolute;bottom:-20px;right:-20px;background:var(--bg2);border:1px solid var(--bd);border-radius:var(--rs);padding:20px 24px;box-shadow:var(--shad)}
.badge-num{font-family:var(--fd);font-size:2.5rem;font-weight:800;background:var(--g1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.badge-lbl{font-size:.78rem;color:var(--tm);margin-top:4px}
.about-text{font-size:1.02rem;color:var(--tm);line-height:1.85;margin-bottom:16px}
.highlights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}
.highlight-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--rs);font-size:.875rem;font-weight:500;transition:all .3s}
.highlight-item:hover{background:var(--sur2);border-color:var(--ac)}
.tech-wrap{margin-top:32px}
.tech-label{font-size:.7rem;font-weight:600;color:var(--tf);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.tech-pills{display:flex;flex-wrap:wrap;gap:9px}
.tech-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:var(--sur);border:1px solid var(--bd);border-radius:100px;font-size:.78rem;font-weight:500;color:var(--tm);transition:all .3s}
.tech-pill:hover{border-color:var(--ac);color:var(--tx);transform:translateY(-2px)}

/* ── PROCESS ───────────────────────────────────────── */
.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px}
.process-step{padding:40px 32px;background:var(--sur);border:1px solid var(--bd);transition:background .3s}
.process-step:first-child{border-radius:var(--r) 0 0 var(--r)}
.process-step:last-child{border-radius:0 var(--r) var(--r) 0}
.process-step:hover{background:var(--sur2)}
@media(max-width:900px){.process-grid{grid-template-columns:1fr}.process-step:first-child{border-radius:var(--r) var(--r) 0 0}.process-step:last-child{border-radius:0 0 var(--r) var(--r)}}
.ps-num{font-family:var(--fd);font-size:3.5rem;font-weight:800;background:var(--g1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:18px;opacity:.4}
.ps-title{font-family:var(--fd);font-size:1.15rem;font-weight:700;margin-bottom:10px}
.ps-text{font-size:.875rem;color:var(--tm);line-height:1.7}

/* ── TESTIMONIALS ──────────────────────────────────── */
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.testi-card{padding:36px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}
.testi-card::before{content:'"';position:absolute;top:16px;right:24px;font-size:8rem;font-family:var(--fd);font-weight:800;color:var(--ac);opacity:.07;line-height:1}
.testi-card:hover{transform:translateY(-6px);box-shadow:var(--shad);border-color:rgba(124,92,252,.3)}
.testi-stars{display:flex;gap:4px;color:#ffd93d;font-size:.9rem;margin-bottom:18px}
.testi-text{font-size:.97rem;color:var(--tm);line-height:1.85;margin-bottom:24px;font-style:italic}
.testi-author{display:flex;align-items:center;gap:14px}
.t-avatar{width:48px;height:48px;border-radius:50%;background:var(--g1);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:.9rem;font-weight:800;color:#fff;flex-shrink:0;overflow:hidden}
.t-avatar img{width:100%;height:100%;object-fit:cover}
.t-name{font-family:var(--fd);font-size:.95rem;font-weight:700}
.t-role{font-size:.8rem;color:var(--tm);margin-top:2px}

/* ── CONTACT ───────────────────────────────────────── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:48px}}
.contact-info{position:sticky;top:100px}
.contact-links{display:flex;flex-direction:column;gap:14px;margin-top:36px}
.contact-link{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--rs);transition:all .3s;color:var(--tx)}
.contact-link:hover{background:var(--sur2);border-color:var(--ac);transform:translateX(5px)}
.cl-icon{width:42px;height:42px;background:var(--g1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0}
.cl-text{flex:1}
.cl-label{font-size:.7rem;color:var(--tf)}
.cl-val{font-size:.92rem;font-weight:500;margin-top:2px}
.cl-arrow{color:var(--tf);font-size:.8rem}
.contact-form{display:flex;flex-direction:column;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.form-row{grid-template-columns:1fr}}
.form-group{display:flex;flex-direction:column;gap:7px}
label{font-size:.78rem;font-weight:600;color:var(--tm);text-transform:uppercase;letter-spacing:.05em}
input,textarea,select{width:100%;padding:13px 16px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--rs);color:var(--tx);font-family:var(--fb);font-size:.95rem;transition:all .3s;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--ac);background:var(--sur2);box-shadow:0 0 0 3px rgba(124,92,252,.1)}
input::placeholder,textarea::placeholder{color:var(--tf)}
textarea{resize:vertical;min-height:130px}
.form-submit{width:fit-content}
.form-error{font-size:.8rem;color:var(--ac3);margin-top:2px}
.alert{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;border-radius:var(--rs);font-size:.9rem;margin-bottom:16px}
.alert-success{background:rgba(0,217,192,.1);border:1px solid rgba(0,217,192,.3);color:var(--ac2)}
.alert-error{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);color:var(--ac3)}

/* ── FOOTER ────────────────────────────────────────── */
footer{background:var(--bg);border-top:1px solid var(--bd);padding:clamp(60px,8vw,90px) clamp(20px,5vw,60px) 32px}
.footer-inner{max-width:1400px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:560px){.footer-top{grid-template-columns:1fr}}
.footer-logo{font-family:var(--fd);font-size:1.2rem;font-weight:800;background:var(--g1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}
.footer-tagline{font-size:.88rem;color:var(--tm);line-height:1.7;max-width:280px;margin-bottom:24px}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap}
.social-btn{width:40px;height:40px;background:var(--sur);border:1px solid var(--bd);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--tm);transition:all .3s}
.social-btn:hover{background:var(--g1);border-color:transparent;color:#fff;transform:translateY(-3px) rotate(-5deg)}
.footer-links-col h4{font-family:var(--fd);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tf);margin-bottom:16px}
.footer-links-col a{display:block;font-size:.88rem;color:var(--tm);margin-bottom:10px;transition:color .3s}
.footer-links-col a:hover{color:var(--tx)}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;border-top:1px solid var(--bd);font-size:.82rem;color:var(--tf)}

/* ── WHATSAPP ──────────────────────────────────────── */
.wa-float{position:fixed;bottom:32px;right:32px;z-index:900;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.65rem;color:#fff;box-shadow:0 8px 28px rgba(37,211,102,.4);transition:all .3s;text-decoration:none}
.wa-float:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 14px 44px rgba(37,211,102,.5)}
.wa-float::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:rgba(37,211,102,.25);animation:wap 2s ease-in-out infinite}
@keyframes wap{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.28);opacity:0}}
.wa-tooltip{position:absolute;right:64px;top:50%;transform:translateY(-50%);background:var(--bg);color:var(--tx);padding:7px 13px;border-radius:8px;font-size:.77rem;font-weight:500;white-space:nowrap;border:1px solid var(--bd);opacity:0;pointer-events:none;transition:opacity .3s}
.wa-float:hover .wa-tooltip{opacity:1}
.back-top{position:fixed;bottom:100px;right:32px;width:44px;height:44px;background:var(--sur);border:1px solid var(--bd);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--tm);z-index:800;opacity:0;pointer-events:none;transition:all .3s}
.back-top.visible{opacity:1;pointer-events:all}
.back-top:hover{background:var(--sur2);color:var(--tx);transform:translateY(-3px)}

/* ── PROJECT DETAIL ────────────────────────────────── */
.proj-hero{min-height:100vh;display:flex;align-items:flex-end;position:relative;overflow:hidden;padding:calc(var(--nh)+60px) clamp(20px,5vw,60px) clamp(60px,8vw,100px)}
.ph-bg{position:absolute;inset:0}
.ph-grad{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 20% 50%,color-mix(in srgb,var(--acc,#7c5cfc) 20%,transparent) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 60%,rgba(0,217,192,.1) 0%,transparent 55%)}
.ph-grid{position:absolute;inset:0;background-image:linear-gradient(var(--bd) 1px,transparent 1px),linear-gradient(90deg,var(--bd) 1px,transparent 1px);background-size:60px 60px;opacity:.3;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}
.ph-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:floatA 9s ease-in-out infinite}
.ph-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(124,92,252,.18),transparent);top:-150px;left:-100px;opacity:.6}
.ph-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(0,217,192,.14),transparent);bottom:-100px;right:-60px;opacity:.6;animation:floatB 7s ease-in-out infinite}
.ph-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;width:100%}
.back-link{display:inline-flex;align-items:center;gap:9px;padding:8px 18px;background:var(--sur);border:1px solid var(--bd);border-radius:100px;font-size:.82rem;font-weight:500;color:var(--tm);transition:all .3s;margin-bottom:36px}
.back-link:hover{background:var(--sur2);border-color:var(--ac);color:var(--tx);transform:translateX(-3px)}
.ph-category{display:inline-flex;align-items:center;gap:9px;padding:6px 18px;background:rgba(124,92,252,.12);border:1px solid rgba(124,92,252,.25);border-radius:100px;font-size:.78rem;font-weight:600;color:var(--ac);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}
.ph-title{font-family:var(--fd);font-size:clamp(3rem,9vw,8rem);font-weight:800;line-height:.93;letter-spacing:-.04em;margin-bottom:24px}
.ph-sub{font-size:clamp(1rem,2vw,1.15rem);color:var(--tm);line-height:1.75;max-width:580px;margin-bottom:32px}
.ph-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}
.ph-tag{padding:7px 16px;background:var(--sur);border:1px solid var(--bd);border-radius:100px;font-size:.8rem;font-weight:500;color:var(--tm)}
.ph-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.info-bar{background:var(--bg2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:28px clamp(20px,5vw,60px)}
.info-bar-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:24px}
.ii-label{font-size:.7rem;font-weight:600;color:var(--tf);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}
.ii-val{font-family:var(--fd);font-size:.97rem;font-weight:700}
.ii-val a{color:var(--ac);transition:color .3s}
.ii-val a:hover{color:var(--ac2)}
.proj-cover{padding:0 clamp(20px,5vw,60px);max-width:1520px;margin:clamp(40px,5vw,60px) auto 0}
.proj-cover img{width:100%;max-height:600px;object-fit:cover;border-radius:var(--r);transition:transform .5s ease}
.proj-cover:hover img{transform:scale(1.01)}
.ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
@media(max-width:900px){.ov-grid{grid-template-columns:1fr;gap:44px}}
.pull-quote{padding:24px 28px;background:var(--sur);border-left:3px solid var(--ac);border-radius:0 var(--rs) var(--rs) 0;margin:24px 0}
.pull-quote p{font-family:var(--fd);font-size:1.05rem;font-weight:600;line-height:1.5}
.pull-quote cite{display:block;margin-top:8px;font-size:.8rem;font-style:normal;color:var(--tf)}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.stat-card{padding:24px 20px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--rs);text-align:center;transition:all .35s}
.stat-card:hover{background:var(--sur2);border-color:rgba(124,92,252,.35);transform:translateY(-4px)}
.sc-val{font-family:var(--fd);font-size:2.4rem;font-weight:800;background:var(--g1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.sc-lbl{font-size:.8rem;color:var(--tm);margin-top:5px}
.tech-box{padding:24px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--rs)}
.tech-box-label{font-size:.7rem;font-weight:600;color:var(--tf);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.two-col{display:grid;grid-template-columns:2fr 3fr;gap:80px;align-items:start}
@media(max-width:900px){.two-col{grid-template-columns:1fr;gap:36px}}
.gallery-section{background:var(--bg2)}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;padding:clamp(40px,6vw,72px) clamp(20px,5vw,60px)}
.gallery-item{border-radius:var(--r);overflow:hidden;position:relative;background:var(--bg3)}
.g-wide{grid-column:span 7}
.gallery-item:not(.g-wide){grid-column:span 5}
.gallery-item:nth-child(3){grid-column:span 5}
.gallery-item:nth-child(4){grid-column:span 7}
@media(max-width:1024px){.gallery-item,.g-wide,.gallery-item:nth-child(3),.gallery-item:nth-child(4){grid-column:span 12!important}}
.gallery-item img{width:100%;height:clamp(220px,28vw,400px);object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.gallery-item:hover img{transform:scale(1.05)}
.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,15,.92) 0%,transparent 55%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;opacity:0;transition:opacity .4s}
.gallery-item:hover .gallery-overlay{opacity:1}
.g-tag{display:inline-block;padding:4px 10px;background:var(--ac);border-radius:100px;font-size:.66rem;font-weight:600;color:#fff;text-transform:uppercase;margin-bottom:6px;width:fit-content}
.g-title{font-family:var(--fd);font-size:1.05rem;font-weight:700;color:#fff}
.quote-band{padding:clamp(60px,8vw,100px) clamp(20px,8vw,120px);text-align:center;background:var(--bg2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);position:relative;overflow:hidden}
.qb-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.qb-o1{width:400px;height:400px;background:radial-gradient(circle,rgba(124,92,252,.15),transparent);top:-150px;left:-80px}
.qb-o2{width:300px;height:300px;background:radial-gradient(circle,rgba(0,217,192,.12),transparent);bottom:-100px;right:-50px}
.qb-mark{font-family:var(--fd);font-size:7rem;line-height:.7;background:var(--g1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:12px;opacity:.35}
.qb-text{font-family:var(--fd);font-size:clamp(1.3rem,3vw,2rem);font-weight:700;line-height:1.38;color:var(--tx);position:relative;z-index:1;max-width:800px;margin:0 auto}
.qb-author{margin-top:20px;font-size:.9rem;color:var(--tm);position:relative;z-index:1}
.sol-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-top:44px}
@media(max-width:900px){.sol-layout{grid-template-columns:1fr;gap:32px}}
.features-list{display:flex;flex-direction:column;gap:14px}
.feat-item{display:flex;gap:16px;padding:18px 20px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--rs);transition:all .3s}
.feat-item:hover{background:var(--sur2);border-color:rgba(124,92,252,.3);transform:translateX(5px)}
.feat-icon{width:44px;height:44px;background:var(--g1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.feat-item h4{font-family:var(--fd);font-size:.95rem;font-weight:700;margin-bottom:4px}
.feat-item p{font-size:.85rem;color:var(--tm);line-height:1.6}
.cta-box{padding:clamp(60px,8vw,90px) clamp(32px,6vw,80px);background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);max-width:820px;margin:0 auto;position:relative;overflow:hidden;text-align:center}
.cta-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.2}
.cta-o1{width:400px;height:400px;background:radial-gradient(circle,#7c5cfc,transparent);top:-150px;left:-80px}
.cta-o2{width:300px;height:300px;background:radial-gradient(circle,#00d9c0,transparent);bottom:-100px;right:-50px}
.cta-title{font-family:var(--fd);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.03em;position:relative;z-index:1;margin-bottom:12px}
.cta-sub{font-size:1rem;color:var(--tm);margin-bottom:32px;position:relative;z-index:1}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}
.proj-nav{border-top:1px solid var(--bd);background:var(--bg2)}
.pn-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr}
.pn-link{display:flex;flex-direction:column;padding:36px clamp(20px,5vw,60px);gap:6px;transition:background .3s}
.pn-link:hover{background:var(--sur)}
.pn-right{border-left:1px solid var(--bd);align-items:flex-end;text-align:right}
.pn-dir{font-size:.7rem;font-weight:600;color:var(--tf);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:6px}
.pn-right .pn-dir{justify-content:flex-end}
.pn-name{font-family:var(--fd);font-size:1.15rem;font-weight:700;color:var(--tx);transition:color .3s}
.pn-link:hover .pn-name{color:var(--ac)}
.pn-type{font-size:.78rem;color:var(--tf)}

/* ── PROJECTS INDEX ────────────────────────────────── */
.projects-hero{padding:calc(var(--nh)+100px) clamp(20px,5vw,60px) 80px;background:var(--bg);position:relative;overflow:hidden}
.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;padding:clamp(40px,6vw,72px) clamp(20px,5vw,60px);max-width:1400px;margin:0 auto}
.proj-card{display:block;border-radius:var(--r);overflow:hidden;background:var(--bg3);border:1px solid var(--bd);transition:all .4s cubic-bezier(.16,1,.3,1)}
.proj-card:hover{transform:translateY(-8px);box-shadow:var(--shad);border-color:rgba(124,92,252,.3)}
.proj-card-img{height:240px;overflow:hidden;position:relative}
.proj-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.proj-card:hover .proj-card-img img{transform:scale(1.05)}
.proj-card-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem}
.proj-card-body{padding:24px}
.proj-card-cat{font-size:.72rem;font-weight:600;color:var(--ac);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.proj-card-title{font-family:var(--fd);font-size:1.3rem;font-weight:700;margin-bottom:8px;transition:color .3s}
.proj-card:hover .proj-card-title{color:var(--ac)}
.proj-card-desc{font-size:.875rem;color:var(--tm);line-height:1.7;margin-bottom:16px}
.proj-card-footer{display:flex;align-items:center;justify-content:space-between}
.proj-card-year{font-size:.78rem;color:var(--tf)}
.proj-card-link{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--ac)}

/* ── RESPONSIVE MISC ───────────────────────────────── */
@media(max-width:768px){
  .wa-float{width:50px;height:50px;font-size:1.4rem;bottom:20px;right:20px}
  .back-top{bottom:84px;right:20px}
  .about-badge{bottom:-10px;right:-10px}
  .highlights{grid-template-columns:1fr}
}
@media(max-width:600px){
  .testi-card,.cta-box{padding:28px 20px}
  .pn-grid{grid-template-columns:1fr}
  .pn-right{border-left:none;border-top:1px solid var(--bd);align-items:flex-start;text-align:left}
  .pn-right .pn-dir{justify-content:flex-start}
}

/* ── HERO OVERFLOW FIX ── */
.hero-content { overflow: hidden; }
.hero-title { font-size: clamp(2rem, 5vw, 5.5rem) !important; line-height: 1 !important; word-break: break-word; }
.hero-line { overflow: hidden; display: block; }

/* ── GLOBAL PADDING FIX ── */
.hero, .projects-hero, .proj-hero {
  padding-left: clamp(20px, 5vw, 60px) !important;
  padding-right: clamp(20px, 5vw, 60px) !important;
}
.hero-title, .sec-title {
  font-size: clamp(2rem, 4.5vw, 5rem) !important;
  line-height: 1.05 !important;
  word-break: break-word;
}
.ph-title {
  font-size: clamp(2.5rem, 6vw, 6rem) !important;
  line-height: 1 !important;
}
.hero-content, .ph-content {
  padding-left: 0 !important;
  width: 100% !important;
  max-width: 900px;
}

/* ── FIXES FINALES ── */
.proj-hero { min-height: auto !important; padding-bottom: 60px !important; }
.ph-actions { flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.hero-stats { margin-top: 48px; }
.projects-hero { min-height: auto !important; }

.hero-scroll,.scroll-line{display:none!important}
/* ── FIXES HERO STATS Y BOTONES ── */
.hero-stats{display:flex;flex-wrap:wrap;gap:32px;padding-top:40px;border-top:1px solid var(--bd);justify-content:flex-start;align-items:flex-start;width:100%}
.hero-stat{flex:1;min-width:100px;text-align:center}
.stat-num{font-size:clamp(1.8rem,3vw,2.8rem)}
.stat-lbl{font-size:.78rem;color:var(--tm);margin-top:4px;white-space:nowrap}
.ph-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;align-items:center}
.ph-actions .btn-primary,.ph-actions .btn-secondary{white-space:nowrap;flex-shrink:0}

/* ── FIX PROJ HERO PADDING ── */

/* ── FIX HERO STATS PADDING ── */

/* ── FIX STATS Y PROJ HERO ── */
.hero-stats{margin-bottom:0;overflow:visible;}
.ph-back{margin-bottom:24px;}

/* ── MOBILE FIXES ── */
@media(max-width:768px){
  /* Botones hero en columna pero completos */
  .hero-actions{flex-direction:column;align-items:flex-start;gap:12px;}
  .hero-actions .btn-primary,
  .hero-actions .btn-secondary{width:100%;justify-content:center;}

  /* WhatsApp visible */
  .wa-float{bottom:20px;right:16px;width:52px;height:52px;font-size:1.5rem;}

  /* Contacto - columna en movil */
  .contact-links{margin-top:20px;}


  /* Hero tag no se desborde */
  .hero-tag{white-space:normal;text-align:center;max-width:90%;}

  /* Stats completas */
  .hero-stats{gap:20px;}
  .hero-stat{min-width:80px;}
}

/* ── FIX OVERFLOW MOVIL ── */
@media(max-width:768px){
  * { max-width: 100%; }
}

/* ── FIX OVERFLOW DEFINITIVO ── */
.hero, .proj-hero, .qband, .cta-box,

/* ── FIX ORBES OVERFLOW ── */
@media(max-width:768px){
  .hero-orb, .orb-1, .orb-2, .orb-3,
  .ph-orb, .ph-orb-1, .ph-orb-2,
  .qband-orb, .qo1, .qo2,
  .cta-orb, .cta-o1, .cta-o2 {
    overflow: hidden;
  }
}

/* ── REVIEWS SLIDER ── */
.reviews-slider-wrap{position:relative;overflow:hidden}
.reviews-slider{display:flex;gap:20px;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.reviews-slide{min-width:calc(33.333% - 14px);flex-shrink:0}
.reviews-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:36px}
.reviews-btn{width:44px;height:44px;border-radius:50%;background:var(--sur);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;color:var(--tm);cursor:pointer;transition:all .3s;font-size:.9rem}
.reviews-btn:hover{background:var(--g1);border-color:transparent;color:#fff}
.reviews-dots{display:flex;gap:8px;align-items:center}
.reviews-dot{width:8px;height:8px;border-radius:50%;background:var(--bd2);cursor:pointer;transition:all .3s}
.reviews-dot.active{background:var(--ac);width:24px;border-radius:4px}
@media(max-width:900px){.reviews-slide{min-width:calc(50% - 10px)}}
@media(max-width:600px){.reviews-slide{min-width:100%}}

/* ── REVIEWS SLIDER FIX ── */
.reviews-slider-wrap{overflow:hidden;width:100%}
@media(max-width:900px){
}
@media(max-width:600px){
}


/* ── REVIEWS SLIDER FINAL FIX ── */
#reviewsSlider{
}
#reviewsSlider .testi-card{
}
@media(max-width:900px){
  #reviewsSlider .testi-card{flex:0 0 calc(50% - 10px) !important;min-width:calc(50% - 10px) !important;max-width:calc(50% - 10px) !important}
}
@media(max-width:600px){
  #reviewsSlider .testi-card{flex:0 0 100% !important;min-width:100% !important;max-width:100% !important}
}

/* ── SLIDER V2 CSS ── */
.reviews-slider-wrap{overflow:hidden;width:100%;position:relative}
#reviewsSlider{display:flex !important;flex-wrap:nowrap !important;gap:0 !important;transition:transform .5s cubic-bezier(.16,1,.3,1)}
#reviewsSlider .reviews-slide{flex-shrink:0;padding:0 10px;box-sizing:border-box}

/* ── SELECT DARK MODE FIX ── */

/* ── SELECT FIX DEFINITIVO ── */
select,select:focus,select:active{
}
select option{
}
[data-theme="light"] select option{
}

/* ── CONTACT FORM MOBILE ── */
@media(max-width:768px){
  #contactForm input,#contactForm textarea{font-size:16px !important;}
  #contact form,#contact .rv{background:transparent !important;}
}

/* ── CONTACT SECTION MOBILE PADDING ── */
@media(max-width:900px){
  #contact{padding-bottom:clamp(80px,12vw,120px) !important;}
  #contact .wrap{padding-bottom:20px;}
}

/* ── CONTACT FORM BG FIX ── */
@media(max-width:768px){
    #contact form,#contact .rv{background:transparent !important;}
    #contact.sec.sec-alt{background:var(--bg2) !important;}
}

/* ── FORCE CONTACT TRANSPARENT ── */
#contact,#contact .wrap,#contact .contact-grid,#contact .contact-form,
#contact form,#contact .rv{background:transparent !important;}
#contact.sec.sec-alt{background:var(--bg2) !important;}

/* ── CONTACT FORM MATCH SECTION BG ── */
@media(max-width:900px){
}

/* ── FORM BG MATCH ── */




/* ── FORM TRANSPARENT FINAL ── */


@media(max-width:900px){#contactForm{background:transparent!important;}}


/* ── LOGO TEMA ── */
.nav-logo img{filter:brightness(1) invert(0);transition:filter .4s}
[data-theme="light"] .nav-logo img{filter:brightness(0) invert(0)}

/* ── COVER IMAGE PADDING ── */

/* ── COVER MARGIN TOP ── */