@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#050816;--glass:rgba(255,255,255,.055);--line:rgba(255,255,255,.10);--text:#fff;--muted:#94a3b8;--soft:#cbd5e1;--cyan:#22d3ee;--violet:#8b5cf6;--green:#22c55e;--shadow:0 28px 90px rgba(0,0,0,.42)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit}.page-bg:before,.page-bg:after{content:"";position:fixed;width:540px;height:540px;border-radius:50%;filter:blur(170px);opacity:.18;z-index:-2}.page-bg:before{top:-190px;right:-140px;background:var(--cyan)}.page-bg:after{bottom:-220px;left:-140px;background:var(--violet)}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:18px 7%;display:flex;align-items:center;justify-content:space-between;background:rgba(5,8,22,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand-mark{width:50px;height:50px;border-radius:17px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#020617;font-weight:900;display:flex;align-items:center;justify-content:center;letter-spacing:-1px;box-shadow:0 18px 45px rgba(34,211,238,.18)}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:16px}.brand-text span{color:var(--muted);font-size:12px}.nav-menu{display:flex;gap:28px}.nav-menu a{color:#cbd5e1;text-decoration:none;font-size:14px;font-weight:700;transition:.25s}.nav-menu a:hover{color:var(--cyan)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}
.hero{min-height:100vh;padding:145px 7% 80px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow,.section-heading span,.contact-box span{display:inline-block;color:var(--cyan);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:900;margin-bottom:20px}.hero h1{font-size:clamp(43px,6vw,80px);line-height:1.02;letter-spacing:-.065em;margin-bottom:28px}.hero p{color:#cbd5e1;font-size:18px;line-height:1.82;max-width:760px}.hero-actions,.hero-links,.contact-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-actions{margin-top:38px}.hero-links{margin-top:24px}.hero-links a{color:#cbd5e1;text-decoration:none;display:inline-flex;align-items:center;gap:9px;font-weight:700;transition:.25s}.hero-links a:hover{color:var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:18px;text-decoration:none;font-weight:900;transition:.3s}.btn-primary{background:var(--cyan);color:#020617;box-shadow:0 20px 50px rgba(34,211,238,.22)}.btn-primary:hover{transform:translateY(-4px)}.btn-secondary{background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff}.hero-visual{display:flex;justify-content:center}
.profile-card{width:min(100%,430px);padding:28px;border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(24px);position:relative;overflow:hidden}.profile-image-wrap{position:relative;width:100%;aspect-ratio:1/1.05;border-radius:32px;overflow:hidden;border:1px solid var(--line);background:#0f172a}.profile-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.profile-info{padding-top:26px}.profile-info h2{font-size:28px;margin-bottom:8px}.profile-info p{color:var(--cyan);font-weight:800}.profile-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.profile-badges span,.project-tags span{padding:9px 13px;border-radius:999px;background:rgba(34,211,238,.09);border:1px solid rgba(34,211,238,.16);color:#67e8f9;font-size:12px;font-weight:800}
.section{padding:112px 7%}.section-heading{text-align:center;max-width:940px;margin:0 auto 64px}.section-heading h2{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.05em}.about-grid,.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.about-text,.highlight-card,.skill-card,.security-panel,.timeline-item{background:var(--glass);border:1px solid var(--line);border-radius:30px;padding:34px;backdrop-filter:blur(18px)}.about-text p{color:#cbd5e1;line-height:1.9;margin-bottom:18px}.highlight-card i,.skill-card i{font-size:36px;color:var(--cyan);margin-bottom:24px}.highlight-card h3,.skill-card h3,.security-panel h3{font-size:24px;margin-bottom:14px}.highlight-card p,.skill-card p{color:#cbd5e1;line-height:1.78}
.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.skill-card,.project-card,.security-panel,.timeline-item{transition:.3s}.skill-card:hover,.project-card:hover,.security-panel:hover,.timeline-item:hover{transform:translateY(-8px);border-color:rgba(34,211,238,.34)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.project-card{overflow:hidden;border-radius:34px;background:var(--glass);border:1px solid var(--line)}.project-image{min-height:220px;display:flex;align-items:center;justify-content:center;font-size:58px}.project-image.clinic{background:linear-gradient(135deg,rgba(34,211,238,.24),rgba(59,130,246,.13))}.project-image.dojo{background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(34,211,238,.11))}.project-image.ecommerce{background:linear-gradient(135deg,rgba(34,197,94,.20),rgba(34,211,238,.13))}.project-content{padding:30px}.project-content h3{font-size:25px;margin-bottom:14px}.project-content p{color:#cbd5e1;line-height:1.78;margin-bottom:24px}.project-tags{display:flex;flex-wrap:wrap;gap:10px}
.timeline{max-width:980px;margin:0 auto;display:grid;gap:20px}.timeline-item{border-left:4px solid var(--cyan)}.timeline-item strong{color:var(--cyan);display:inline-block;margin-bottom:10px}.timeline-item h3{font-size:22px;margin-bottom:10px}.timeline-item p{color:#cbd5e1;line-height:1.75}.security-panel ul{list-style:none;display:grid;gap:14px}.security-panel li{color:#cbd5e1;line-height:1.66;padding-left:28px;position:relative}.security-panel li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.contact-box{max-width:1080px;margin:0 auto;text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:44px;padding:74px 44px;box-shadow:var(--shadow)}.contact-box h2{font-size:clamp(34px,5vw,64px);letter-spacing:-.055em;line-height:1.05;margin-bottom:22px}.contact-box p{color:#cbd5e1;line-height:1.82;max-width:800px;margin:0 auto}.contact-actions{justify-content:center;margin-top:40px}.contact-actions a{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 24px;border-radius:18px;text-decoration:none;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff;font-weight:900;transition:.3s}.contact-actions a:hover{background:var(--cyan);color:#020617}.site-footer{padding:34px 7%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .85s ease,transform .85s ease}.reveal.active{opacity:1;transform:translateY(0)}
@media(max-width:1120px){.hero,.about-grid,.security-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.hero-visual{justify-content:flex-start}}
@media(max-width:760px){.site-header{padding:16px 5%}.menu-toggle{display:block}.nav-menu{position:fixed;top:82px;right:-100%;width:min(86%,320px);padding:28px;background:#0f172a;border:1px solid var(--line);border-radius:26px 0 0 26px;flex-direction:column;transition:.35s}.nav-menu.active{right:0}.brand-text{display:none}.hero{padding:122px 5% 70px}.section{padding:86px 5%}.skills-grid{grid-template-columns:1fr}.profile-card{width:100%}.contact-box{padding:54px 22px;border-radius:34px}.site-footer{flex-direction:column;text-align:center}}


/* ===== CORREÇÃO DEFINITIVA: imagem grande dos modais ===== */

.modal-gallery img{
    cursor:zoom-in !important;
    pointer-events:auto !important;
}

.image-viewer{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:100vw !important;
    height:100vh !important;
    z-index:999999999 !important;
    background:rgba(0,0,0,.94) !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    padding:24px !important;
}

.image-viewer.active{
    display:flex !important;
}

.image-viewer img{
    max-width:96vw !important;
    max-height:90vh !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    border-radius:18px !important;
    box-shadow:0 20px 90px rgba(0,0,0,.7) !important;
    background:#111827 !important;
}

.image-viewer-close{
    position:fixed !important;
    top:22px !important;
    right:26px !important;
    width:54px !important;
    height:54px !important;
    border-radius:50% !important;
    border:none !important;
    background:rgba(255,255,255,.15) !important;
    color:#fff !important;
    font-size:36px !important;
    line-height:54px !important;
    cursor:pointer !important;
    z-index:1000000000 !important;
}

.image-viewer-close:hover{
    background:#22d3ee !important;
    color:#020617 !important;
}