/* InfoTech.io — Visual System V10
   Presentation-only layer. No auth/data/security behavior is changed here. */

:root{
  --v10-cyan:#47eaff;
  --v10-blue:#4c7dff;
  --v10-violet:#8d6bff;
  --v10-green:#4be7b0;
  --v10-ink:#020611;
  --v10-surface:rgba(7,18,36,.78);
  --v10-surface-strong:rgba(7,18,36,.94);
  --v10-border:rgba(105,211,255,.16);
  --v10-border-strong:rgba(105,226,255,.34);
  --v10-shadow:0 28px 80px rgba(0,0,0,.34);
}

html{background:#020611}
body{
  background:
    radial-gradient(circle at 10% 0%,rgba(71,234,255,.08),transparent 32%),
    radial-gradient(circle at 92% 8%,rgba(76,125,255,.12),transparent 34%),
    radial-gradient(circle at 55% 78%,rgba(141,107,255,.055),transparent 30%),
    linear-gradient(180deg,#020611 0%,#040b18 48%,#020611 100%);
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;
  background-image:radial-gradient(circle,rgba(101,221,255,.22) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,black,transparent 90%);
}

/* Accessibility and interaction */
a,button,input,select,textarea{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--v10-cyan);outline-offset:3px;
  box-shadow:0 0 0 6px rgba(71,234,255,.10);
}
::selection{background:rgba(71,234,255,.28);color:#fff}

/* Shared header */
.site-header{
  border-bottom:1px solid rgba(100,220,255,.08);
  background:rgba(2,6,17,.76);
  box-shadow:0 8px 36px rgba(0,0,0,.10);
}
.site-header.scrolled{background:rgba(2,6,17,.94);border-color:rgba(91,219,255,.16)}
.navbar{max-width:1240px}
.brand-copy strong{font-size:1.12rem;letter-spacing:-.02em}
.brand-copy small{letter-spacing:.18em;opacity:.8}
.menu a{position:relative;background:transparent!important;box-shadow:none!important}
.menu a::after{
  content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:99px;
  background:linear-gradient(90deg,var(--v10-cyan),var(--v10-blue));transform:scaleX(0);transform-origin:center;transition:.22s ease;
}
.menu a:hover::after,.menu a.ativo::after{transform:scaleX(1)}
.account-login-link{
  background:linear-gradient(180deg,rgba(12,31,55,.78),rgba(5,16,31,.88));
  border-color:rgba(89,222,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 30px rgba(0,0,0,.18);
}
.account-login-link:hover{border-color:rgba(89,231,255,.55);background:rgba(13,42,67,.78)}

/* Shared buttons */
.btn,.auth-primary{
  border-radius:14px;letter-spacing:-.005em;position:relative;overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.btn::after,.auth-primary::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.16) 45%,transparent 70%);
  transform:translateX(-130%);transition:transform .55s ease;
}
.btn:hover::after,.auth-primary:hover::after{transform:translateX(130%)}
.btn-primary,.auth-primary{
  color:#00121a;background:linear-gradient(135deg,#6af2ff,#2edbff 45%,#4f83ff 100%);
  box-shadow:0 14px 38px rgba(0,188,255,.20),inset 0 1px rgba(255,255,255,.45);
}
.btn-outline{background:rgba(8,23,42,.64);border-color:rgba(91,218,255,.28)}
.btn:hover,.auth-primary:hover{transform:translateY(-2px)}

/* Public page heroes */
.page-hero{
  min-height:640px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:64px;align-items:center;
  padding-block:84px 74px;position:relative;
}
.page-hero::before{
  content:"";position:absolute;left:0;top:10%;width:46%;height:60%;pointer-events:none;
  background:radial-gradient(circle at 30% 40%,rgba(71,234,255,.08),transparent 64%);filter:blur(16px);
}
.page-hero>div:first-child{position:relative;z-index:1}
.page-hero h1{
  font-size:clamp(3rem,5.5vw,5.5rem);line-height:.98;letter-spacing:-.052em;margin:20px 0 20px;max-width:12.8ch;
}
.page-hero p{font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.75;color:#adc0d4;max-width:58ch}
.page-hero-media{
  min-height:430px;display:grid;place-items:center;position:relative;border-radius:34px;overflow:hidden;
  border:1px solid rgba(94,224,255,.14);background:
    radial-gradient(circle at 50% 42%,rgba(64,219,255,.13),transparent 38%),
    linear-gradient(180deg,rgba(9,28,52,.64),rgba(3,11,23,.75));
  box-shadow:var(--v10-shadow),inset 0 1px rgba(255,255,255,.025);
}
.page-hero-media::before{
  content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(100,215,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(100,215,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle,black,transparent 78%);
}
.page-hero-media img{width:min(75%,430px);position:relative;z-index:1;filter:drop-shadow(0 28px 55px rgba(0,0,0,.32)) drop-shadow(0 0 30px rgba(52,210,255,.14));transition:transform .45s ease}
.page-hero-media:hover img{transform:translateY(-5px) scale(1.025)}

/* Shared cards */
.card,.detail-card,.chat-card,.attachments-card,.project-card,.request-form-card,.request-help-card,.contact-card,
.admin-tools,.admin-list,.dashboard-welcome{
  border-color:var(--v10-border)!important;
  background:linear-gradient(180deg,rgba(10,29,52,.76),rgba(4,13,27,.88))!important;
  box-shadow:0 18px 54px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
}
.card{transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}
.card:hover{transform:translateY(-5px);border-color:rgba(93,229,255,.31);box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 35px rgba(50,207,255,.055)}

/* Services */
.service-hero .page-hero-media img{width:min(78%,460px)}
.service-grid-heading{max-width:820px}
.service-mini-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important}
.service-mini-card{
  min-height:310px!important;padding:28px!important;display:flex!important;flex-direction:column;align-items:flex-start!important;text-align:left!important;
  border-radius:24px!important;overflow:hidden;isolation:isolate;
}
.service-mini-card::after{
  content:"";position:absolute;right:-50px;bottom:-70px;width:180px;height:180px;border-radius:50%;z-index:-1;
  background:radial-gradient(circle,rgba(71,234,255,.11),transparent 68%);
}
.service-mini-card .pulse-emblem{width:82px!important;height:82px!important;margin:0 0 25px!important;border-radius:22px!important;background:rgba(10,38,61,.74)!important;border:1px solid rgba(93,225,255,.16)!important}
.service-mini-card .pulse-emblem img{width:100%;height:100%;object-fit:contain;padding:8px}
.service-mini-card strong{font-size:1.35rem!important;letter-spacing:-.02em;margin-bottom:8px}
.service-mini-card small{font-size:.91rem!important;line-height:1.55;color:#9eb5c8!important;max-width:29ch}

.service-quality-v10{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.service-quality-v10 article{padding:24px;border:1px solid var(--v10-border);border-radius:19px;background:rgba(6,19,36,.62)}
.service-quality-v10 span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;margin-bottom:15px;color:var(--v10-cyan);background:rgba(71,234,255,.08);border:1px solid rgba(71,234,255,.14)}
.service-quality-v10 strong{display:block;margin-bottom:7px}.service-quality-v10 small{color:#96adc2;line-height:1.5}

/* Portfolio and real cases */
.portfolio-hero .page-hero-media{overflow:visible}.portfolio-orb{width:min(420px,82%)}
.case-showcase-v10{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.case-card-v10{
  position:relative;min-height:520px;border:1px solid var(--v10-border);border-radius:28px;overflow:hidden;
  background:linear-gradient(180deg,rgba(10,30,54,.83),rgba(4,13,27,.94));box-shadow:0 24px 70px rgba(0,0,0,.25);
  display:flex;flex-direction:column;
}
.case-visual-v10{height:250px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(54,220,255,.13),transparent 42%),#040d1b;border-bottom:1px solid rgba(91,214,255,.10)}
.case-visual-v10::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(92,209,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(92,209,255,.035) 1px,transparent 1px);background-size:30px 30px}
.case-visual-v10 img{position:relative;z-index:1;max-width:62%;max-height:180px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(51,220,255,.14))}
.case-content-v10{padding:28px;display:flex;flex-direction:column;flex:1}
.case-tags-v10{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.case-tags-v10 span{padding:6px 9px;border-radius:999px;border:1px solid rgba(91,220,255,.14);background:rgba(71,234,255,.05);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#94eaf5;font-weight:800}
.case-content-v10 h3{font-size:1.75rem;letter-spacing:-.03em;margin:0 0 10px}.case-content-v10 p{margin:0;color:#a5b9cc;line-height:1.65}
.case-actions-v10{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:24px}
.case-next-v10{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:26px;padding:28px 30px;border:1px solid var(--v10-border);border-radius:24px;background:linear-gradient(110deg,rgba(11,43,67,.70),rgba(6,18,34,.78));box-shadow:0 16px 50px rgba(0,0,0,.20)}
.case-next-v10 h3{margin:0 0 8px;font-size:1.5rem}.case-next-v10 p{margin:0;color:#9fb5c9}

/* Homepage proof section */
.real-work-v10{padding-block:80px}
.real-work-grid-v10{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:34px}
.real-work-card-v10{position:relative;min-height:360px;padding:30px;border:1px solid var(--v10-border);border-radius:26px;background:linear-gradient(180deg,rgba(9,28,51,.78),rgba(4,13,27,.9));overflow:hidden;display:flex;flex-direction:column}
.real-work-card-v10::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(71,234,255,.13),transparent 70%)}
.real-work-brand-v10{width:86px;height:86px;border-radius:22px;border:1px solid rgba(91,222,255,.15);background:rgba(6,21,39,.82);display:grid;place-items:center;margin-bottom:24px;overflow:hidden}
.real-work-brand-v10 img{max-width:84%;max-height:70px;object-fit:contain}
.real-work-card-v10 h3{font-size:1.55rem;margin:0 0 9px;letter-spacing:-.025em}.real-work-card-v10 p{color:#9fb5c8;line-height:1.6;max-width:50ch}
.real-work-meta-v10{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 0}.real-work-meta-v10 span{font-size:.72rem;padding:6px 9px;border-radius:999px;border:1px solid rgba(86,218,255,.13);color:#9deaf4;background:rgba(51,215,255,.045)}
.real-work-card-v10 .real-work-link-v10{margin-top:auto;padding-top:22px;color:#8beaff;font-weight:800}

/* Auth */
.auth-shell{padding-block:64px 80px;gap:44px;align-items:center}
.auth-card{
  border-radius:26px!important;border:1px solid var(--v10-border)!important;
  background:linear-gradient(180deg,rgba(8,29,52,.90),rgba(4,14,29,.96))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.36),0 0 55px rgba(25,199,255,.05)!important;
}
.auth-intro{padding:24px}.auth-intro h1{font-size:clamp(2.5rem,4.3vw,4.4rem);line-height:1;letter-spacing:-.045em;max-width:11ch}
.auth-intro p{color:#a5b9cc;line-height:1.7;max-width:54ch}
.security-list{border:1px solid rgba(91,218,255,.12);border-radius:20px;background:rgba(4,16,31,.6);overflow:hidden}
.security-list>div{padding:14px 16px!important;border-bottom:1px solid rgba(91,218,255,.08)}
.security-list>div:last-child{border-bottom:0}.security-list b{color:var(--v10-green)}
.auth-form input,.auth-form select,.auth-form textarea,.request-form input,.request-form select,.request-form textarea,
.admin-tools input,.admin-tools select,.chat-form textarea{
  border:1px solid rgba(113,191,226,.18)!important;background:rgba(1,8,18,.68)!important;color:#f2f9ff!important;border-radius:13px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus,.request-form input:focus,.request-form select:focus,.request-form textarea:focus,
.admin-tools input:focus,.admin-tools select:focus,.chat-form textarea:focus{
  border-color:rgba(71,234,255,.52)!important;background:rgba(4,18,32,.84)!important;box-shadow:0 0 0 4px rgba(71,234,255,.07)!important;
}
.password-toggle{border-radius:10px!important;color:#94eaf4!important}
.password-meter{background:rgba(255,255,255,.06)!important;border-radius:99px!important;overflow:hidden}
.checkbox-row{border:1px solid rgba(91,218,255,.11);border-radius:14px;padding:12px!important;background:rgba(4,17,31,.52)}

/* Client dashboard */
.dashboard-shell{padding-block:54px 90px}
.dashboard-content{max-width:1180px;margin-inline:auto}
.dashboard-overview{padding:32px 34px!important;border:1px solid var(--v10-border);border-radius:26px;background:linear-gradient(135deg,rgba(10,38,62,.72),rgba(5,17,32,.84));box-shadow:0 20px 60px rgba(0,0,0,.22);margin-bottom:18px}
.dashboard-overview h1{font-size:clamp(2.2rem,4.2vw,4rem);letter-spacing:-.045em;margin:13px 0 10px}
.dashboard-overview p{color:#a4b8ca;line-height:1.65}
.dashboard-quick-actions{gap:8px!important}.dashboard-chip{border:1px solid rgba(91,218,255,.12)!important;background:rgba(4,18,34,.66)!important;border-radius:999px!important}
.dashboard-chip:hover,.dashboard-chip.active{border-color:rgba(71,234,255,.34)!important;background:rgba(71,234,255,.08)!important;color:#eaffff!important}
.dashboard-welcome{border-radius:24px!important;padding:26px 28px!important;margin-bottom:18px!important}
.dashboard-welcome h2{letter-spacing:-.03em;margin:10px 0 7px}.dashboard-welcome p{color:#9fb4c6}
.dashboard-stats{gap:14px!important;margin-bottom:34px!important}
.dashboard-stats article,.admin-stats article{
  border:1px solid var(--v10-border)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(9,29,51,.72),rgba(4,14,27,.8))!important;
  box-shadow:0 14px 40px rgba(0,0,0,.16)!important;
}
.dashboard-stats strong,.admin-stats strong{color:#eefdff!important;text-shadow:0 0 24px rgba(71,234,255,.12)}
.requests-list{display:grid;gap:13px}.request-card{border-radius:19px!important;border-color:rgba(96,207,255,.13)!important;transition:.22s ease}.request-card:hover{transform:translateY(-2px);border-color:rgba(96,225,255,.28)!important}

/* Request forms and detail workspace */
.request-form-shell,.detail-shell{padding-block:52px 90px}
.back-link{display:inline-flex;align-items:center;gap:7px;color:#8eeaf5!important;font-weight:750;margin-bottom:20px!important}
.request-form-layout{gap:20px!important}.request-form-card,.request-help-card{border-radius:25px!important}
.request-form-card{padding:32px!important}.request-form-card h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em;margin:13px 0 10px}.request-form-card>p{color:#9eb5c8;line-height:1.6}
.request-help-card{padding:28px!important}.request-help-card h2{letter-spacing:-.03em}.request-help-list li{border-color:rgba(91,218,255,.09)!important}.request-help-list strong{background:rgba(71,234,255,.09)!important;color:#8ceaf5!important;border:1px solid rgba(71,234,255,.15)}
.request-submit{border-top:1px solid rgba(91,218,255,.10)!important;padding-top:22px!important}
.detail-header{border:1px solid var(--v10-border);border-radius:24px;padding:28px!important;background:linear-gradient(135deg,rgba(10,37,61,.7),rgba(5,17,32,.84));margin-bottom:18px!important}
.detail-header h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em}.detail-header p{color:#9fb4c7}
.detail-grid{gap:18px!important}.detail-card{border-radius:23px!important;padding:27px!important}
.detail-list>div{border-color:rgba(91,218,255,.09)!important}.detail-list dt{color:#7f9ab2!important}.detail-list dd{color:#eaf6ff!important}
.workspace{border:1px solid var(--v10-border)!important;border-radius:24px!important;background:rgba(4,15,29,.54)!important;overflow:hidden;margin-top:18px!important}
.tabs{padding:8px!important;background:rgba(3,13,26,.72)!important;border-bottom:1px solid rgba(91,218,255,.09)!important}.tab{border-radius:12px!important}.tab.active{background:rgba(71,234,255,.09)!important;color:#dbfbff!important;box-shadow:inset 0 0 0 1px rgba(71,234,255,.12)}
.tab-panel{padding:18px!important}.chat-card,.attachments-card,.project-card{border-radius:20px!important}
.chat-thread{background:rgba(1,8,18,.42)!important;border:1px solid rgba(91,218,255,.08)!important;border-radius:16px!important}

/* Request landing */
.request-hero .page-hero-media img{width:min(74%,430px)}
.request-flow{box-shadow:0 20px 62px rgba(0,0,0,.20)!important;background:linear-gradient(180deg,rgba(8,28,49,.65),rgba(4,14,27,.72))!important}
.flow-card{border-color:rgba(91,218,255,.12)!important;background:rgba(3,15,29,.72)!important}.flow-card:hover{border-color:rgba(71,234,255,.28)!important}

/* Admin */
.admin-shell{padding-block:52px 90px}
.admin-top{padding:30px 32px!important;border:1px solid var(--v10-border);border-radius:26px;background:linear-gradient(135deg,rgba(11,39,64,.70),rgba(5,17,32,.84));box-shadow:0 20px 60px rgba(0,0,0,.22);margin-bottom:18px!important}
.admin-top h1{font-size:clamp(2.2rem,4.5vw,4rem);letter-spacing:-.045em;margin:13px 0 8px}.admin-top p{color:#9fb4c7}
.admin-actions-row{gap:8px!important}.admin-stats{gap:13px!important;margin-bottom:18px!important}
.admin-tools{padding:14px!important;border-radius:20px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(200px,280px)!important;gap:10px!important;margin-bottom:16px!important}
.admin-list{padding:12px!important;border-radius:22px!important}.admin-request-card{border-radius:17px!important;border-color:rgba(91,218,255,.11)!important;background:rgba(4,16,31,.7)!important;transition:.2s ease}.admin-request-card:hover{border-color:rgba(71,234,255,.27)!important;transform:translateY(-2px)}
.auth-shell-single .auth-card,.auth-card-centered{max-width:560px!important;margin-inline:auto!important}

/* About and contact */
.about-values-shell,.contact-card-wide{border-radius:26px!important}
.quality-strip article{border-color:rgba(91,218,255,.11)!important;background:rgba(4,16,31,.66)!important}
.contact-methods-grid{gap:12px!important}.contact-method{border:1px solid rgba(91,218,255,.11)!important;border-radius:17px!important;background:rgba(3,15,29,.62)!important;padding:18px!important}.contact-method span{color:#9fb4c7!important}
.faq details{border:1px solid rgba(91,218,255,.12)!important;background:linear-gradient(180deg,rgba(7,23,42,.68),rgba(3,13,26,.78))!important;border-radius:18px!important;overflow:hidden}.faq summary{font-weight:800!important}.faq p{color:#9fb4c7!important}

/* Footer */
.site-footer-v7{background:linear-gradient(180deg,rgba(2,6,17,.98),#01040b)!important;border-top:1px solid rgba(91,218,255,.08)}
.footer-brandline{max-width:1100px;margin-inline:auto}.footer-compact-grid{max-width:780px!important}.footer-links a{transition:color .2s ease,transform .2s ease}.footer-links a:hover{color:#8feefa!important;transform:translateX(2px)}

/* Responsive */
@media (max-width:1040px){
  .page-hero{grid-template-columns:1fr;gap:34px;min-height:0;padding-block:66px}
  .page-hero>div:first-child{text-align:center}.page-hero h1{margin-inline:auto;max-width:15ch}.page-hero p{margin-inline:auto}.page-hero .hero-actions{justify-content:center}
  .page-hero-media{min-height:390px;max-width:680px;width:100%;margin-inline:auto}
  .service-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-quality-v10{grid-template-columns:repeat(2,1fr)}
  .auth-shell{grid-template-columns:1fr!important;max-width:720px}.auth-intro{text-align:center}.auth-intro h1,.auth-intro p{margin-inline:auto}
  .admin-top{flex-direction:column!important;align-items:flex-start!important;gap:20px!important}
}
@media (max-width:760px){
  body::after{opacity:.12}
  .page-hero{padding-block:48px 56px;gap:27px}.page-hero h1{font-size:clamp(2.55rem,11vw,4rem);line-height:1}.page-hero p{font-size:.97rem;line-height:1.65}.page-hero-media{min-height:310px;border-radius:24px}.page-hero-media img{width:min(70%,330px)}
  .service-mini-grid{grid-template-columns:1fr!important}.service-mini-card{min-height:0!important;padding:23px!important}.service-mini-card .pulse-emblem{width:68px!important;height:68px!important}
  .service-quality-v10{grid-template-columns:1fr}
  .case-showcase-v10,.real-work-grid-v10{grid-template-columns:1fr}.case-card-v10{min-height:480px}.case-next-v10{grid-column:auto;flex-direction:column;align-items:flex-start}.case-visual-v10{height:220px}
  .dashboard-overview,.admin-top{padding:24px 20px!important}.dashboard-quick-actions{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px}.dashboard-chip{white-space:nowrap}
  .dashboard-stats,.admin-stats{grid-template-columns:repeat(2,1fr)!important}
  .admin-tools{grid-template-columns:1fr!important}
  .request-form-card,.request-help-card{padding:23px!important}.detail-header{padding:22px!important}.tab-panel{padding:10px!important}
  .auth-card{padding:25px 22px!important}.auth-intro{padding:8px}.auth-intro h1{font-size:clamp(2.3rem,11vw,3.4rem)}
  .footer-bottom{gap:10px!important}
}
@media (max-width:480px){
  .dashboard-stats,.admin-stats{grid-template-columns:1fr!important}
  .page-hero-media{min-height:270px}.case-content-v10{padding:23px}.case-card-v10{min-height:450px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* V10.1: real-device mobile corrections. Keep desktop styling intact. */
@media (max-width:760px){
  .portfolio-section,#servicos{scroll-margin-top:calc(var(--header-h) + 20px)}

  /* Restore the compact service tile rhythm that worked better on phones. */
  .service-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:none!important}
  .service-mini-card{min-height:158px!important;padding:12px 7px!important;border-radius:17px!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important}
  .service-mini-card::after{display:none!important}
  .service-mini-card .pulse-emblem{width:58px!important;height:58px!important;margin:0 0 5px!important;border-radius:16px!important}
  .service-mini-card .pulse-emblem img{padding:5px!important}
  .service-mini-card strong{font-size:.78rem!important;line-height:1.1!important;margin:0!important;letter-spacing:-.01em!important}
  .service-mini-card small{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:13ch!important;font-size:.59rem!important;line-height:1.24!important;text-align:center!important;color:#91a8bc!important}

  /* Keep the new real-case content, but make each case compact on a phone. */
  .portfolio-section .section-heading{margin-bottom:24px!important}
  .portfolio-section .section-heading h2{font-size:clamp(2rem,10vw,3rem)!important}
  .case-showcase-v10{gap:12px!important}
  .case-card-v10{min-height:0!important;display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;border-radius:20px!important}
  .case-visual-v10{height:auto!important;min-height:238px!important;border-bottom:0!important;border-right:1px solid rgba(91,214,255,.10)!important}
  .case-visual-v10::before{background-size:22px 22px!important}
  .case-visual-v10 img{max-width:76px!important;max-height:92px!important}
  .case-content-v10{padding:16px 14px!important;min-width:0!important}
  .case-tags-v10{gap:4px!important;margin-bottom:10px!important}
  .case-tags-v10 span{padding:4px 6px!important;font-size:.51rem!important;letter-spacing:.045em!important}
  .case-content-v10 h3{font-size:1.2rem!important;margin:0 0 7px!important}
  .case-content-v10 p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:.72rem!important;line-height:1.45!important}
  .case-actions-v10{gap:6px!important;padding-top:12px!important}
  .case-actions-v10 .btn{min-height:34px!important;padding:0 10px!important;border-radius:10px!important;font-size:.64rem!important}
  .case-next-v10{padding:20px!important;gap:14px!important;border-radius:19px!important}
  .case-next-v10 h3{font-size:1.2rem!important}
  .case-next-v10 p{font-size:.78rem!important;line-height:1.5!important}

  /* Home V9 had switched the footer to a tall single column. Restore the compact footer. */
  .site-footer-v7{padding:28px 0 16px!important}
  .footer-brandline{padding-bottom:18px!important;gap:14px!important}
  .footer-brandline p{font-size:.74rem!important;line-height:1.45!important;margin-top:10px!important}
  .footer-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:18px 0 0!important;max-width:100%!important}
  .footer-compact-grid>div{padding:0 6px!important;border-bottom:0!important;border-right:1px solid rgba(85,190,255,.10)!important}
  .footer-compact-grid>div:last-child{border-right:0!important}
  .footer-compact-grid .footer-title{margin-bottom:7px!important;font-size:.78rem!important}
  .footer-compact-grid .footer-links{gap:5px!important}
  .footer-compact-grid .footer-links a{font-size:.67rem!important}
  .site-footer-v7 .footer-bottom{margin-top:16px!important;padding-top:14px!important;gap:7px!important;font-size:.64rem!important;line-height:1.4!important}
}
@media (max-width:380px){
  .service-mini-card{min-height:150px!important;padding-inline:5px!important}
  .service-mini-card .pulse-emblem{width:54px!important;height:54px!important}
  .case-card-v10{grid-template-columns:92px minmax(0,1fr)!important}
  .case-visual-v10 img{max-width:66px!important;max-height:82px!important}
  .case-content-v10{padding:14px 12px!important}
}