/* Daniel Castro — portfólio público | HTML e CSS, sem dependências externas. */
:root{
  --bg:#080d19;--bg2:#0c1322;--surface:#101a2b;--surface2:#142035;
  --ink:#f0f5ff;--muted:#abb8cd;--muted2:#8595ad;--border:#273349;
  --blue:#5eb6f1;--purple:#8d86ff;--mint:#80dcc9;
  --shadow:0 22px 65px rgba(0,0,0,.22);
  font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--bg);line-height:1.65;min-width:300px}
body::before{content:"";position:absolute;top:0;left:0;right:0;height:690px;background:radial-gradient(ellipse at 70% 12%,rgba(91,98,200,.095),transparent 60%);pointer-events:none}
h1,h2,h3,p{margin-top:0}
a{text-decoration:none;color:inherit}
a:hover{transition:color .2s ease}
a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:4px;border-radius:4px}
.container{max-width:1180px;width:calc(100% - 56px);margin-inline:auto;position:relative}
.skip-link{position:fixed;z-index:10000;top:-80px;left:15px;background:var(--mint);color:#08111d;padding:9px 15px;border-radius:8px;font-weight:700}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(8,13,25,.9);border-bottom:1px solid rgba(255,255,255,.085);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px;letter-spacing:-.75px;white-space:nowrap}
.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#332f62,#223752);border:1px solid #535b85;font-family:Georgia,serif;font-size:21px}
.brand-icon span,.footer-brand span{color:var(--mint)}
.brand-text span{color:var(--mint)}
.site-nav{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.035);border:1px solid var(--border);border-radius:100px;padding:6px}
.site-nav a{font-size:12px;font-weight:700;color:#b1bfd1;padding:9px 16px;border-radius:50px;transition:background .15s,color .15s}
.site-nav a:hover,.site-nav a.active{background:#26344c;color:#fff}
.header-github{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #35445a;background:#151d2e;color:#eaf3ff;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:750;white-space:nowrap}
.header-github:hover{background:#1d2b43;border-color:#5a6d8b}
.eyebrow{font-size:11px;font-weight:850;letter-spacing:2px;color:var(--mint);text-transform:uppercase;margin-bottom:16px}
.eyebrow-dot,.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px rgba(128,220,201,.5);margin-right:8px}
.gradient-text{background:linear-gradient(95deg,#8fe9dd 2%,#71a9ff 54%,#b499ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 20px;min-height:48px;border-radius:11px;font-weight:750;font-size:13px;transition:transform .18s,background .18s,border-color .18s;color:var(--ink)}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#071628;background:#89e2d0;border:1px solid #a8f0e4}
.btn-primary:hover{background:#b3faeb}
.btn-ghost{color:#e2ebfa;background:transparent;border:1px solid var(--border)}
.btn-ghost:hover,.btn-outline:hover{background:#19263c;border-color:#66778f}
.btn-outline{border:1px solid #536178;background:transparent}
.text-link{display:inline-flex;align-items:center;gap:13px;color:#b0eee2;font-weight:800;font-size:13px}
.text-link:hover,.link-primary:hover,.link-secondary:hover{text-decoration:underline}
.hero-section{padding:91px 0 75px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:65px}
.hero-copy h1{font-size:clamp(43px,5.7vw,73px);line-height:1.09;letter-spacing:-3.9px;margin:0 0 27px;font-weight:790}
.hero-description{max-width:580px;font-size:16px;color:#b2bfd1;line-height:1.87;margin-bottom:31px}
.hero-description strong{color:#eef5ff}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-metrics{margin-top:73px;padding-top:25px;display:flex;gap:38px;border-top:1px solid var(--border)}
.hero-metrics div{display:flex;flex-direction:column;gap:5px}
.hero-metrics strong{font-size:23px;line-height:1.2;letter-spacing:-.7px;color:#e8f6ff}
.hero-metrics span{color:var(--muted2);font-size:11px}
.hero-visual{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center}
.visual-glow{position:absolute;width:410px;height:410px;background:radial-gradient(circle,rgba(90,107,237,.27) 0,rgba(73,100,214,.12) 35%,transparent 75%);filter:blur(18px);pointer-events:none}
.visual-card-main{position:relative;width:min(100%,428px);background:#141c30;border:1px solid #3f4c67;border-radius:19px;box-shadow:0 33px 90px rgba(0,0,0,.4),0 0 0 10px rgba(255,255,255,.02);overflow:hidden;transform:rotate(-3deg)}
.window-controls{padding:17px 21px;border-bottom:1px solid #303b55;display:flex;gap:7px}
.window-controls i{height:8px;width:8px;border-radius:50%;display:block;background:#f57f90}
.window-controls i:nth-child(2){background:#edc279}.window-controls i:nth-child(3){background:#8bddb6}
.visual-code{font:13px/2.1 ui-monospace,SFMono-Regular,Consolas,monospace;padding:27px 27px 43px;color:#d6e2fa;white-space:nowrap;letter-spacing:-.25px}
.comment{color:#70829d}.code-purple{color:#bbadff}.code-cyan{color:#7ae5d2}.code-green{color:#e9c47c}
.visual-lower{display:flex;align-items:center;padding:15px 22px;border-top:1px solid #303b55;font-size:12px;color:#b5c1d6;background:#11182b}
.visual-chevron{margin-left:auto;font-size:18px;color:#99e5d5}
.visual-chip{position:absolute;display:flex;gap:12px;align-items:center;min-width:170px;background:#f1f7fc;color:#283b57;border-radius:14px;border:1px solid #fff;padding:13px 16px;box-shadow:0 17px 40px rgba(0,0,0,.3);transform:rotate(3deg)}
.visual-chip-one{top:39px;right:-20px}.visual-chip-two{bottom:20px;left:-20px;transform:rotate(-4deg)}
.chip-icon{display:grid;place-items:center;border-radius:11px;background:#e4ddff;color:#6552ad;font-size:24px;width:39px;height:39px;font-weight:800}
.chip-icon.chip-blue{font-size:15px;background:#dff5f1;color:#287d76}
.visual-chip strong{display:block;font-size:12px;line-height:1.35}.visual-chip small{font-size:10px;color:#77869a}
.skills-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(255,255,255,.018)}
.skills-band-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:94px}
.skills-band-inner>span{font-size:10px;letter-spacing:2px;font-weight:850;color:#8799b3;white-space:nowrap}
.skills-band-inner>div{display:flex;gap:38px;justify-content:flex-end;flex-wrap:wrap}
.skills-band-inner b{font-size:15px;font-weight:700;color:#a2b0c3;letter-spacing:-.3px}
.section{padding:91px 0}
.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:36px}
.section-title-row h2,.value-grid h2,.cta-inner h2,.about-narrative h2{font-size:clamp(31px,4vw,49px);line-height:1.15;letter-spacing:-2px;margin:0 0 13px}
.section-title-row h2 em,.value-grid h2 em{font-style:normal;color:var(--mint)}
.section-title-row p:not(.eyebrow),.cta-inner p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.project-card{border-radius:18px;background:#121a2b;border:1px solid #2b3850;overflow:hidden;display:flex;flex-direction:column;transition:transform .17s,box-shadow .17s}
.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.project-cover{height:235px;position:relative;overflow:hidden;background:#111827}
.project-number{position:absolute;z-index:2;bottom:14px;right:18px;font:700 11px ui-monospace,Consolas,monospace;color:#ebf5ff;background:rgba(0,0,0,.36);padding:6px 11px;border-radius:30px}
.preview-frame{height:100%;padding:24px 32px;position:relative;overflow:hidden}
.preview-topline{display:flex;justify-content:space-between;align-items:center;gap:14px}
.preview-topline .mini-logo{font:bold 20px Georgia,serif}
.preview-topline .mini-nav{font-size:9px;letter-spacing:.5px;opacity:.7}
.preview-eyebrow{font-size:9px;font-weight:900;letter-spacing:2.2px;margin-top:26px;position:relative;z-index:1}
.preview-headline{font:bold 31px/1.11 Georgia,serif;letter-spacing:-.7px;margin-top:10px;position:relative;z-index:1}
.preview-library{background:linear-gradient(130deg,#f0eee8,#e1e8e7);color:#28344a}
.preview-library .mini-logo{color:#5861a6}.preview-library .preview-eyebrow{color:#6675b4}
.books-mini{display:flex;gap:11px;position:absolute;bottom:-48px;right:31px;transform:rotate(-9deg);box-shadow:0 15px 25px rgba(12,29,51,.1)}
.book-mini{display:block;width:66px;height:132px;background:#354466;border-left:6px solid rgba(0,0,0,.15);border-radius:2px 7px 7px 2px;box-shadow:7px 10px 17px rgba(0,0,0,.16)}
.bm2{background:#89674c;transform:translateY(-15px)}.bm3{background:#4e6855}.bm4{background:#83715b;transform:translateY(15px)}
.preview-dashboard{background:linear-gradient(135deg,#dce8f8,#f5f7fc);color:#20304a}
.preview-dashboard .mini-logo{background:#d8e3fc;border-radius:6px;padding:2px 8px;color:#5169c5}.preview-dashboard .mini-nav{color:#51627b;font-weight:800}
.dash-kpis{display:flex;gap:10px;margin-top:17px}.dash-kpis>span{height:44px;flex:1;background:#fff;border-radius:7px;padding:10px}
.dash-kpis i,.dash-kpis b{display:block;background:#e6ecf5;height:6px;width:35%;border-radius:5px}.dash-kpis b{height:11px;width:56%;margin-top:6px;background:#8cb6e2}
.chart-panel{height:114px;background:#fff;border-radius:9px;padding:10px 15px 5px;margin-top:12px;overflow:hidden;position:relative}
.chart-title{display:block;width:40%;height:7px;background:#dbe3f2;border-radius:4px}.chart-line{height:85px;width:100%;margin-top:5px}
.preview-optics{background:linear-gradient(135deg,#1c6445,#124533);color:#edf6df}
.preview-optics .preview-eyebrow{margin-top:1px;color:#e7d39b}.preview-optics .preview-headline{font-size:37px}
.optics-shape{position:absolute;right:31px;bottom:34px;transform:rotate(-13deg);display:flex;align-items:center;gap:4px;opacity:.95}
.lens{width:95px;height:76px;border:9px solid #d1b77a;border-radius:33% 33% 47% 47%;background:rgba(190,219,206,.18)}
.bridge{width:35px;height:23px;border-top:7px solid #d1b77a;border-radius:50%}
.preview-store{background:linear-gradient(135deg,#143a62,#0d2747);color:#f0f8ff}
.preview-store .preview-eyebrow{color:#81e8f5;margin-top:8px}
.store-products{display:flex;position:absolute;bottom:-25px;right:35px;gap:12px;align-items:end}
.store-products span{display:block;background:linear-gradient(140deg,#61a4d8,#e3f8fd);width:65px;height:83px;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.23);transform:rotate(9deg)}
.store-products span:nth-child(2){height:115px;background:linear-gradient(140deg,#56cec7,#eaf1ff);transform:rotate(-8deg)}
.store-products span:nth-child(3){height:97px;background:linear-gradient(140deg,#ae9dfa,#f1e4ff)}
.preview-wave{background:linear-gradient(130deg,#c0e0ee,#e8f6fc);color:#163c59}
.preview-wave .preview-eyebrow{color:#337b9b;margin-top:21px}.preview-wave .preview-headline{font-family:inherit;font-weight:850;font-size:37px}
.wave-circles{position:absolute;right:-70px;bottom:-130px;transform:rotate(-20deg)}
.wave-circles span{position:absolute;display:block;border:2px solid rgba(49,131,171,.34);border-radius:50%;width:360px;height:360px;bottom:0;right:0}
.wave-circles span:nth-child(2){width:280px;height:280px;bottom:38px;right:38px}.wave-circles span:nth-child(3){width:200px;height:200px;bottom:78px;right:78px}
.wave-bar{height:6px;width:110px;border-radius:6px;background:#4bb7c9;margin-top:18px}
.project-body{padding:27px 28px 26px;display:flex;flex-direction:column;flex:1}
.project-type{font-size:10px;text-transform:uppercase;color:#83d5c6;font-weight:850;letter-spacing:1.6px;margin-bottom:11px}
.project-body h3{font-size:22px;font-weight:760;letter-spacing:-.75px;line-height:1.3;margin:0 0 12px}
.project-description{color:#a6b4c8;font-size:13px;line-height:1.72;margin:0 0 20px;max-width:520px}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.tag{font-size:10px;color:#bdcbe0;background:#1b2940;border:1px solid #33435b;border-radius:6px;padding:5px 9px;font-weight:650}
.project-actions{display:flex;flex-wrap:wrap;gap:14px 25px;padding-top:20px;margin-top:20px;border-top:1px solid #2a374e}
.link-primary,.link-secondary{font-size:12px;font-weight:850}
.link-primary{color:#89e2d0}.link-secondary{color:#c4d2e8}
.value-section{background:#0d1422;border-block:1px solid #202a3b}
.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.value-grid p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.95;max-width:520px;margin-bottom:22px}
.cta-section{padding:60px 0 95px}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:43px 46px;border:1px solid #35445a;border-radius:21px;background:linear-gradient(110deg,#182940,#151f37 65%,#201d3b)}
.cta-inner .eyebrow{margin-bottom:10px}.cta-inner h2{font-size:34px}
.cta-inner .btn{flex-shrink:0}
.page-intro{padding:91px 0 65px}
.narrow{max-width:1080px}
.page-intro h1{font-size:clamp(42px,5.6vw,69px);line-height:1.12;letter-spacing:-3px;max-width:920px;margin-bottom:25px}
.intro-copy{font-size:16px;line-height:1.9;max-width:770px;color:var(--muted)}
.about-section{padding-top:35px}
.about-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:65px;align-items:center}
.about-highlight{min-height:390px;background:linear-gradient(145deg,#263456,#152d42 68%,#113638);border:1px solid #3b4b64;border-radius:23px;padding:42px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.about-highlight::before{content:"";position:absolute;inset:auto -100px -260px auto;width:470px;height:470px;border-radius:50%;border:2px solid rgba(255,255,255,.12);box-shadow:0 0 0 33px rgba(255,255,255,.03),0 0 0 75px rgba(255,255,255,.035)}
.about-monogram{font:bold 120px/1 Georgia,serif;letter-spacing:-14px;color:#e8f0fc;position:relative;z-index:1}
.about-monogram span{color:var(--mint)}
.about-highlight p{font-size:18px;font-weight:700;line-height:1.4;max-width:230px;position:relative;z-index:1}
.about-lines{display:flex;gap:7px;position:relative;z-index:1}.about-lines span{width:34px;height:5px;background:#82e4d1;border-radius:10px}.about-lines span:nth-child(2){width:17px;background:#82a8e4}.about-lines span:nth-child(3){width:9px;background:#b19cff}
.about-narrative h2{font-size:42px}.about-narrative>p:not(.eyebrow){color:var(--muted);line-height:1.85;font-size:14px;margin-bottom:17px}
.info-row{display:flex;justify-content:space-between;gap:22px;padding:14px 0;border-top:1px solid var(--border);font-size:12px}
.info-row:first-of-type{margin-top:26px}.info-row span{color:var(--muted2)}.info-row strong{color:#e0ebff;font-size:12px;text-align:right;font-weight:700}
.expertise-section{background:#0d1422;border-block:1px solid var(--border)}
.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.expertise-card{background:#131f31;border:1px solid #2a3b51;border-radius:16px;padding:28px;display:flex;flex-direction:column;min-height:270px}
.expertise-icon{height:44px;width:44px;display:grid;place-items:center;border:1px solid #4c5c79;background:#222f4a;color:#9ceada;border-radius:12px;font-weight:900;font-size:12px;margin-bottom:22px}
.expertise-card h3{font-size:20px;margin-bottom:11px}.expertise-card p{color:var(--muted);font-size:13px;line-height:1.75;margin-bottom:23px}
.projects-page-section{padding-top:25px}.page-intro-projects{padding-bottom:45px}
.projects-intro{display:flex;justify-content:space-between;gap:22px;margin-bottom:22px;font-size:12px;color:var(--muted);font-weight:750}
.projects-note{border-left:3px solid #647f99;padding-left:18px;font-size:12px;color:#8c9db3;margin:36px 0 0;max-width:790px}
.contact-section{padding-top:10px}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.contact-card{padding:39px;background:#131e30;border:1px solid #2d3c54;border-radius:18px;display:flex;flex-direction:column;min-height:390px}
.contact-card-primary{background:linear-gradient(140deg,#1b3042,#14273a 67%,#192b36);border-color:#3a5964}
.contact-icon{font-size:22px;background:#233a4a;border:1px solid #46616e;border-radius:11px;width:49px;height:49px;display:grid;place-items:center;margin-bottom:26px;color:#a8eee0}
.contact-card .eyebrow{margin-bottom:8px}.contact-card h2{font-size:31px;line-height:1.15;letter-spacing:-1px;margin-bottom:17px}
.contact-card p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.85;max-width:425px;margin-bottom:25px}
.contact-card .btn{align-self:flex-start;margin-top:auto}
.contact-address{font-size:12px;color:#aabbd2;margin-top:22px;overflow-wrap:anywhere}
.contact-note{padding-top:23px}.contact-note p{max-width:800px;color:#8495aa;font-size:12px}
.site-footer{background:#080c15;border-top:1px solid var(--border);padding:38px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:26px}
.footer-brand{font-size:21px;font-weight:800;letter-spacing:-.9px}
.site-footer p{color:#8091a9;font-size:11px;margin:8px 0 0}
.footer-right{display:flex;align-items:center;flex-wrap:wrap;gap:18px;color:#94a6bd;font-size:11px;font-weight:650}
.footer-right a:hover{color:var(--mint)}
@media(max-width:1030px){
  .hero-grid{gap:24px}.hero-visual{min-height:400px}.visual-chip-one{right:-9px}.visual-chip-two{left:-9px}
  .hero-copy h1{letter-spacing:-2.7px;font-size:clamp(40px,5vw,61px)}
  .skills-band-inner>div{gap:21px}
}
@media(max-width:790px){
  .header-inner{gap:12px;flex-wrap:wrap;padding-block:15px}
  .site-nav{order:3;width:100%;justify-content:space-between}
  .site-nav a{flex:1;text-align:center}
  .hero-section{padding-top:67px}
  .hero-grid,.about-grid{grid-template-columns:1fr}
  .hero-visual{max-width:570px;width:100%;min-height:380px;margin:0 auto}
  .hero-metrics{margin-top:40px}
  .skills-band-inner{flex-direction:column;justify-content:center;padding-block:22px;gap:10px}
  .skills-band-inner>div{justify-content:center;gap:12px 26px}
  .value-grid{gap:24px}
  .expertise-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:610px){
  .container{width:calc(100% - 32px)}
  .header-inner{min-height:65px}.header-github{padding:10px 12px}.header-github span{display:none}
  .brand{font-size:17px}.brand-icon{width:36px;height:36px}
  .site-nav{padding:4px}.site-nav a{padding:8px 5px;font-size:11px}
  .hero-section{padding:51px 0 32px}.hero-copy h1{font-size:clamp(37px,10vw,50px);letter-spacing:-2px}
  .hero-description{font-size:14px}.hero-actions{gap:9px}.hero-actions .btn{width:100%}
  .hero-metrics{gap:12px;justify-content:space-between}.hero-metrics strong{font-size:21px}.hero-metrics span{font-size:9px}
  .hero-visual{min-height:335px}.visual-card-main{width:calc(100% - 40px)}.visual-code{font-size:10px;padding:23px 15px 36px}
  .visual-chip-one{right:0;top:14px}.visual-chip-two{left:0;bottom:5px}.visual-chip{min-width:139px;padding:8px}.chip-icon{width:31px;height:31px;font-size:18px}.chip-icon.chip-blue{font-size:12px}
  .skills-band-inner>div{gap:10px 19px}.skills-band-inner b{font-size:12px}
  .section{padding:60px 0}.section-title-row{display:block}.section-title-row>.text-link{margin-top:17px}
  .section-title-row h2,.value-grid h2{font-size:34px;letter-spacing:-1.3px}
  .projects-grid,.contact-grid,.value-grid,.expertise-grid{grid-template-columns:1fr}
  .project-cover{height:214px}.project-body{padding:22px 20px}
  .project-description{font-size:12px}.project-body h3{font-size:21px}
  .cta-inner{display:block;padding:26px 23px}.cta-inner .btn{margin-top:24px;width:100%}.cta-inner h2{font-size:28px}
  .page-intro{padding:62px 0 28px}.page-intro h1{font-size:clamp(37px,9vw,50px);letter-spacing:-1.7px}
  .intro-copy{font-size:14px}
  .about-section{padding-top:15px}.about-grid{gap:30px}.about-highlight{min-height:290px}.about-monogram{font-size:95px}
  .about-narrative h2{font-size:32px}.info-row{flex-direction:column;gap:5px}.info-row strong{text-align:left}
  .projects-page-section{padding-top:18px}.projects-intro{flex-direction:column;gap:4px}
  .contact-card{min-height:340px;padding:28px}.contact-card h2{font-size:27px}
  .footer-inner{flex-direction:column;align-items:start}.footer-right{gap:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.project-card,a{transition:none!important}.btn:hover,.project-card:hover{transform:none}}

/* Experiência profissional e capas dos novos projetos. */
.professional-highlight{padding:74px 0;border-top:1px solid #2b3d50;border-bottom:1px solid #2b3d50;background:radial-gradient(ellipse at 5% 40%,#1f3b3a66,transparent 55%),#0e1a2a}
.professional-highlight-inner{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px}
.professional-highlight h2{font-size:clamp(33px,4vw,49px);line-height:1.14;letter-spacing:-1.8px}
.professional-highlight-copy{background:#17263a;border:1px solid #2e4654;border-radius:17px;padding:33px}
.career-role{display:inline-block;color:#a4eedb;font-size:11px;text-transform:uppercase;letter-spacing:1.1px;font-weight:850}
.professional-highlight-copy strong{display:block;font-size:27px;margin:7px 0 11px;letter-spacing:-.5px}
.professional-highlight-copy p{font-size:13px;color:#b0c1ce;line-height:1.8;max-width:520px;margin-bottom:19px}
.experience-section{background:#0e1625;border-top:1px solid #263446;border-bottom:1px solid #263446}
.experience-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;background:#131f31;border:1px solid #2c3d55;border-radius:17px;padding:39px}
.experience-company{display:flex;gap:17px;align-items:start}
.experience-mark{flex:0 0 57px;height:57px;border-radius:13px;background:#183b38;color:#b5f0dc;border:1px solid #3a605b;display:grid;place-items:center;font:800 27px Georgia,serif}
.experience-company .eyebrow{margin:2px 0 9px;color:#8ce9d4}
.experience-company h3{font-size:30px;margin:0 0 4px}.experience-company span:not(.experience-mark){color:#92a4ba;font-size:11px}
.experience-description p{font-size:13px;line-height:1.85;color:#b2c1d5;margin:14px 0 18px}
.experience-skills{display:flex;flex-wrap:wrap;gap:8px}
.experience-skills span{font-size:10px;font-weight:700;border:1px solid #38546a;color:#cad9eb;border-radius:6px;padding:7px 11px;background:#1b3140}
.experience-description p.experience-note{font-size:11px;color:#889ab0;margin-bottom:0}
.formation-card{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:17px;border:1px solid #2c3d55;border-radius:15px;padding:28px 36px;background:#0d1827}
.formation-card h3{font-size:20px;margin:0 0 6px;line-height:1.4}.formation-card .eyebrow{margin-bottom:8px}
.formation-card p{font-size:12px;color:#9fb0c4;line-height:1.7;margin:0;max-width:485px}
.preview-extension{background:linear-gradient(145deg,#e7f3f2,#d0e7e2);color:#173e46}
.extension-kicker{font-size:12px;letter-spacing:1px;color:#2b5960}
.extension-kicker strong{color:#15817a}.preview-extension .preview-eyebrow{color:#4d8d89;margin-top:22px}
.preview-extension .preview-headline{font-size:34px;font-family:Georgia,serif;position:relative;z-index:2}
.extension-cross{font:800 200px/1 Georgia,serif;color:#b7d7d0;position:absolute;right:15px;bottom:-45px}
.extension-bottom{position:absolute;bottom:26px;left:33px;font-size:10px;font-weight:750;color:#618984}
.preview-iot{background:radial-gradient(circle at 75% 62%,#3d5990,#152445 68%);color:#e8f4fc}
.iot-kicker{font:800 10px 'Segoe UI',sans-serif;letter-spacing:2px;color:#8af0e2}
.preview-iot .preview-headline{position:absolute;top:58px;left:32px;z-index:2;font-family:inherit;font-size:35px;letter-spacing:-1px}
.iot-vehicle{position:absolute;right:16px;bottom:30px;width:200px;height:90px;transform:rotate(-13deg)}
.iot-frame{position:absolute;left:25px;right:25px;top:13px;bottom:17px;border:7px solid #779ee2;background:#192d4f;border-radius:14px;display:grid;place-items:center;box-shadow:0 0 23px #6fa6ef70}
.iot-frame b{font-size:21px;color:#a0ecf2;letter-spacing:1px}.iot-frame i{position:absolute;top:-13px;height:8px;width:35px;background:#64e6ce;border-radius:8px}
.iot-wheel{position:absolute;background:#101826;border:6px solid #4e607a;border-radius:50%;height:46px;width:46px;top:20px}
.wheel-left{left:0}.wheel-right{right:0}
@media(max-width:750px){.professional-highlight-inner,.experience-card{grid-template-columns:1fr;gap:25px}.formation-card{display:block}.formation-card>p{margin-top:19px}}
@media(max-width:600px){.professional-highlight{padding:55px 0}.professional-highlight-copy{padding:25px}.experience-card{padding:22px}.experience-company{gap:12px}.experience-mark{height:47px;flex-basis:47px}.formation-card{padding:22px}.preview-iot .preview-headline{font-size:30px}.iot-vehicle{right:-3px}}


/* Estudo de caso — Cuidar Muriaé */
.case-highlight{background:linear-gradient(135deg,#111c32 0%,#172848 100%);color:#fff}
.case-highlight-inner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:56px;align-items:center}
.case-highlight .eyebrow,.case-hero .eyebrow{color:#78dbd2}
.case-highlight h2{color:#fff;font-size:clamp(2rem,3vw,3rem);margin:.3rem 0}
.case-highlight p{max-width:670px;line-height:1.75;color:#cad6e8}
.case-highlight .case-note{font-size:.78rem;color:#aebcd3;margin-top:16px}
.case-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.case-flow{display:grid;gap:12px}
.case-flow span{display:block;border:1px solid #536983;background:#ffffff0b;border-radius:13px;padding:20px;font-weight:650;color:#eef6fc}
.case-hero{background:linear-gradient(125deg,#10182b,#20264c);padding:78px 0 84px;color:#fff}
.case-hero-inner{max-width:1050px}
.case-back{display:inline-block;color:#dbe6f6;margin-bottom:36px;text-decoration:none;font-weight:600}
.case-back:hover{text-decoration:underline}
.case-hero h1{font-size:clamp(3rem,7vw,5.2rem);line-height:1.08;letter-spacing:-.055em;color:white;margin:0 0 22px}
.case-hero-lead{max-width:830px;color:#dfebf7;font-size:clamp(1.05rem,1.7vw,1.34rem);line-height:1.8}
.case-hero .btn-ghost{border:1px solid #8293b1;color:#fff}
.case-disclaimer{font-size:.88rem;border-left:3px solid #6ac9bf;padding-left:15px;margin:32px 0 0;max-width:810px;color:#bccadb;line-height:1.65}
.case-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:85px}
.case-stats div{padding:24px;border:1px solid #dee5ef;border-radius:16px;background:#fff}
.case-stats strong{display:block;font-size:2.4rem;line-height:1.1;color:#5d53c7;letter-spacing:-.05em}
.case-stats span{display:block;font-size:.85rem;color:#576578;margin-top:7px}
.case-intro-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:start}
.case-intro-grid h2,.case-process-section h2,.case-next h2{font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-.04em;line-height:1.22}
.case-intro-grid p{color:#56647a;line-height:1.86;margin-top:0}
.case-intro-grid code{font-size:.9em}
.case-process-section{background:#f1f4fa}
.case-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.case-step{background:#fff;border:1px solid #e1e6f1;border-radius:18px;padding:27px}
.case-step>span{font-size:.84rem;font-weight:800;color:#655ad0}
.case-step h3{margin:19px 0 9px;font-size:1.2rem}
.case-step p{font-size:.94rem;line-height:1.7;color:#627085;margin:0}
.case-ethics-section{background:#f8fbfc}
.case-next{background:#f2f5fb;border:1px solid #e0e8f3;border-radius:21px;padding:40px}
.case-next p{max-width:830px;color:#607087;line-height:1.8}
@media(max-width:800px){.case-highlight-inner,.case-intro-grid{grid-template-columns:1fr;gap:24px}.case-process-grid{grid-template-columns:1fr}.case-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:55px}.case-hero{padding:45px 0 55px}}
@media(max-width:480px){.case-stats{gap:10px}.case-stats div{padding:16px}.case-stats strong{font-size:2rem}.case-next{padding:23px}.case-flow span{padding:14px}}


/* Contraste das seções claras e escuras do estudo de caso */
.page-case .case-intro-grid p{color:#b7c4d6}
.page-case .case-process-section h2,.page-case .case-process-section h3,.page-case .case-next h2,.page-case .case-ethics-section h2{color:#17253a}
.page-case .case-process-section p,.page-case .case-ethics-section p,.page-case .case-next p{color:#53647b}
.page-case .case-ethics-section .case-intro-grid p{color:#53647b}
.page-case .case-next .btn-outline{color:#18273d;border-color:#718098}
.page-case .case-next .btn-outline:hover{color:#fff}


/* Novos estudos de caso: tecnologias, leitura e controles responsivos */
.case-tech-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 8px}
.case-tech-list .tag{font-size:12px;line-height:1.45;padding:8px 12px;background:#142c39;border:1px solid #3e6d77;color:#c2f2e9;border-radius:9px}
.page-case .case-process-section .eyebrow,.page-case .case-ethics-section .eyebrow,.page-case .case-next .eyebrow{color:#31598b}
.page-case .case-ethics-section .case-intro-grid p{color:#53647b}
.case-step h3{color:#19273b}
.case-hero .case-back:focus-visible{outline-color:#9de6d9}
.case-hero .btn-ghost:hover{border-color:#9be7d4}
@media(max-width:610px){
  .page-case .case-hero h1{font-size:clamp(2.65rem,11vw,4rem);overflow-wrap:anywhere}
  .page-case .case-hero-lead{font-size:1.02rem}
  .page-case .case-cta .btn{width:100%;justify-content:center;text-align:center}
  .page-case .case-stats span{font-size:.75rem}
  .page-case .case-next{padding:22px}
  .page-case .case-process-grid{gap:12px}
  .page-case .case-step{padding:19px}
}