/* Pedro Eletricista — site institucional, leve e responsivo. */
:root{--night:#050e20;--navy:#071528;--deep:#0a1b34;--ink:#14263e;--muted:#607087;--blue:#147ad2;--blue-bright:#218be3;--blue-ice:#eaf5ff;--line:#e5ebf1;--paper:#fff;--surface:#f6f8fb;--orange:#f3ad28;--green:#128c4d;--container:1176px;--r-lg:19px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
::selection{background:#c5e7ff;color:#091d36}
.container{width:min(calc(100% - 48px),var(--container));margin:0 auto}
.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svg-symbols{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:absolute;top:-60px;left:12px;z-index:999;background:white;padding:8px 16px;border-radius:6px}.skip-link:focus{top:12px}
/* Navegação */
.site-header{position:sticky;top:0;z-index:50;background:#030514;border-bottom:1px solid rgba(255,255,255,.075)}
.nav-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:flex;align-items:center;width:250px;flex:none}
.brand img{width:250px;height:auto;display:block}
.main-nav{display:flex;align-items:center;gap:32px;color:#b7c8dd;font-size:13px;font-weight:600;letter-spacing:.01em}
.main-nav>a:not(.nav-contact){transition:color .18s}.main-nav>a:not(.nav-contact):hover{color:#fff}
.main-nav .nav-contact{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);border-radius:7px;padding:12px 16px;color:white;white-space:nowrap;transition:background .2s,border-color .2s}
.main-nav .nav-contact:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.4)}
.main-nav .nav-contact .icon{width:15px;height:15px}
.menu-toggle{display:none;border:1px solid #324259;color:white;background:transparent;padding:10px;border-radius:8px;cursor:pointer}.menu-toggle .icon{width:24px;height:24px}.menu-toggle .close-icon{display:none}
/* Hero */
.hero{isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(ellipse 50% 60% at 90% 37%,rgba(17,92,154,.18),transparent 85%),linear-gradient(118deg,#07172d 0%,#0b2040 65%,#0a1933 100%);color:white}
.hero-pattern{z-index:-1;position:absolute;inset:0;opacity:.42;background-image:linear-gradient(rgba(103,173,224,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(103,173,224,.06) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to left,black,transparent 80%)}
.hero:before{content:"";position:absolute;z-index:-1;inset:auto -15% -53% 50%;height:80%;border-radius:50%;background:rgba(20,122,210,.09);filter:blur(55px)}
.hero-grid{min-height:646px;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(350px,.84fr);align-items:center;column-gap:72px;padding-top:56px;padding-bottom:74px}
.hero-copy{position:relative;z-index:3}
.eyebrow{display:inline-flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.16em;font-weight:750}
.eyebrow-light{color:#c6d9eb}.dash{height:2px;width:26px;background:var(--orange);display:inline-block}.eyebrow-dot{color:var(--orange);font-size:16px;line-height:0}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.04em}
h1{font-size:clamp(46px,5.05vw,72px);font-weight:750;line-height:1.09;margin:22px 0 24px;max-width:660px}
h1 span{color:#75c1ff}
.hero-intro{max-width:540px;color:#afc4dd;font-size:17px;line-height:1.85;margin-bottom:33px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:8px;padding:15px 20px;font-size:14px;font-weight:750;line-height:1.4;min-height:52px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}
.btn:hover{transform:translateY(-2px)}.btn .icon{width:17px;height:17px}
.btn-primary{color:#fff;background:#137ad4;box-shadow:0 6px 21px rgba(11,101,193,.28)}.btn-primary:hover{background:#268ce0;box-shadow:0 10px 24px rgba(11,101,193,.36)}
.btn-outline{border:1px solid #61768f;color:#ecf3fc;background:transparent}.btn-outline:hover{border-color:#b0c8df;background:rgba(255,255,255,.05)}
.hero-facts{display:flex;align-items:center;gap:20px;margin-top:40px;color:#bdd0e4;font-size:13px;font-weight:550}
.hero-facts>div{display:flex;gap:8px;align-items:center}.hero-facts .icon{width:16px;height:16px;color:var(--orange)}
.fact-divider{height:19px;width:1px;background:rgba(255,255,255,.2)}
.hero-visual{height:500px;position:relative;display:flex;align-items:center;justify-content:center}
.visual-sheen{position:absolute;inset:5% 11% 4% 13%;border:1px solid rgba(137,195,236,.21);transform:rotate(-5deg);border-radius:22px;background:linear-gradient(152deg,rgba(17,103,177,.19),rgba(6,15,33,.1))}
.visual-sheen:after{content:"";position:absolute;inset:25px;border-radius:16px;border:1px solid rgba(137,195,236,.10)}
.work-preview{z-index:1;position:relative;display:block;width:min(87%,352px);height:450px;border-radius:15px;overflow:hidden;box-shadow:0 20px 65px rgba(0,0,0,.37);border:5px solid #173251;outline:1px solid rgba(255,255,255,.16);background:#102641;transform:rotate(2.3deg);transition:transform .35s,box-shadow .35s}
.work-preview:hover{transform:rotate(0) translateY(-4px);box-shadow:0 26px 70px rgba(0,0,0,.43)}
.work-preview>img{width:100%;height:100%;object-fit:cover;object-position:50% 37%;filter:saturate(.83) contrast(1.06)}
.preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,13,28,.55),transparent 30%,rgba(4,13,28,.27) 54%,rgba(4,13,28,.93) 100%)}
.preview-top{position:absolute;top:23px;left:22px;right:10px;display:flex;align-items:center;gap:9px;color:white;font-size:10px;letter-spacing:.13em;font-weight:800}.preview-dot{height:7px;width:7px;border-radius:50%;background:var(--orange)}
.preview-play{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);height:69px;width:69px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.95);color:#1279d0;box-shadow:0 4px 25px rgba(0,0,0,.2)}
.preview-play .icon{fill:currentColor;width:23px;height:23px;margin-left:4px;stroke-width:1}
.preview-bottom{position:absolute;bottom:22px;left:25px;right:20px;display:flex;flex-direction:column;line-height:1.4;gap:9px}.preview-bottom b{font-size:21px;letter-spacing:-.04em}.preview-bottom small{display:flex;gap:9px;align-items:center;color:#c8dcef;font-size:12px}.preview-bottom small .icon{width:15px;height:15px}
.floating-info{position:absolute;right:-14px;bottom:34px;z-index:2;display:flex;align-items:center;gap:12px;background:white;box-shadow:0 12px 33px rgba(0,0,0,.2);border-radius:11px;color:#1b3248;padding:13px 16px;transform:rotate(-2deg)}.info-symbol{display:grid;place-items:center;background:#e7f5ff;color:#1a83d8;width:42px;height:42px;border-radius:10px}.floating-info strong,.floating-info small{display:block;line-height:1.4}.floating-info strong{font-size:13px}.floating-info small{color:#758498;font-size:11px}
.hero-base{height:5px;background:linear-gradient(90deg,var(--orange) 0 9%,#167bc6 9% 66%,#0a3568 66%)}
/* Seções */
.section{padding:102px 0}.section-heading-center{text-align:center;margin:0 auto 40px;max-width:660px}
.section-kicker{display:block;color:#0c77c7;font-size:11px;letter-spacing:.19em;font-weight:800;margin-bottom:16px}
.section-heading h2,.locations h2,.presentation h2{font-size:clamp(32px,3.55vw,48px);line-height:1.16;margin-bottom:15px;font-weight:760}
.section-heading p,.locations-copy>p{color:var(--muted);line-height:1.8;max-width:595px}.section-heading p{margin:0 auto}
.services{background:#fff}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-card{padding:31px 29px 29px;background:#fff;border:1px solid #e5eaf0;border-radius:13px;min-height:229px;transition:border-color .2s,box-shadow .2s,transform .2s}
.service-card:hover{border-color:#afd7f8;transform:translateY(-3px);box-shadow:0 15px 35px rgba(19,70,120,.07)}
.service-icon{display:grid;place-items:center;height:49px;width:49px;border-radius:11px;color:#127acb;background:#eaf5ff;margin-bottom:21px}.service-icon .icon{width:25px;height:25px}
.service-card h3{font-size:19px;line-height:1.35;margin-bottom:10px;font-weight:750;letter-spacing:-.028em}.service-card p{font-size:14px;line-height:1.8;color:#67768a;margin-bottom:0}
.service-card-highlight{background:#eef6ff;border-color:#d6eafd}.service-card-highlight p{margin-bottom:15px}.service-card-highlight>a{display:inline-flex;align-items:center;gap:7px;color:#086bb5;font-size:13px;font-weight:800}.service-card-highlight>a:hover{text-decoration:underline}.service-card-highlight>a .icon{width:15px;height:15px}
/* Vídeo */
.presentation{background:linear-gradient(125deg,#0c1f3c,#071529);color:white;overflow:hidden}
.presentation-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.kicker-on-dark{color:#75c1ff}.presentation-copy{max-width:485px}.presentation h2{font-size:clamp(34px,3.9vw,54px);margin-bottom:21px}
.presentation-copy>p{color:#bed0e4;line-height:1.9;font-size:16px;max-width:450px}
.presentation-rule{height:1px;background:#29415b;margin:35px 0 26px}
.presentation-note{color:#e5f1ff;display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.7}.presentation-note .icon{background:#174b7a;padding:5px;color:#bce1ff;border-radius:50%;width:23px;height:23px}
.text-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800}.text-link .icon{width:16px;height:16px}.text-link-light{color:#82c9ff;margin-top:31px}.text-link-light:hover{text-decoration:underline}
.video-wrap{justify-self:center;width:100%;max-width:332px;position:relative}
.video-wrap:before{content:"";position:absolute;inset:12% -50px 20% -50px;background:radial-gradient(circle,rgba(20,125,209,.18),transparent 72%);filter:blur(24px)}
.video-frame{position:relative;border:6px solid #243e5b;box-shadow:0 22px 62px rgba(0,0,0,.29);border-radius:18px;overflow:hidden;background:#132a44;aspect-ratio:476/848}
.work-video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;background:#071528}
.video-overlay{position:absolute;inset:0;width:100%;border:0;cursor:pointer;background:linear-gradient(to top,rgba(0,11,29,.78),transparent 50%);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font-weight:750;font-size:14px;letter-spacing:.01em}
.video-overlay[hidden]{display:none}.big-play{background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.15);color:#167ac8;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;transition:transform .2s}.big-play .icon{fill:currentColor;stroke-width:0;width:25px;height:25px;margin-left:4px}.video-overlay:hover .big-play{transform:scale(1.07)}
.video-caption{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;color:#b4c9dd;font-size:12px}.caption-mark{height:7px;width:7px;background:#6cc2ff;border-radius:50%;flex:none}.video-caption span:nth-child(2){flex:1}
/* Regiões */
.locations{background:#f5f8fc}.locations-grid{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:72px}.locations h2{max-width:410px}.locations-copy>p{max-width:475px;margin-bottom:30px}
.availability{display:flex;align-items:center;gap:13px;color:#51687f;font-size:14px}.availability>.icon{width:43px;height:43px;padding:11px;background:#e5f2fc;color:#177fc8;border-radius:10px}.availability span{display:grid;line-height:1.5}.availability b{color:#14263e}
.city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.city-card{background:#fff;border:1px solid #e5ebf1;border-radius:12px;padding:25px 20px;display:flex;align-items:center;gap:15px;min-height:112px}.city-card>.icon{width:34px;height:34px;padding:8px;border-radius:9px;background:#e9f5ff;color:#1f82cb}.city-card strong,.city-card span{display:block}.city-card strong{font-size:16px;line-height:1.4;letter-spacing:-.02em}.city-card span{font-size:13px;color:#78899b;margin-top:3px}
/* Contato e rodapé */
.contact-outer{background:#f5f8fc;padding:0 0 105px}.contact-band{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:linear-gradient(110deg,#0769b5,#147ed0);color:white;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:56px 64px}
.contact-band-glow{position:absolute;z-index:-1;right:-55px;top:-110px;width:420px;height:360px;border:1px solid rgba(255,255,255,.12);transform:rotate(30deg);border-radius:40px;box-shadow:0 0 0 56px rgba(255,255,255,.038),0 0 0 112px rgba(255,255,255,.028)}
.contact-copy{max-width:660px}.contact-kicker{display:block;letter-spacing:.17em;color:#cfebff;font-size:11px;font-weight:800;margin-bottom:12px}.contact-band h2{font-size:clamp(29px,3.5vw,44px);line-height:1.2;margin-bottom:11px}.contact-band p{color:#e2f2ff;line-height:1.65;margin:0}.contact-action{display:flex;flex-direction:column;align-items:center;gap:12px;flex:none}
.btn-whatsapp{background:#fff;color:#0b5b37;font-size:14px;box-shadow:0 8px 26px rgba(4,25,66,.14)}.btn-whatsapp:hover{background:#effff4}.btn-whatsapp .icon:first-child{color:#168b55;width:22px;height:22px}.contact-phone{font-size:14px;font-weight:700;color:#eaf7ff;letter-spacing:.03em}.contact-phone:hover{text-decoration:underline}
.site-footer{background:#030514;color:#9badc0}.footer-main{min-height:198px;display:flex;align-items:center;gap:32px;padding-top:28px;padding-bottom:28px}.footer-brand img{width:210px;height:auto}.footer-main p{margin:0;font-size:13px;line-height:1.9;border-left:1px solid #263648;padding-left:30px}.footer-back{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:#d0e3f7}.footer-back .icon{width:16px;height:16px}.footer-back:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;border-top:1px solid #1a2b40;font-size:12px;color:#899bab}
.floating-whatsapp{position:fixed;z-index:30;bottom:22px;right:24px;display:flex;align-items:center;gap:9px;background:#1c9b55;color:white;box-shadow:0 10px 26px rgba(0,0,0,.22);border:2px solid #fff;border-radius:40px;padding:12px 17px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.floating-whatsapp:hover{transform:translateY(-3px);background:#168a4b}.floating-whatsapp .icon{width:23px;height:23px}
/* Responsividade */
@media(max-width:1080px){.main-nav{gap:18px}.hero-grid{column-gap:35px}.hero-facts{gap:14px}.floating-info{right:0}.locations-grid{gap:42px}.contact-band{padding:50px 43px}}
@media(max-width:900px){.nav-inner{min-height:77px}.brand,.brand img{width:215px}.menu-toggle{display:grid;place-items:center}.menu-toggle[aria-expanded="true"] .open-icon{display:none}.menu-toggle[aria-expanded="true"] .close-icon{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#071528;box-shadow:0 15px 25px rgba(0,0,0,.24);padding:16px 24px 24px;border-top:1px solid #23344a}.main-nav.is-open{display:flex}.main-nav>a:not(.nav-contact){padding:13px 8px;border-bottom:1px solid #25364e;font-size:15px}.main-nav .nav-contact{margin-top:16px;justify-content:center}.hero-grid{grid-template-columns:1fr .78fr;min-height:570px;padding-top:52px;padding-bottom:70px}.hero h1{font-size:clamp(42px,5.6vw,58px)}.hero-intro{font-size:15px}.hero-visual{height:430px}.work-preview{height:390px;width:92%}.floating-info{bottom:12px;right:-9px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.presentation-grid{gap:38px}.locations-grid{gap:32px}.contact-band{gap:24px}}
@media(max-width:700px){.container{width:min(calc(100% - 36px),var(--container))}.section{padding:76px 0}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:36px;padding-top:68px;padding-bottom:68px}.hero-copy{text-align:left}.hero h1{font-size:clamp(44px,9.2vw,62px);max-width:600px;margin:19px 0 18px}.hero-intro{max-width:600px;font-size:15px;margin-bottom:27px}.hero-facts{margin-top:30px}.hero-visual{width:min(100%,480px);align-self:center;height:365px;margin-top:5px}.work-preview{height:350px;width:270px}.floating-info{right:4px;bottom:0}.section-heading h2,.locations h2,.presentation h2{font-size:36px}.service-grid{gap:12px}.service-card{padding:23px;min-height:220px}.presentation-grid{grid-template-columns:1fr;gap:40px}.presentation-copy{max-width:none}.video-wrap{max-width:300px}.locations-grid{grid-template-columns:1fr;gap:28px}.city-grid{gap:12px}.contact-outer{padding-bottom:74px}.contact-band{padding:37px 28px;flex-direction:column;align-items:flex-start;gap:28px}.contact-action{align-items:flex-start}.footer-main{flex-wrap:wrap;gap:18px}.footer-back{margin-left:0}.footer-main p{padding-left:18px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:2px;padding:14px 0}}
@media(max-width:480px){.nav-inner{min-height:70px}.brand,.brand img{width:185px}.menu-toggle{padding:8px}.hero-grid{padding-top:52px;padding-bottom:59px}.hero h1{font-size:42px}.eyebrow{font-size:10px}.hero-intro{line-height:1.75}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-actions .btn{width:100%}.hero-facts{flex-wrap:wrap;gap:10px 18px}.fact-divider{display:none}.hero-visual{height:335px}.work-preview{height:321px;width:235px}.floating-info{padding:10px;right:-4px;bottom:1px;gap:9px}.info-symbol{width:34px;height:34px}.info-symbol .icon{width:18px;height:18px}.floating-info strong{font-size:12px}.floating-info small{font-size:10px}.preview-top{font-size:9px;top:15px;left:13px}.preview-bottom{left:17px;bottom:16px}.preview-bottom b{font-size:18px}.preview-play{height:55px;width:55px}.section{padding:64px 0}.section-heading-center{margin-bottom:31px}.section-heading h2,.locations h2,.presentation h2{font-size:32px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:23px 24px}.service-icon{margin-bottom:15px}.city-grid{grid-template-columns:1fr 1fr;gap:9px}.city-card{padding:16px 12px;gap:8px;min-height:106px}.city-card .icon{width:29px;height:29px;padding:7px}.city-card strong{font-size:13px}.city-card span{font-size:11px}.contact-band{padding:30px 23px}.contact-band h2{font-size:28px}.contact-action{width:100%}.contact-action>.btn{width:100%;font-size:13px}.footer-main{align-items:start;flex-direction:column;padding-top:34px;padding-bottom:28px;gap:14px}.footer-main p{border:0;padding:0}.footer-back{margin-top:8px}.floating-whatsapp{right:14px;bottom:14px;padding:12px;border-radius:50%;width:52px;height:52px;justify-content:center}.floating-whatsapp span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Permite que a área de atendimento maior quebre de linha sem transbordar. */
.hero-facts>div{min-width:0}.hero-facts>div span{overflow-wrap:normal}.hero-facts .icon{flex-shrink:0}