/*
 * MAESTRIA OS — SOFTWARE PROPRIETÁRIO
 * Copyright © 2026 Gabriel Freitas. Todos os direitos reservados.
 * Código first-party. Uso, reprodução ou redistribuição requer autorização expressa.
 */
/* Maestria OS 1.15.11 · Development / portfolio popup */
.maestria-development-trigger,#maestria-development-trigger,[data-maestria-development-trigger],a[href="#maestria-development"]{cursor:pointer}
.maestria-development-trigger:not(.elementor-element),#maestria-development-trigger:not(.elementor-element),[data-maestria-development-trigger]:not(.elementor-element),a[href="#maestria-development"]{text-decoration-color:rgba(217,255,114,.42);text-decoration-thickness:1px;text-underline-offset:.18em;transition:color .18s ease,text-decoration-color .18s ease}
.maestria-development-trigger:not(.elementor-element):hover,#maestria-development-trigger:not(.elementor-element):hover,[data-maestria-development-trigger]:not(.elementor-element):hover,a[href="#maestria-development"]:hover{color:#f5f0e8!important;text-decoration-color:rgba(217,255,114,.72)}

.mae-development-overlay[hidden]{display:none!important}
.mae-development-overlay{--md-lime:#d9ff72;--md-lilac:#bca8e2;--md-ivory:#f5f0e8;position:fixed;z-index:1000000;inset:0;display:grid;place-items:center;padding:24px;opacity:0;color:var(--md-ivory);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:opacity .25s ease}
.mae-development-overlay,.mae-development-overlay *{box-sizing:border-box}
.mae-development-overlay.is-open{opacity:1}
.mae-development-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(3,4,3,.78)!important;box-shadow:none!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:default!important}

/* Frame igual ao popup dos barbeiros. O conteúdo rola dentro do frame. */
.mae-development-dialog{position:relative;z-index:2;width:min(900px,calc(100vw - 48px));height:min(560px,calc(100dvh - 48px));max-height:min(560px,calc(100dvh - 48px));overflow:hidden;border:1px solid rgba(188,168,226,.19);border-radius:34px;background:#0d110e;box-shadow:0 38px 120px rgba(0,0,0,.55);transform:translateY(12px) scale(.985);transition:transform .34s cubic-bezier(.2,.78,.2,1);isolation:isolate}
.mae-development-overlay.is-open .mae-development-dialog{transform:none}
.mae-development-close{position:absolute!important;z-index:20;right:18px!important;top:18px!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border:1px solid #343a35!important;border-radius:14px!important;background:rgba(9,10,9,.78)!important;color:#f5f0e8!important;font:400 24px/1 Arial,sans-serif!important;box-shadow:0 8px 22px rgba(0,0,0,.2)!important;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:.2s ease}
.mae-development-close:hover,.mae-development-close:focus-visible{border-color:#596159!important;background:#171c18!important;transform:rotate(4deg);outline:none}

/* Scroll robusto: body travado, viewport do modal independente. */
.mae-development-scroll{position:relative;width:100%;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#485048 transparent}
.mae-development-scroll::-webkit-scrollbar{width:7px}
.mae-development-scroll::-webkit-scrollbar-track{background:transparent}
.mae-development-scroll::-webkit-scrollbar-thumb{border:2px solid #0d110e;border-radius:999px;background:#515a52}
.mae-development-scroll::-webkit-scrollbar-thumb:hover{background:#687269}

/* Hero horizontal: apresentação + arte 4:3 completa. Depois dele, conteúdo em largura total. */
.mae-development-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,390px);align-items:center;gap:26px;min-height:350px;padding:34px 38px 28px;border-bottom:1px solid #272d28;background:radial-gradient(480px 280px at 86% 42%,rgba(188,168,226,.09),transparent 68%),radial-gradient(430px 240px at 8% 2%,rgba(217,255,114,.035),transparent 72%),linear-gradient(180deg,#101510 0%,#0b0f0c 100%)}
.mae-development-hero:after{content:"";position:absolute;left:38px;right:38px;bottom:-1px;height:1px;background:linear-gradient(90deg,rgba(217,255,114,.52),rgba(188,168,226,.22) 38%,transparent 76%);opacity:.42;pointer-events:none}
.mae-development-hero-copy{min-width:0;padding:8px 0 4px}
.mae-development-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px;padding-right:0}
.mae-development-head>span,.mae-development-section-title>span,.mae-development-story>span{color:var(--md-lilac);font:850 7.5px/1 Manrope,system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase}
.mae-development-monogram{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(188,168,226,.2);border-radius:14px;background:#151917;color:var(--md-lilac);font:850 10px/1 Manrope,system-ui,sans-serif;letter-spacing:.06em;overflow:hidden}
/* Gabriel is a fixed project avatar. The source already has true alpha and a cleaned sticker edge; do not re-crop it like barber profile photos. */
.mae-development-avatar{width:60px;height:60px;padding:0!important;border-radius:18px;background:#0b0e0b!important;overflow:hidden!important}
.mae-development-avatar img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;transform:scale(1.16)!important;transform-origin:50% 34%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important}
.mae-development-role{display:block;margin-bottom:10px;color:var(--md-lime);font:850 7px/1 Manrope,system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase}
.mae-development-hero h2{margin:0;color:var(--md-ivory)!important;font:500 clamp(44px,5.1vw,67px)/.91 Georgia,serif;letter-spacing:-.05em}
.mae-development-hero h2 em{color:var(--md-lilac);font-weight:500}
.mae-development-intro{max-width:455px;margin:17px 0 0;color:#b8beb9!important;font:470 11.4px/1.58 Manrope,system-ui,sans-serif}

.mae-development-art{position:relative;width:100%;aspect-ratio:4/3;min-width:0;overflow:visible;isolation:isolate}
.mae-development-art:before{content:"";position:absolute;z-index:0;left:7%;right:4%;bottom:5%;height:20%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.46),rgba(0,0,0,0) 70%);filter:blur(12px);opacity:.72;pointer-events:none}
.mae-development-art img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 18px 22px rgba(0,0,0,.26)) saturate(1.02) contrast(1.01)}
.mae-development-take{position:absolute;z-index:5;left:0;top:3px;padding:7px 9px;border:1px solid rgba(245,240,232,.12);border-radius:999px;background:rgba(8,10,8,.72);color:rgba(245,240,232,.68);font:800 6px/1 Manrope,system-ui,sans-serif;letter-spacing:.17em;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.mae-development-art-caption{position:absolute;z-index:5;right:2px;bottom:4px;display:grid;gap:3px;padding:8px 10px;border:1px solid rgba(245,240,232,.09);border-radius:10px;background:rgba(8,10,8,.55);text-align:right;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.mae-development-art-caption small{color:rgba(245,240,232,.48);font:850 5.6px/1 Manrope,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.mae-development-art-caption strong{color:#f5f0e8;font:650 8.5px/1.15 Manrope,system-ui,sans-serif}

.mae-development-body{padding:26px 38px 34px;background:linear-gradient(180deg,#0d110e 0%,#0a0d0b 100%)}
.mae-development-story{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:start;padding:0 0 22px;border-bottom:1px solid #262c27}
.mae-development-story p{max-width:620px;margin:0;color:#9da59e!important;font:450 10.8px/1.62 Manrope,system-ui,sans-serif}
.mae-development-spec{padding-top:21px}
.mae-development-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mae-development-section-title b{color:#596159;font:800 6.2px/1 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-align:right}
.mae-development-spec dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 0}
.mae-development-spec dl>div{min-width:0;padding:13px 13px 14px;border:1px solid #252a26;border-radius:12px;background:rgba(245,240,232,.012);box-shadow:inset 0 1px 0 rgba(255,255,255,.012)}
.mae-development-spec dt{margin:0 0 6px;color:#879087;font:850 6.2px/1 Manrope,system-ui,sans-serif;letter-spacing:.16em}
.mae-development-spec dd{margin:0;color:#d4d9d5;font:560 9px/1.46 Manrope,system-ui,sans-serif}
.mae-development-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}
.mae-development-tags span{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border:1px solid #303731;border-radius:999px;background:#111512;color:#c8cec8;font:760 6.8px/1 Manrope,system-ui,sans-serif;letter-spacing:.035em}

.mae-development-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:20px;padding:18px;border:1px solid rgba(217,255,114,.16);border-radius:18px;background:linear-gradient(135deg,rgba(217,255,114,.055),rgba(188,168,226,.025) 62%,rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.mae-development-cta>div{display:grid;gap:6px;min-width:0}
.mae-development-cta small{color:var(--md-lime);font:850 6.2px/1 Manrope,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.mae-development-cta strong{max-width:520px;color:#f0f3ef;font:650 12px/1.35 Manrope,system-ui,sans-serif}
.mae-development-cta p{max-width:570px;margin:0;color:#8f9890!important;font:480 9px/1.5 Manrope,system-ui,sans-serif}
.mae-development-instagram{display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-width:185px;min-height:48px;padding:0 13px 0 15px!important;border:1px solid rgba(217,255,114,.38)!important;border-radius:14px!important;background:#d9ff72!important;color:#101410!important;text-decoration:none!important;box-shadow:0 8px 24px rgba(217,255,114,.07)!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}
.mae-development-instagram span{font:850 7.7px/1 Manrope,system-ui,sans-serif;letter-spacing:.045em;text-transform:uppercase}
.mae-development-instagram b{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(16,20,16,.2);border-radius:8px;font:800 12px/1 Manrope,system-ui,sans-serif;transition:transform .2s ease}
.mae-development-instagram:hover,.mae-development-instagram:focus-visible{background:#e4ff96!important;box-shadow:0 12px 32px rgba(217,255,114,.12)!important;transform:translateY(-2px);outline:none}
.mae-development-instagram:hover b,.mae-development-instagram:focus-visible b{transform:translate(2px,-2px)}
.mae-development-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:20px;padding-top:17px;border-top:1px solid #262c27}
.mae-development-footer>div{display:grid;gap:5px}.mae-development-footer small{color:#687068;font:850 5.8px/1 Manrope,system-ui,sans-serif;letter-spacing:.17em}.mae-development-footer strong{color:#e8ece8;font:700 9.5px/1.2 Manrope,system-ui,sans-serif}
.mae-development-sign{text-align:right}.mae-development-sign strong{color:var(--md-lime)}
html.mae-development-lock,body.mae-development-lock{overflow:hidden!important}

/* Letreiro GABRIEL · DM Mono. Hardware discreto; faísca rara, mas visível quando acontece. */
a.mae-development-neon,.mae-development-neon{--neon-lilac:#c8afff;--neon-core:#fffaff;--neon-dead:#4c4654;position:relative!important;z-index:0;display:inline-flex!important;align-items:center!important;isolation:isolate;padding:0!important;margin-right:48px!important;overflow:visible!important;color:var(--neon-core)!important;text-decoration:none!important;text-transform:uppercase!important;white-space:nowrap!important;font-family:"DM Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:12px!important;font-weight:500!important;line-height:1!important;letter-spacing:.105em!important}
.mae-development-neon-word{position:relative;z-index:4;display:inline-flex;align-items:center;gap:0;filter:drop-shadow(0 0 1px rgba(255,255,255,.42))}
.mae-development-neon-letter{display:inline-block;color:var(--neon-core);text-shadow:0 0 1px rgba(255,255,255,.95),0 0 3px rgba(200,175,255,.86),0 0 7px rgba(188,168,226,.58),0 0 12px rgba(133,83,230,.21);transition:opacity 24ms linear,filter 24ms linear,color 24ms linear,text-shadow 24ms linear;will-change:opacity,filter}
.mae-development-neon-letter.is-dim{opacity:.29;color:#aa9abb;filter:brightness(.58);text-shadow:0 0 2px rgba(188,168,226,.32),0 0 5px rgba(145,107,205,.16)}
.mae-development-neon-letter.is-off{opacity:.075;color:var(--neon-dead);filter:brightness(.42);text-shadow:none}
.mae-development-neon-word.is-brownout .mae-development-neon-letter:not(.is-off){opacity:.38;filter:brightness(.66);text-shadow:0 0 2px rgba(188,168,226,.34),0 0 5px rgba(188,168,226,.16)}
.mae-development-neon-hardware{--mae-contact-right:9px;--mae-contact-top:29px;position:absolute;z-index:1;left:54%;top:43%;width:calc(46% + 47px);height:42px;overflow:visible;pointer-events:none}
.mae-development-neon-wire-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mae-development-neon-wire-path{fill:none;stroke:#2b302c;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 0 rgba(255,255,255,.025))}
.mae-development-neon-outlet{position:absolute;right:0;top:22px;width:12px;height:16px;border:1px solid rgba(112,121,113,.34);border-radius:3px;background:linear-gradient(145deg,#171a18,#0e100f);box-shadow:inset 0 0 0 1px rgba(0,0,0,.48),0 2px 5px rgba(0,0,0,.28);transform:rotate(2deg)}
.mae-development-neon-outlet:before{content:"";position:absolute;left:50%;top:2px;width:1.5px;height:1.5px;border-radius:50%;background:#4a504b;transform:translateX(-50%)}
.mae-development-neon-outlet b{position:absolute;top:6px;width:1.3px;height:4.6px;border-radius:2px;background:#050605}.mae-development-neon-outlet b:first-child{left:3px}.mae-development-neon-outlet b:last-child{right:3px}
.mae-development-neon-plug{position:absolute;right:10px;top:27px;width:6px;height:5px;border-radius:2px 1px 1px 2px;background:#202521;box-shadow:0 0 0 1px rgba(87,94,88,.24);transform:rotate(4deg)}
.mae-development-neon-plug:after{content:"";position:absolute;right:-2px;top:1px;width:2px;height:3px;border-top:1px solid #6b736c;border-bottom:1px solid #6b736c;opacity:.5}
.mae-development-neon-contact-flash{position:absolute;z-index:8;right:calc(var(--mae-contact-right) - 5px);top:calc(var(--mae-contact-top) - 5px);width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#fff 0 7%,#f4ffd7 13%,rgba(217,255,114,.9) 24%,rgba(188,168,226,.4) 43%,rgba(188,168,226,.08) 58%,transparent 73%);opacity:0;filter:blur(.15px);transform:scale(.2);pointer-events:none}
.mae-development-neon-contact-flash.is-live{animation:mae-neon-contact-flash .3s steps(1,end) 1}
.mae-development-neon-spark{position:absolute;z-index:9;right:var(--mae-contact-right);top:calc(var(--mae-contact-top) - 10px);width:1.6px;height:11px;border-radius:2px;background:linear-gradient(to bottom,rgba(255,255,244,0),#fff 19%,#fffbd8 33%,#d9ff72 61%,rgba(217,255,114,0));box-shadow:0 0 2px #fff,0 0 5px rgba(217,255,114,.9),0 0 10px rgba(188,168,226,.56);opacity:0;transform-origin:50% 100%;pointer-events:none}
.mae-development-neon-spark.s1{transform:rotate(29deg)}.mae-development-neon-spark.s2{right:calc(var(--mae-contact-right) - 1px);top:calc(var(--mae-contact-top) - 8px);height:9px;transform:rotate(76deg) scale(.92)}.mae-development-neon-spark.s3{right:calc(var(--mae-contact-right) + 1px);top:calc(var(--mae-contact-top) - 7px);height:8px;transform:rotate(132deg) scale(.84)}.mae-development-neon-spark.s4{right:calc(var(--mae-contact-right) + 1px);top:calc(var(--mae-contact-top) - 11px);height:8px;transform:rotate(-24deg) scale(.78)}
.mae-development-neon-spark.is-live{animation:mae-neon-visible-spark .3s steps(1,end) 1}
.mae-development-neon:hover .mae-development-neon-letter,.mae-development-neon:focus-visible .mae-development-neon-letter{filter:brightness(1.04);text-shadow:0 0 1px #fff,0 0 4px rgba(200,175,255,.9),0 0 8px rgba(188,168,226,.63),0 0 14px rgba(133,83,230,.24)}
.mae-development-neon:focus-visible{outline:1px dashed rgba(217,255,114,.55)!important;outline-offset:5px!important;border-radius:2px}
@keyframes mae-neon-visible-spark{0%,100%{opacity:0}7%{opacity:1;filter:brightness(1.85)}18%{opacity:.12}31%{opacity:1}44%{opacity:.06}57%{opacity:.86}69%{opacity:.18}78%{opacity:.72}88%{opacity:0}}
@keyframes mae-neon-contact-flash{0%,100%{opacity:0;transform:scale(.18)}9%{opacity:1;transform:scale(1.18)}22%{opacity:.16;transform:scale(.55)}36%{opacity:.9;transform:scale(.94)}51%{opacity:.08;transform:scale(.45)}67%{opacity:.62;transform:scale(.7)}78%{opacity:0;transform:scale(.28)}}

@media(max-width:920px){
  .mae-development-dialog{width:min(860px,calc(100vw - 32px))}
  .mae-development-hero{grid-template-columns:minmax(0,1fr) minmax(310px,355px);gap:20px;padding:32px 32px 26px}
  .mae-development-hero:after{left:32px;right:32px}.mae-development-body{padding:24px 32px 32px}
  .mae-development-spec dl{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .mae-development-overlay{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important}
  .mae-development-dialog{width:min(520px,calc(100vw - 24px))!important;height:min(720px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;border-radius:26px!important}
  .mae-development-close{top:12px!important;right:12px!important;width:42px!important;height:42px!important}
  .mae-development-scroll{scrollbar-width:thin;scrollbar-gutter:auto}
  .mae-development-hero{grid-template-columns:1fr;gap:10px;min-height:0;padding:20px 18px 22px}
  .mae-development-hero-copy{order:2;padding:0}.mae-development-art{order:1;width:min(100%,430px);margin:0 auto;aspect-ratio:4/3}
  .mae-development-take{left:0;top:0;font-size:5.5px}.mae-development-art-caption{right:0;bottom:0}
  .mae-development-head{margin:3px 0 18px;padding-right:48px}.mae-development-head>span{font-size:6.4px}.mae-development-monogram{width:38px;height:38px}.mae-development-avatar{width:54px;height:54px;border-radius:16px}
  .mae-development-role{font-size:6.4px}.mae-development-hero h2{font-size:clamp(39px,11.7vw,53px)!important;line-height:.93!important}.mae-development-intro{margin-top:14px;font-size:11.3px;line-height:1.55}
  .mae-development-body{padding:20px 18px calc(24px + env(safe-area-inset-bottom))}
  .mae-development-story{grid-template-columns:1fr;gap:9px;padding-bottom:18px}.mae-development-story p{font-size:10.2px}
  .mae-development-spec{padding-top:18px}.mae-development-section-title b{max-width:130px;font-size:5.8px}.mae-development-spec dl{grid-template-columns:1fr 1fr}.mae-development-spec dl>div{padding:11px 10px 12px}.mae-development-spec dd{font-size:8.8px;line-height:1.45}
  .mae-development-tags{margin-top:15px}.mae-development-tags span{font-size:6.4px}
  .mae-development-cta{grid-template-columns:1fr;gap:14px;padding:16px;margin-top:18px}.mae-development-cta strong{font-size:11.5px}.mae-development-cta p{font-size:8.9px}.mae-development-instagram{width:100%;min-width:0;min-height:48px}
  .mae-development-footer{align-items:flex-start;flex-direction:column;gap:13px}.mae-development-sign{text-align:left}
  a.mae-development-neon,.mae-development-neon{margin-right:43px!important;letter-spacing:.105em!important}.mae-development-neon-hardware{width:calc(46% + 42px);transform:scale(.94);transform-origin:left center}
}
@media(max-width:430px){.mae-development-hero{padding-inline:16px}.mae-development-body{padding-inline:16px}.mae-development-spec dl{grid-template-columns:1fr}.mae-development-footer{gap:12px}}
@media(max-height:620px) and (min-width:681px){.mae-development-dialog{height:calc(100dvh - 28px);max-height:calc(100dvh - 28px)}.mae-development-overlay{padding:14px}.mae-development-hero{min-height:330px}}
@media(prefers-reduced-motion:reduce){
  .mae-development-overlay,.mae-development-dialog,.mae-development-close,.maestria-development-trigger,#maestria-development-trigger,[data-maestria-development-trigger],a[href="#maestria-development"],.mae-development-instagram{transition:none!important}
  .mae-development-neon-word,.mae-development-neon-letter,.mae-development-neon-spark,.mae-development-neon-contact-flash{animation:none!important}.mae-development-neon-word,.mae-development-neon-letter{opacity:1!important;filter:none!important}.mae-development-neon-spark,.mae-development-neon-contact-flash{display:none!important}
}