*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--black:#05080d;--blue:#008cff;--cyan:#00c8e8;--white:#f2f4f5;--steel:#56616b;--ink:#101822}body{margin:0;background:var(--black);color:white;font-family:Inter,Arial,sans-serif}
section[id], header[id], div[id]{scroll-margin-top:110px;}
.container{width:min(1180px,calc(100% - 48px));margin:auto}h1,h2,h3{font-family:Poppins,Inter,sans-serif}em{font-style:normal;color:var(--blue)}p{line-height:1.7}.hero{min-height:760px;padding-top:118px;background:radial-gradient(circle at 75% 42%,rgba(0,140,255,.19),transparent 32%),radial-gradient(circle at 86% 32%,rgba(0,200,232,.10),transparent 22%),linear-gradient(130deg,#030609 5%,#07111c 57%,#05080d);position:relative;overflow:hidden}.nav-wrap{width:min(1240px,calc(100% - 36px));margin:auto;padding-top:20px;position:relative;z-index:10}.nav-glass{height:76px;padding:10px 14px 10px 18px;border-radius:26px;border:1px solid rgba(104,184,255,.24);background:rgba(8,16,27,.70);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 40px rgba(0,0,0,.22);display:flex;align-items:center;gap:28px}.site-logo img{width:180px;height:58px;object-fit:contain}.nav-links{display:flex;gap:26px;margin-left:auto}.nav-links a{color:#dce9f6;text-decoration:none;font-size:12px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:14px 22px;font-weight:800;font-size:13px;transition:.2s}.btn-primary{color:white;background:linear-gradient(90deg,#008cff,#00bced);box-shadow:0 10px 28px rgba(0,140,255,.22)}.btn-outline{color:white;border:1px solid rgba(0,200,232,.55);background:rgba(5,8,13,.35)}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:white;font-size:24px}.hero-inner{width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;min-height:650px}.eyebrow{font-size:10px;letter-spacing:.17em;color:#65d6ff;font-weight:800}.hero h1{font-size:62px;line-height:1.03;margin:14px 0 18px;letter-spacing:-.03em}.hero-copy>p{max-width:590px;color:#b9c7d5;font-size:17px}.hero-actions{display:flex;gap:12px;margin:26px 0}.trust{display:flex;gap:28px;margin-top:36px;color:#8496a8;font-size:11px}.trust strong{display:block;color:white;font-size:12px}.hero-art{height:470px;position:relative;display:grid;place-items:center}.hero-art img{width:390px;height:390px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 20px 48px rgba(0,140,255,.28))}.hero-art .orb{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(0,140,255,.22),rgba(0,200,232,.05) 54%,transparent 66%);box-shadow:0 0 80px rgba(0,140,255,.14)}.hero-art span{position:absolute;bottom:22px;font-size:10px;letter-spacing:.25em;color:#78badd}.section{padding:100px 0}.light{background:#f7f9fb;color:var(--ink)}.rounded-top{border-radius:42px 42px 0 0}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.section h2{font-size:40px;line-height:1.12;margin:10px 0 18px;letter-spacing:-.025em}.blue{color:#008cff}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-grid article{background:white;border:1px solid #edf0f3;border-radius:24px;padding:28px;box-shadow:0 12px 30px rgba(35,53,70,.07)}.feature-grid b{color:#008cff}.feature-grid h3{margin:12px 0 6px}.feature-grid p{margin:0;color:#6b7884;font-size:13px}.section-title{max-width:720px;margin-bottom:38px}.section-title.center{text-align:center;margin-left:auto;margin-right:auto}.robot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.robot-card{background:#07101a;color:white;border-radius:26px;overflow:hidden;box-shadow:0 16px 30px rgba(5,12,18,.12)}.robot-placeholder{height:260px;display:grid;place-items:center;font-family:Poppins;font-weight:800;font-size:30px;letter-spacing:.08em;color:#77ddff;background:radial-gradient(circle at 50% 30%,rgba(0,140,255,.30),transparent 28%),linear-gradient(145deg,#0c2439,#05080d)}.robot-card>div:last-child{padding:18px}.robot-card h3{margin:0 0 5px}.robot-card p{margin:0;color:#93a8ba;font-size:12px}.dark-card{background:#f7f9fb;color:white;padding:35px 0}.corp{background:#06101b;border-radius:34px;min-height:430px;padding:42px;display:grid;grid-template-columns:1fr 1.08fr;gap:58px;align-items:center;position:relative;overflow:hidden}.corp:after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border:1px solid rgba(0,200,232,.24);transform:rotate(45deg)}.corp-visual{height:340px;border-radius:28px;background:linear-gradient(135deg,#0e273d,#07101a);position:relative;display:grid;place-items:center;overflow:hidden}.corp-visual .ring{width:230px;height:230px;border:1px solid #008cff;border-radius:50%;box-shadow:0 0 60px rgba(0,140,255,.24)}.corp-visual span{position:absolute;font-family:Poppins;font-weight:800;letter-spacing:.12em}.corp p{color:#a9bac8}.media-placeholder{height:440px;border-radius:30px;background:linear-gradient(135deg,#0a1825,#07101a);color:white;display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 1px rgba(0,140,255,.14)}.media-placeholder span{font-size:52px;display:block}.faq{padding-top:70px}.accordions{display:grid;gap:10px}details{background:white;border:1px solid #e7edf2;border-radius:16px;padding:16px 18px}summary{cursor:pointer;font-weight:700}details p{color:#667684;font-size:13px}.contact{background:#05080d;padding:90px 0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.contact h2{font-size:42px}.contact p{color:#9eb0c0}.contact-line{display:block;color:#7dcfff;text-decoration:none;margin-top:8px}.quote-form{background:#0c1724;border:1px solid #1b3348;border-radius:28px;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-form input,.quote-form select{background:#08111b;color:white;border:1px solid #284056;border-radius:13px;padding:14px;outline:none}.quote-form .btn{grid-column:1/-1;border:0;cursor:pointer}footer{background:#030507;border-top:1px solid #142231;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;color:#7f91a2;font-size:12px}.footer-inner img{width:170px;height:72px;object-fit:contain}@media(max-width:900px){.nav-links{position:absolute;top:106px;left:18px;right:18px;display:none;background:#08111d;border:1px solid #1d354b;border-radius:20px;padding:18px;flex-direction:column}.nav-links.open{display:flex}.menu-toggle{display:block}.nav-cta{display:none}.hero-inner,.split,.corp,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-inner{padding:80px 0}.hero h1{font-size:48px}.hero-art{height:360px}.hero-art img{width:300px;height:300px}.robot-grid{grid-template-columns:repeat(2,1fr)}.corp{padding:25px}.quote-form{grid-template-columns:1fr}.quote-form .btn{grid-column:auto}}@media(max-width:600px){.container,.hero-inner{width:min(100% - 28px,1180px)}.site-logo img{width:145px}.nav-glass{height:68px;border-radius:22px}.hero h1{font-size:38px}.hero-copy>p{font-size:15px}.hero-actions,.trust{flex-direction:column;align-items:flex-start}.section{padding:70px 0}.section h2,.contact h2{font-size:31px}.feature-grid,.robot-grid{grid-template-columns:1fr}.robot-placeholder{height:300px}.corp-visual{height:260px}.media-placeholder{height:300px}.footer-inner{align-items:flex-start;flex-direction:column}}
/* v0.2.0 — robôs dinâmicos, popup e novo bloco de contato */
.robot-card{border:0;padding:0;text-align:left;cursor:pointer;width:100%;font:inherit;transition:transform .22s ease,box-shadow .22s ease}.robot-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(5,12,18,.18)}.robot-photo{height:270px;background:#07101a;overflow:hidden}.robot-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.robot-card:hover .robot-photo img{transform:scale(1.035)}.robot-card-copy{padding:20px 20px 22px!important}.robot-card-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.robot-card-copy span{display:inline-block;margin-top:14px;color:#55c7ff;font-size:12px;font-weight:800}.site-empty{border:1px dashed #ccd8e2;background:white;border-radius:24px;padding:42px;text-align:center;color:#687888}
.robot-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}.robot-modal.open{display:flex}.robot-modal-backdrop{position:absolute;inset:0;background:rgba(1,5,9,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.robot-modal-dialog{position:relative;z-index:1;width:min(920px,100%);background:#fff;color:#101822;border-radius:34px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;box-shadow:0 40px 100px rgba(0,0,0,.42);animation:m4kModal .22s ease-out}.robot-modal-close{position:absolute;z-index:3;top:16px;right:16px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(10,25,40,.12);background:rgba(255,255,255,.92);font-size:28px;line-height:1;cursor:pointer}.robot-modal-media{min-height:500px;background:#07101a}.robot-modal-media img{width:100%;height:100%;min-height:500px;object-fit:cover;display:block}.robot-modal-fallback{min-height:500px;display:grid;place-items:center;color:#53cfff;font-family:Poppins,sans-serif;font-size:70px;font-weight:800;background:radial-gradient(circle at 50% 35%,rgba(0,140,255,.32),transparent 30%),linear-gradient(145deg,#0b263e,#05080d)}.robot-modal-content{padding:62px 48px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.robot-modal-content h2{font-size:38px;line-height:1.1;margin:10px 0 18px}.robot-modal-content p{color:#667583;margin:0 0 28px;white-space:pre-line}.modal-open{overflow:hidden}@keyframes m4kModal{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:none}}
.contact-section{background:#eef2f7;color:#141923;padding:105px 0 110px}.contact-heading{text-align:center;max-width:760px;margin:0 auto 44px}.contact-heading h2{font-size:48px;margin:7px 0 10px}.contact-heading p{margin:0;color:#667487}.contact-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:stretch}.contact-info-card,.quote-form-light{background:white;border:1px solid #dbe3ec;border-radius:26px;box-shadow:0 16px 42px rgba(24,43,62,.07)}.contact-info-card{padding:38px;display:flex;flex-direction:column}.contact-info-card h3{font-size:36px;margin:0 0 28px}.info-stack{display:grid;gap:14px}.info-row{display:flex;align-items:center;gap:16px;padding:18px;border-radius:18px;background:#f0f3f7;border:1px solid #e1e7ee;color:#141923;text-decoration:none;transition:.2s}.info-row:hover{transform:translateY(-2px);border-color:#c8d9ea}.info-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #e1e7ee;font-size:18px;flex:0 0 42px}.info-icon svg{width:21px;height:21px;display:block}.info-icon-whatsapp{color:#22b85a}.info-icon-map{color:#008cff}.info-icon-map svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.info-row small{display:block;color:#64748b;font-size:10px;letter-spacing:.09em;font-weight:800;margin-bottom:4px}.info-row strong{display:block;font-size:14px;overflow-wrap:anywhere}.contact-note{margin-top:18px;padding:18px;border:1px solid #cfd7e1;border-radius:16px;color:#607083;font-size:13px;line-height:1.65;background:#f9fafb}.quote-form-light{padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:20px 22px;position:relative}.form-field.full{grid-column:1/-1}.form-field label{display:block;font-size:12px;font-weight:700;color:#536277;margin-bottom:8px}.form-field input,.form-field select{width:100%;height:50px;border:1px solid #d4dee8;background:#fff;border-radius:13px;padding:0 14px;font:inherit;color:#141923;outline:none}.form-field input:focus,.form-field select:focus{border-color:#008cff;box-shadow:0 0 0 3px rgba(0,140,255,.08)}.quote-submit{width:100%;border:0;border-radius:13px;background:#141923;color:white;height:50px;font:800 14px Inter,sans-serif;cursor:pointer;box-shadow:0 14px 28px rgba(20,25,35,.16);transition:.2s}.quote-submit:hover{background:#008cff;transform:translateY(-1px)}.form-help{display:block;color:#8592a1;font-size:10px;margin-top:9px;line-height:1.45}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){.robot-modal-dialog{grid-template-columns:1fr;max-height:90vh;overflow:auto}.robot-modal-media,.robot-modal-media img,.robot-modal-fallback{min-height:300px;height:300px}.robot-modal-content{padding:34px}.contact-shell{grid-template-columns:1fr}.contact-info-card{min-height:0}.contact-note{margin-top:28px}.quote-form-light{grid-template-columns:1fr}.form-field.full{grid-column:auto}}
@media(max-width:600px){.contact-section{padding:75px 0}.contact-heading h2{font-size:34px}.contact-info-card,.quote-form-light{padding:24px;border-radius:22px}.contact-info-card h3{font-size:30px}.robot-modal{padding:12px}.robot-modal-dialog{border-radius:24px}.robot-modal-content h2{font-size:30px}}
/* v0.4.1 — correção do gradiente do Header: iluminação central e uniforme, independente do alinhamento do texto */
/* v0.4.0 — Header/Banner administrável */
.site-menu-shell{position:fixed;top:0;left:0;right:0;z-index:120;padding:18px 0 14px;background:transparent;transition:padding .24s ease,background .24s ease}.site-menu-shell .nav-wrap{padding-top:0}.site-menu-shell .nav-glass{background:rgba(8,16,27,.38);border-color:rgba(122,181,235,.22);box-shadow:0 12px 32px rgba(0,0,0,.20)}.site-menu-shell.is-scrolled{padding:12px 0 10px}.site-menu-shell.is-scrolled .nav-glass{background:rgba(8,16,27,.72);border-color:rgba(122,181,235,.20);box-shadow:0 14px 34px rgba(0,0,0,.24)}
.hero{min-height:var(--hero-height,650px);background:radial-gradient(ellipse at 50% 34%,rgba(0,140,255,.11) 0%,rgba(0,140,255,.045) 30%,transparent 62%),linear-gradient(180deg,#05080d 0%,#06101a 50%,#05080d 100%);position:relative;overflow:hidden}
.hero-bg-layer,.hero-overlay-layer{position:absolute;inset:0;pointer-events:none}.hero-bg-layer{z-index:0}.hero-overlay-layer{z-index:1}.hero-inner{position:relative;z-index:2;min-height:var(--hero-height,650px)}
.hero-model-text_center .hero-inner,.hero-model-bg_center .hero-inner{grid-template-columns:1fr;justify-items:center;text-align:center}.hero-model-text_center .hero-copy,.hero-model-bg_center .hero-copy{max-width:870px}.hero-model-text_center .hero-copy>p,.hero-model-bg_center .hero-copy>p{margin-left:auto;margin-right:auto}.hero-model-text_center .hero-actions,.hero-model-bg_center .hero-actions,.hero-model-text_center .trust,.hero-model-bg_center .trust{justify-content:center}
.hero-model-bg_left .hero-inner,.hero-model-bg_right .hero-inner{grid-template-columns:1fr}.hero-model-bg_left .hero-copy,.hero-model-bg_right .hero-copy{max-width:720px}.hero-model-bg_right .hero-copy{margin-left:auto;text-align:right}.hero-model-bg_right .hero-copy>p{margin-left:auto}.hero-model-bg_right .hero-actions,.hero-model-bg_right .trust{justify-content:flex-end}
.hero-model-split .hero-inner{grid-template-columns:1.02fr .98fr;gap:64px}.hero-media{height:min(520px,calc(var(--hero-height,650px) - 110px));min-height:390px;border-radius:34px;overflow:hidden;background:rgba(4,12,20,.66);box-shadow:0 28px 60px rgba(0,0,0,.26);position:relative}.hero-media.with-border{border:1px solid rgba(90,199,255,.34)}.hero-media.no-border{border:0}.hero-media>img{width:100%;height:100%;object-fit:cover;display:block}.hero-media-fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,rgba(0,140,255,.25),transparent 38%),rgba(4,10,17,.58)}.hero-media-fallback img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 20px 48px rgba(0,140,255,.28))}.hero-copy h1 em{color:#008cff}.hero-copy h1 br{line-height:inherit}
@media(max-width:900px){.site-menu-shell{padding:12px 0}.site-menu-shell .nav-links{top:82px}.hero-model-split .hero-inner{grid-template-columns:1fr;gap:28px}.hero-media{height:430px;min-height:0}.hero-model-bg_right .hero-copy{margin-left:0;text-align:left}.hero-model-bg_right .hero-copy>p{margin-left:0}.hero-model-bg_right .hero-actions,.hero-model-bg_right .trust{justify-content:flex-start}.hero-inner{min-height:auto;padding:70px 0}.hero{min-height:auto;padding-top:96px}}
@media(max-width:600px){.hero-media{height:330px;border-radius:24px}.hero-model-text_center .hero-actions,.hero-model-bg_center .hero-actions,.hero-model-text_center .trust,.hero-model-bg_center .trust{align-items:center}.site-menu-shell .nav-wrap{width:min(100% - 20px,1240px)}}
/* v0.5.0 — organização da Home em 10 blocos administráveis */
.section-title{max-width:820px;margin-bottom:38px}.section-title.center{margin-left:auto;margin-right:auto;text-align:center}.section-title>p{max-width:720px;margin:12px auto 0;color:#6b7a89;line-height:1.7}.dark-title{color:#f4f8fc}.dark-title>p{color:#9fb1c3}.block-card-grid{margin-top:32px}.block-card-grid article{min-height:190px}.block-events{padding:100px 0;background:linear-gradient(145deg,#05080d,#071522);border-radius:38px}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.event-card{background:#0d1926;border:1px solid rgba(84,185,241,.18);border-radius:28px;overflow:hidden;color:#fff;box-shadow:0 18px 44px rgba(0,0,0,.18)}.event-card-media{height:260px;background:#07101a;overflow:hidden;display:grid;place-items:center}.event-card-media img{width:100%;height:100%;object-fit:cover;display:block}.event-card-placeholder{color:#00c8e8;font-family:Poppins,sans-serif;font-size:42px;font-weight:800;background:radial-gradient(circle at 50% 40%,rgba(0,140,255,.28),transparent 45%),#07101a}.event-card-body{padding:24px}.event-card-body h3{font-size:21px;margin:0 0 10px}.event-card-body p{color:#a8b7c6;line-height:1.65;min-height:72px;margin:0 0 20px}.event-card-body .btn{display:inline-flex}.dark-empty{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.14)!important;color:#9fb1c3!important}
.block-gallery{padding-top:105px;padding-bottom:105px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-card{margin:0;border-radius:24px;overflow:hidden;background:#07101a;position:relative;min-height:245px}.gallery-card img{width:100%;height:100%;min-height:245px;object-fit:cover;display:block;transition:transform .35s ease}.gallery-card:hover img{transform:scale(1.035)}.gallery-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:45px 18px 18px;background:linear-gradient(transparent,rgba(1,6,11,.9));display:grid;color:white}.gallery-card figcaption strong{font-size:14px}.gallery-card figcaption span{font-size:10px;color:#d8e4ef;margin-top:4px}.gallery-card:nth-child(1),.gallery-card:nth-child(6){grid-column:span 2}
.process-section{background:#05080d;color:#fff;padding:110px 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-card{border:1px solid rgba(75,179,235,.2);background:linear-gradient(145deg,rgba(13,29,44,.88),rgba(8,16,26,.92));border-radius:26px;padding:28px;min-height:225px}.process-card>span{width:48px;height:48px;border-radius:15px;background:rgba(0,140,255,.13);border:1px solid rgba(0,200,232,.25);display:grid;place-items:center;color:#3bc8ff;font-weight:900}.process-card h3{font-size:18px;margin:24px 0 8px}.process-card p{color:#9fb1c3;line-height:1.65;font-size:13px;margin:0}
.block-differentials{padding:105px 0}.differential-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.differential-card{border:1px solid #e2e9f0;border-radius:24px;padding:26px;background:#fff;box-shadow:0 14px 38px rgba(21,41,62,.06)}.diff-icon{width:44px;height:44px;border-radius:14px;background:#eef8ff;color:#008cff;display:grid;place-items:center;font-weight:900}.differential-card h3{margin:19px 0 8px;font-size:17px}.differential-card p{margin:0;color:#6d7c8b;line-height:1.6;font-size:12px}
.testimonials-section{background:linear-gradient(145deg,#07111d,#05080d);color:#fff;padding:110px 0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-card{border:1px solid rgba(76,176,231,.18);background:rgba(16,31,47,.76);border-radius:28px;padding:26px}.testimonial-person{display:flex;align-items:center;gap:12px}.testimonial-person>img,.testimonial-person>span{width:48px;height:48px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#008cff,#00c8e8);display:grid;place-items:center;color:#fff;font-weight:900;font-size:12px}.testimonial-person div{display:grid}.testimonial-person strong{font-size:13px}.testimonial-person small{font-size:10px;color:#93a7ba;margin-top:3px}.testimonial-card>p{font-size:14px;line-height:1.75;color:#d6e1eb;margin:22px 0 0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.faq-grid details{margin:0;align-self:start;height:auto}.faq-grid details:nth-child(n){width:100%}
.contact-section{padding-top:110px}.contact-heading{max-width:820px}.contact-heading p{line-height:1.7}
@media(max-width:1050px){.event-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.process-grid,.differential-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.event-grid,.gallery-grid,.testimonial-grid,.faq-grid{grid-template-columns:1fr 1fr}.gallery-card:nth-child(1),.gallery-card:nth-child(6){grid-column:auto}.process-grid,.differential-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.block-events{border-radius:28px}.event-grid,.gallery-grid,.process-grid,.differential-grid,.testimonial-grid,.faq-grid{grid-template-columns:1fr}.event-card-media{height:230px}.process-card{min-height:0}.section-title{margin-bottom:28px}}
/* v0.5.1 — padrão visual dos títulos pequenos dos blocos */
.eyebrow{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
width:max-content;
max-width:100%;
padding:7px 12px;
border:1px solid rgba(0,140,255,.36);
border-radius:999px;
line-height:1.15;
background:rgba(0,140,255,.035);
}
.eyebrow::before{
content:"";
width:6px;
height:6px;
flex:0 0 6px;
border-radius:50%;
background:currentColor;
box-shadow:0 0 0 3px rgba(0,140,255,.08);
}
.section-title.center .eyebrow,
.contact-heading .eyebrow{
margin-left:auto;
margin-right:auto;
}
.dark-title .eyebrow,
.hero .eyebrow{
border-color:rgba(101,214,255,.34);
background:rgba(0,200,232,.04);
}
@media(max-width:600px){
.eyebrow{padding:6px 10px;gap:7px;font-size:9px}
.eyebrow::before{width:5px;height:5px;flex-basis:5px}
}
/* v0.5.2 — respiro vertical maior no Header/Banner */
@media(min-width:901px){
.hero-inner{padding-top:200px;padding-bottom:200px;}
}
@media(max-width:900px){
.hero-inner{padding-top:90px;padding-bottom:90px;}
}
@media(max-width:600px){
.hero-inner{padding-top:72px;padding-bottom:72px;}
}
/* v0.5.3 — menu maior, hover refinado e CTAs com seta animada */
@media(min-width:901px){
.site-menu-shell{padding:18px 0 14px}
.nav-wrap{width:min(1320px,calc(100% - 36px))}
.nav-glass{
height:96px;
padding:12px 18px 12px 22px;
border-radius:30px;
gap:28px;
}
.site-logo{
display:inline-flex;
align-items:center;
justify-content:flex-start;
flex:0 0 265px;
width:265px;
height:72px;
overflow:visible;
}
.site-logo img{
width:265px;
height:72px;
max-width:none;
object-fit:contain;
object-position:left center;
display:block;
}
.nav-links{gap:26px;align-items:center}
.nav-links a{
position:relative;
display:inline-flex;
align-items:center;
min-height:36px;
color:#dce9f6;
font-size:13px;
font-weight:700;
transition:color .26s ease,text-shadow .26s ease;
}
.nav-links a::after{
content:"";
position:absolute;
left:50%;
bottom:1px;
width:100%;
height:1px;
border-radius:999px;
background:linear-gradient(90deg,transparent,#008cff 18%,#00c8e8 82%,transparent);
opacity:0;
transform:translateX(-50%) scaleX(.18);
transform-origin:center;
transition:opacity .28s ease,transform .28s ease;
box-shadow:0 0 8px rgba(0,140,255,.35);
}
.nav-links a:hover,
.nav-links a:focus-visible{
color:#26b8ff;
text-shadow:0 0 14px rgba(0,140,255,.26);
}
.nav-links a:hover::after,
.nav-links a:focus-visible::after{
opacity:1;
transform:translateX(-50%) scaleX(1);
}
.nav-cta{padding:15px 24px;font-size:13px}
}
.hero-actions .hero-cta{
position:relative;
overflow:hidden;
isolation:isolate;
gap:10px;
min-width:0;
padding-left:22px;
padding-right:20px;
}
.hero-actions .hero-cta .btn-label,
.hero-actions .hero-cta .btn-arrow{position:relative;z-index:2}
.hero-actions .hero-cta .btn-arrow{
display:inline-flex;
align-items:center;
justify-content:center;
width:17px;
flex:0 0 17px;
font-size:17px;
line-height:1;
transform:translateX(0);
transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.hero-actions .hero-cta::before{
content:"";
position:absolute;
z-index:1;
top:-70%;
bottom:-70%;
left:-38%;
width:26%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
transform:skewX(-22deg) translateX(-240%);
opacity:0;
pointer-events:none;
}
.hero-actions .hero-cta:hover .btn-arrow,
.hero-actions .hero-cta:focus-visible .btn-arrow{transform:translateX(5px)}
.hero-actions .hero-cta:hover::before,
.hero-actions .hero-cta:focus-visible::before{
opacity:1;
animation:m4kButtonShine .72s ease-out both;
}
.hero-actions .hero-cta:hover,
.hero-actions .hero-cta:focus-visible{
box-shadow:0 12px 34px rgba(0,140,255,.28),0 0 22px rgba(0,200,232,.12);
}
.hero-actions .btn-outline:hover,
.hero-actions .btn-outline:focus-visible{
border-color:rgba(0,200,232,.88);
background:rgba(0,140,255,.08);
}
@keyframes m4kButtonShine{
from{transform:skewX(-22deg) translateX(-240%)}
to{transform:skewX(-22deg) translateX(700%)}
}
@media(max-width:900px){
.nav-links a{font-size:13px}
.hero-actions .hero-cta{padding-left:20px;padding-right:18px}
}
@media(prefers-reduced-motion:reduce){
.nav-links a,.nav-links a::after,.hero-actions .hero-cta .btn-arrow{transition:none}
.hero-actions .hero-cta:hover::before,.hero-actions .hero-cta:focus-visible::before{animation:none;opacity:0}
}
@media(min-width:901px) and (max-width:1180px){
.nav-wrap{width:min(100% - 24px,1180px)}
.nav-glass{gap:18px;padding-left:18px}
.site-logo{flex-basis:225px;width:225px;height:68px}
.site-logo img{width:225px;height:68px}
.nav-links{gap:17px}
.nav-links a{font-size:12px}
.nav-cta{padding-left:18px;padding-right:18px}
}
/* v0.5.4 — card flutuante com 4 destaques entre o Header e o Bloco 02 */
.hero-highlights-stage{
position:relative;
z-index:18;
height:0;
}
.hero-highlight-dock{
width:min(1180px,calc(100% - 48px));
min-height:126px;
margin:0 auto;
position:relative;
transform:translateY(-50%);
border-radius:30px;
display:grid;
grid-template-columns:repeat(4,1fr);
overflow:hidden;
isolation:isolate;
box-shadow:0 24px 60px rgba(0,0,0,.22),0 0 32px rgba(0,140,255,.07);
}
.hero-highlight-dock::before{
content:"";
position:absolute;
inset:-42%;
z-index:0;
background:conic-gradient(from 0deg,
rgba(0,140,255,.04) 0deg,
rgba(0,140,255,.10) 70deg,
#008cff 104deg,
#64dcff 128deg,
rgba(0,200,232,.16) 154deg,
rgba(0,140,255,.04) 210deg,
#008cff 284deg,
#00c8e8 310deg,
rgba(0,140,255,.04) 360deg);
animation:m4kHighlightBorder 7.5s linear infinite;
}
.hero-highlight-dock::after{
content:"";
position:absolute;
inset:1px;
z-index:1;
border-radius:29px;
background:linear-gradient(135deg,rgba(9,20,31,.985),rgba(5,12,20,.985));
box-shadow:inset 0 0 0 1px rgba(120,211,255,.08);
}
.hero-highlight-dock.theme-light::after{
background:linear-gradient(135deg,rgba(255,255,255,.985),rgba(244,248,252,.985));
box-shadow:inset 0 0 0 1px rgba(0,140,255,.08);
}
.hero-highlight-item{
position:relative;
z-index:2;
min-width:0;
padding:28px 30px;
display:flex;
align-items:center;
justify-content:center;
gap:14px;
text-align:left;
}
.hero-highlight-item:not(:last-child)::after{
content:"";
position:absolute;
top:25%;
bottom:25%;
right:0;
width:1px;
background:linear-gradient(transparent,rgba(106,202,255,.26),transparent);
}
.hero-highlight-icon{
width:40px;
height:40px;
flex:0 0 40px;
position:relative;
display:grid;
place-items:center;
--highlight-icon-color:#00c8e8;
}
.hero-highlight-icon.has-image::before{
content:"";
width:34px;
height:34px;
display:block;
background:var(--highlight-icon-color);
-webkit-mask-image:var(--highlight-icon-image);
mask-image:var(--highlight-icon-image);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-size:contain;
mask-size:contain;
}
.hero-highlight-icon.is-dot::before{
content:"";
width:10px;
height:10px;
border-radius:50%;
background:var(--highlight-icon-color);
box-shadow:0 0 0 5px rgba(0,140,255,.08),0 0 18px rgba(0,200,232,.34);
}
.hero-highlight-item>div{display:grid;min-width:0;gap:3px}
.hero-highlight-item strong{
color:#fff;
font-family:Poppins,Inter,sans-serif;
font-size:15px;
line-height:1.2;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.hero-highlight-item>div>span{
color:#90a6ba;
font-size:12px;
line-height:1.4;
}
.hero-highlight-dock.theme-light .hero-highlight-item strong{color:#101822}
.hero-highlight-dock.theme-light .hero-highlight-item>div>span{color:#657587}
.block-experience{padding-top:150px}
@keyframes m4kHighlightBorder{to{transform:rotate(360deg)}}
@media(max-width:900px){
.hero-highlight-dock{width:min(100% - 36px,1180px);grid-template-columns:repeat(2,1fr);min-height:154px;transform:translateY(-50%)}
.hero-highlight-item{padding:22px 24px}
.hero-highlight-item:nth-child(2)::after{display:none}
.hero-highlight-item:nth-child(-n+2)::before{content:"";position:absolute;left:18%;right:18%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(106,202,255,.18),transparent)}
.block-experience{padding-top:165px}
}
@media(max-width:600px){
.hero-highlights-stage{height:auto;padding:0 14px;background:#f7f9fb}
.hero-highlight-dock{width:100%;grid-template-columns:1fr;min-height:0;transform:translateY(-38px);margin-bottom:-18px;border-radius:25px}
.hero-highlight-dock::after{border-radius:24px}
.hero-highlight-item{justify-content:flex-start;padding:18px 22px}
.hero-highlight-item:not(:last-child)::after{top:auto;bottom:0;left:22px;right:22px;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(106,202,255,.20),transparent)}
.hero-highlight-item:nth-child(-n+2)::before{display:none}
.hero-highlight-item strong{font-size:14px}
.hero-highlight-icon{width:34px;height:34px;flex-basis:34px}
.hero-highlight-icon.has-image::before{width:30px;height:30px}
.block-experience{padding-top:76px}
}
@media(prefers-reduced-motion:reduce){.hero-highlight-dock::before{animation:none}}
/* v0.5.5 — ícones PNG recoloríveis nos destaques do Header */
/* v0.6.4 — cards de experiência clean com detalhes premium no próprio card */
.block-experience{
position:relative;
overflow:hidden;
background:#f7f9fb;
}
.block-experience>.container{position:relative;z-index:2}
.experience-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
align-items:stretch;
counter-reset:experience-card;
}
.experience-card{
counter-increment:experience-card;
position:relative;
min-height:246px;
padding:32px 30px 30px;
border-radius:28px;
overflow:hidden;
display:flex;
flex-direction:column;
justify-content:flex-start;
background:#fff;
border:1px solid #e2e9ef;
box-shadow:0 14px 34px rgba(18,34,52,.07);
transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s ease,box-shadow .28s ease;
}
.experience-card>*{position:relative;z-index:2}
.experience-card::before{
content:"";
position:absolute;
top:0;
left:30px;
width:58px;
height:3px;
border-radius:0 0 999px 999px;
background:linear-gradient(90deg,#101822 0%,#008cff 58%,#00c8e8 100%);
opacity:.9;
transition:width .32s ease,opacity .32s ease,box-shadow .32s ease;
}
.experience-card::after{
content:counter(experience-card, decimal-leading-zero);
position:absolute;
right:24px;
top:18px;
z-index:0;
font-family:Poppins,Inter,sans-serif;
font-size:58px;
line-height:1;
font-weight:800;
letter-spacing:-.08em;
color:rgba(15,25,36,.045);
pointer-events:none;
transition:color .28s ease,transform .28s ease;
}
.experience-card:hover{
transform:translateY(-7px);
border-color:#c8dcea;
box-shadow:0 24px 50px rgba(16,35,55,.12),0 8px 20px rgba(0,140,255,.05);
}
.experience-card:hover::before{
width:96px;
opacity:1;
box-shadow:0 0 18px rgba(0,140,255,.22);
}
.experience-card:hover::after{
color:rgba(0,140,255,.07);
transform:translateY(-2px);
}
.experience-card.is-center{align-items:center;text-align:center}
.experience-card.is-left{align-items:flex-start;text-align:left}
.experience-card.is-center::before{left:50%;transform:translateX(-50%)}
.experience-card-icon{
width:54px;
height:54px;
min-width:54px;
display:grid;
place-items:center;
margin-bottom:22px;
position:relative;
--experience-icon-color:#101822;
background:transparent;
border:0;
box-shadow:none;
transition:transform .28s ease,opacity .28s ease;
}
.experience-card-icon.has-image::before{
content:"";
width:42px;
height:42px;
display:block;
background:var(--experience-icon-color);
-webkit-mask-image:var(--experience-icon-image);
mask-image:var(--experience-icon-image);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-size:contain;
mask-size:contain;
}
.experience-card-icon.is-fallback::before{
content:"";
width:12px;
height:12px;
border-radius:50%;
background:#101822;
opacity:.78;
}
.experience-card:hover .experience-card-icon{transform:translateY(-2px) scale(1.04)}
.experience-card h3{margin:0 0 10px;font-size:22px;line-height:1.15;letter-spacing:-.02em;color:#0f1924}
.experience-card p{margin:0;color:#667786;font-size:14px;line-height:1.7;max-width:34ch}
.experience-card.is-center p{max-width:30ch}
@media(max-width:980px){.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
.experience-grid{grid-template-columns:1fr}
.experience-card{min-height:0}
.experience-card h3{font-size:21px}
.experience-card::after{font-size:50px}
}
@media(prefers-reduced-motion:reduce){.experience-card,.experience-card::before,.experience-card::after,.experience-card-icon{transition:none}}
/* v0.6.6 — bloco Nossos Robôs com cards premium e popup multimídia */
.block-robots{padding-top:110px;padding-bottom:115px;background:#f7f9fb}
.robot-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.robot-showcase-card{background:#fff;border:1px solid #e3ebf2;border-radius:30px;padding:12px;box-shadow:0 16px 40px rgba(18,39,61,.08);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;position:relative;overflow:hidden}
.robot-showcase-card:hover{transform:translateY(-7px);box-shadow:0 26px 58px rgba(10,35,60,.14);border-color:#c7e3f7}
.robot-showcase-media{height:348px;width:100%;border:0;padding:0;background:#07101a;position:relative;overflow:hidden;cursor:pointer;display:block;border-radius:22px}
.robot-showcase-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.robot-showcase-card:hover .robot-showcase-media img{transform:scale(1.045);filter:saturate(1.05) contrast(1.02)}
.robot-showcase-fallback{width:100%;height:100%;display:grid;place-items:center;color:#59ceff;font:800 58px Poppins,sans-serif;background:radial-gradient(circle at 50% 35%,rgba(0,140,255,.28),transparent 34%),linear-gradient(145deg,#0b2237,#05080d)}
.robot-media-overlay{position:absolute;inset:auto 0 0;padding:70px 22px 20px;background:linear-gradient(transparent,rgba(2,8,14,.84));display:flex;justify-content:flex-end;opacity:.94}
.robot-media-overlay span{font-size:10px;letter-spacing:.13em;color:#bcecff;font-weight:800;text-transform:uppercase}
.robot-showcase-copy{padding:22px 12px 14px;display:flex;flex-direction:column;min-height:230px}
.robot-card-kicker{font-size:9px;letter-spacing:.15em;font-weight:900;color:#008cff;margin-bottom:8px}
.robot-showcase-copy h3{font-size:23px;line-height:1.15;margin:0 0 10px;color:#101822;letter-spacing:-.025em}
.robot-showcase-copy p{font-size:13px;line-height:1.65;color:#6d7c89;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.robot-card-button{margin-top:auto;width:100%;height:48px;border-radius:999px;border:1px solid #cfe4f4;background:#f8fcff;color:#10202f;font:800 12px Inter,sans-serif;padding:0 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}
.robot-card-button b{font-size:18px;font-weight:500;transition:transform .22s ease;color:#008cff}
.robot-card-button:hover{background:#071522;border-color:#071522;color:#fff;box-shadow:0 12px 24px rgba(7,21,34,.16)}
.robot-card-button:hover b{transform:translateX(4px);color:#59d7ff}
/* v0.6.7 — respiro da imagem + tema Light/Azul dos cards de robôs */
.robot-theme-blue .robot-showcase-card{
background:linear-gradient(145deg,#008cff 0%,#007fdf 100%);
border-color:rgba(0,121,214,.92);
box-shadow:0 18px 44px rgba(0,107,196,.20);
}
.robot-theme-blue .robot-showcase-card:hover{
border-color:#159cff;
box-shadow:0 28px 62px rgba(0,94,180,.27);
}
.robot-theme-blue .robot-card-kicker{color:#d8f4ff}
.robot-theme-blue .robot-showcase-copy h3{color:#fff}
.robot-theme-blue .robot-showcase-copy p{color:rgba(255,255,255,.84)}
.robot-theme-blue .robot-card-button{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.92);color:#075e9f;box-shadow:0 8px 22px rgba(0,72,132,.12)}
.robot-theme-blue .robot-card-button b{color:#008cff}
.robot-theme-blue .robot-card-button:hover{background:#061727;border-color:#061727;color:#fff;box-shadow:0 12px 26px rgba(0,36,68,.24)}
.robot-theme-blue .robot-card-button:hover b{color:#65dcff}
/* v0.6.8 — terceira opção: Azul Escuro #060c14 */
.robot-theme-dark .robot-showcase-card{
background:#060c14;
border-color:rgba(62,97,124,.52);
box-shadow:0 18px 46px rgba(1,6,11,.18);
}
.robot-theme-dark .robot-showcase-card:hover{
border-color:rgba(0,200,232,.52);
box-shadow:0 28px 64px rgba(1,6,11,.28),0 0 0 1px rgba(0,140,255,.08);
}
.robot-theme-dark .robot-card-kicker{color:#52d8ff}
.robot-theme-dark .robot-showcase-copy h3{color:#fff}
.robot-theme-dark .robot-showcase-copy p{color:rgba(224,236,246,.76)}
.robot-theme-dark .robot-card-button{
background:rgba(255,255,255,.06);
border-color:rgba(106,190,235,.28);
color:#f5fbff;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.robot-theme-dark .robot-card-button b{color:#38cfff}
.robot-theme-dark .robot-card-button:hover{
background:#008cff;
border-color:#008cff;
color:#fff;
box-shadow:0 12px 28px rgba(0,140,255,.24);
}
.robot-theme-dark .robot-card-button:hover b{color:#fff}
.robot-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}
.robot-modal.open{display:flex}
.robot-modal-backdrop{position:absolute;inset:0;background:rgba(1,5,9,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.robot-modal-dialog{position:relative;z-index:1;width:min(1120px,100%);max-height:92vh;background:#fff;color:#101822;border-radius:34px;overflow:hidden;display:grid;grid-template-columns:1.12fr .88fr;box-shadow:0 45px 120px rgba(0,0,0,.48);animation:m4kModal .22s ease-out}
.robot-modal-close{position:absolute;z-index:5;top:16px;right:16px;width:43px;height:43px;border-radius:50%;border:1px solid rgba(10,25,40,.12);background:rgba(255,255,255,.92);font-size:28px;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.robot-modal-gallery{background:#06101a;padding:18px;min-width:0;display:flex;flex-direction:column;gap:12px}
.robot-modal-stage{height:535px;border-radius:24px;overflow:hidden;background:#03080d;display:grid;place-items:center;position:relative}
.robot-modal-stage img{width:100%;height:100%;object-fit:cover;display:block}
.robot-modal-stage iframe{width:100%;height:100%;border:0;display:block;background:#000}
.robot-modal-fallback{width:100%;height:100%;display:grid;place-items:center;color:#53cfff;font-family:Poppins,sans-serif;font-size:70px;font-weight:800;background:radial-gradient(circle at 50% 35%,rgba(0,140,255,.32),transparent 30%),linear-gradient(145deg,#0b263e,#05080d)}
.robot-modal-thumbs{display:flex;gap:9px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:thin}
.robot-modal-thumb{position:relative;width:76px;height:62px;flex:0 0 76px;border-radius:14px;overflow:hidden;padding:0;border:1px solid rgba(120,190,235,.2);background:#0d1c29;cursor:pointer;opacity:.66;transition:opacity .2s ease,border-color .2s ease,transform .2s ease}
.robot-modal-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.robot-modal-thumb.is-active{opacity:1;border-color:#28baf2;box-shadow:0 0 0 2px rgba(0,140,255,.16);transform:translateY(-1px)}
.robot-modal-thumb.is-video::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(2,8,14,.08),rgba(2,8,14,.18));
pointer-events:none;
}
.robot-thumb-preview{
position:absolute;
inset:0;
display:block;
background:radial-gradient(circle at 50% 40%,rgba(0,140,255,.16),transparent 35%),linear-gradient(145deg,#0b2236,#05090f);
}
.robot-thumb-preview img,
.robot-thumb-preview video{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.robot-thumb-fallback{
display:block;
width:100%;
height:100%;
background:radial-gradient(circle at 50% 40%,rgba(0,140,255,.16),transparent 35%),linear-gradient(145deg,#0b2236,#05090f);
}
.robot-thumb-video{
position:absolute;
left:50%;
top:50%;
z-index:2;
width:28px;
height:28px;
margin:-14px 0 0 -14px;
border-radius:50%;
display:grid;
place-items:center;
padding-left:2px;
color:#fff;
font-size:11px;
background:linear-gradient(135deg,#078df0,#08c0e7);
box-shadow:0 8px 18px rgba(0,140,255,.28);
border:1px solid rgba(255,255,255,.34);
}
.robot-modal-content{padding:66px 48px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:auto}
.robot-modal-content h2{font-size:40px;line-height:1.08;margin:13px 0 18px;letter-spacing:-.03em}
.robot-modal-content p{color:#667583;margin:0 0 22px;white-space:pre-line;line-height:1.75;font-size:14px}
.robot-modal-note{display:flex;align-items:center;gap:8px;color:#6a7b8b;font-size:11px;margin:0 0 28px;padding-top:18px;border-top:1px solid #e8eef3;width:100%}
.robot-modal-note span{color:#00bfe8;font-size:10px}
.robot-hire-button{border:0;min-height:50px;padding:0 22px;gap:28px;cursor:pointer}
.robot-hire-button b{font-size:18px;font-weight:500;transition:transform .2s ease}
.robot-hire-button:hover b{transform:translateX(4px)}
.modal-open{overflow:hidden}
@media(max-width:980px){.robot-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.robot-modal-dialog{grid-template-columns:1fr;overflow:auto}.robot-modal-gallery{min-height:0}.robot-modal-stage{height:420px}.robot-modal-content{padding:38px 34px 42px}}
@media(max-width:650px){.block-robots{padding-top:80px;padding-bottom:85px}.robot-showcase-grid{grid-template-columns:1fr}.robot-showcase-media{height:328px}.robot-modal{padding:10px}.robot-modal-dialog{border-radius:24px}.robot-modal-gallery{padding:10px}.robot-modal-stage{height:310px;border-radius:18px}.robot-modal-content{padding:30px 24px 34px}.robot-modal-content h2{font-size:31px}.robot-modal-thumb{width:66px;height:54px;flex-basis:66px}}
/* v0.7.0 — refinamentos visuais do popup dos robôs */
@media(min-width:981px){
.robot-modal{padding:16px}
.robot-modal-dialog{
height:min(800px,calc(100vh - 40px));
max-height:calc(100vh - 40px);
overflow:hidden;
grid-template-columns:1.05fr .95fr;
}
.robot-modal-gallery{
min-height:0;
height:100%;
overflow:hidden;
display:grid;
grid-template-rows:minmax(0,1fr) auto;
gap:12px;
padding:22px;
}
.robot-modal-stage{height:auto;min-height:0}
.robot-modal-content{
min-height:0;
height:100%;
overflow-y:auto;
justify-content:flex-start;
padding:54px 44px 28px;
scrollbar-width:thin;
scrollbar-color:#c8d8e4 transparent;
}
}
.robot-modal-content::-webkit-scrollbar{width:7px}
.robot-modal-content::-webkit-scrollbar-track{background:transparent}
.robot-modal-content::-webkit-scrollbar-thumb{background:#c8d8e4;border-radius:999px}
.robot-modal-actions{
width:100%;
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:auto;
padding:16px 0 4px;
position:sticky;
bottom:0;
z-index:3;
background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 22%,#fff 100%);
}
.robot-popup-action{
min-height:52px;
border-radius:999px;
padding:0 17px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
cursor:pointer;
font:800 13px Inter,sans-serif;
transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
}
.robot-popup-action span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.robot-popup-action b{font-size:17px;font-weight:500;flex:0 0 auto;transition:transform .2s ease}
.robot-popup-action:hover b{transform:translateX(3px)}
.robot-popup-action-primary{border:1px solid #008cff;background:linear-gradient(135deg,#008cff,#00b9e8);color:#fff;box-shadow:0 10px 24px rgba(0,140,255,.20)}
.robot-popup-action-primary:hover{box-shadow:0 14px 30px rgba(0,140,255,.28);transform:translateY(-1px)}
.robot-popup-action-secondary{border:1px solid #cfe2ef;background:#fff;color:#132333;box-shadow:0 8px 20px rgba(20,48,70,.06)}
.robot-popup-action-secondary:hover{border-color:#87cdef;background:#f5fbff;color:#007cc8;transform:translateY(-1px)}
@media(max-width:980px){
.robot-modal-dialog{height:auto;max-height:calc(100vh - 20px);display:block;overflow-y:auto}
.robot-modal-gallery{height:auto;display:flex;overflow:visible}
.robot-modal-stage{height:400px;min-height:400px;flex:none}
.robot-modal-content{height:auto;min-height:0;overflow:visible;justify-content:flex-start;padding:38px 34px 28px}
.robot-modal-actions{position:static;margin-top:0;background:#fff;padding:10px 0 0}
}
@media(max-width:650px){
.robot-modal-stage{height:310px;min-height:310px}
.robot-modal-actions{grid-template-columns:1fr}
.robot-popup-action{min-height:52px;padding:0 20px}
}
/* v0.7.1 — variações visuais do bloco de contato */
.contact-info-card{
--contact-accent:#0f1b2d;
--contact-accent-soft:rgba(15,27,45,.07);
--contact-accent-line:rgba(15,27,45,.12);
--contact-surface:#ffffff;
--contact-surface-2:#f4f7fb;
--contact-note-surface:#f8fafc;
--contact-note-line:#d8e1eb;
}
.contact-info-card.contact-variant-premium{
background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}
.contact-info-card.contact-variant-highlight{
--contact-accent:#152742;
--contact-accent-soft:rgba(18,39,66,.09);
--contact-accent-line:rgba(18,39,66,.14);
--contact-surface:#ffffff;
--contact-surface-2:#f2f6fb;
--contact-note-surface:#fff;
border-color:#d6e1ec;
box-shadow:0 22px 50px rgba(18,39,66,.10);
position:relative;
overflow:hidden;
}
.contact-info-card.contact-variant-highlight::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:4px;
background:linear-gradient(180deg,#0f1b2d,#2a466d 70%,rgba(42,70,109,.15));
}
.contact-info-card.contact-variant-modern{
--contact-accent:#102338;
--contact-accent-soft:rgba(16,35,56,.08);
--contact-accent-line:rgba(16,35,56,.10);
--contact-surface:rgba(255,255,255,.82);
--contact-surface-2:rgba(245,248,252,.9);
--contact-note-surface:rgba(255,255,255,.88);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
background:linear-gradient(155deg,rgba(255,255,255,.92),rgba(244,248,252,.84));
border-color:rgba(209,221,233,.9);
box-shadow:0 24px 60px rgba(18,39,66,.12);
}
.contact-info-card .info-stack{gap:14px}
.contact-info-card .info-row{
position:relative;
display:flex;
align-items:center;
gap:16px;
padding:18px;
border-radius:18px;
background:var(--contact-surface-2);
border:1px solid var(--contact-accent-line);
color:#132131;
text-decoration:none;
transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}
.contact-info-card .info-row:hover{
transform:translateY(-2px);
border-color:rgba(15,27,45,.18);
box-shadow:0 14px 30px rgba(15,27,45,.08);
}
.contact-info-card .info-icon{
width:48px;
height:48px;
flex:0 0 48px;
border-radius:16px;
display:grid;
place-items:center;
background:var(--contact-accent-soft);
border:1px solid rgba(255,255,255,.75);
color:var(--contact-accent);
box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.contact-svg-icon{width:22px;height:22px;display:block}
.contact-svg-icon circle{fill:none}
.contact-info-card .info-copy{display:block;min-width:0}
.contact-info-card .info-copy small{display:block;color:#6c7a8d;font-size:10px;letter-spacing:.12em;font-weight:800;margin-bottom:5px}
.contact-info-card .info-copy strong{display:block;font-size:14px;line-height:1.4;color:#152131;overflow-wrap:anywhere}
.contact-info-card .contact-note{
margin-top:18px;
padding:20px 18px;
border:1px solid var(--contact-note-line);
border-radius:18px;
color:#5c6d80;
font-size:13px;
line-height:1.72;
background:var(--contact-note-surface);
}
.contact-info-card.contact-variant-premium .info-row{
border-radius:20px;
background:linear-gradient(180deg,#f5f8fb 0%,#f1f5f9 100%);
}
.contact-info-card.contact-variant-premium .info-icon{border-radius:50%;background:#fff;border-color:#dde6f0;box-shadow:0 8px 20px rgba(15,27,45,.06)}
.contact-info-card.contact-variant-highlight .info-row{padding-left:20px}
.contact-info-card.contact-variant-highlight .info-row::before{
content:"";
position:absolute;
left:0;
top:16px;
bottom:16px;
width:4px;
border-radius:999px;
background:rgba(21,39,66,.16);
}
.contact-info-card.contact-variant-highlight .info-row.is-whatsapp{
background:linear-gradient(135deg,#111c2c,#1c3353 64%,#243f66 100%);
color:#fff;
border-color:rgba(17,28,44,.9);
box-shadow:0 18px 40px rgba(17,28,44,.18);
}
.contact-info-card.contact-variant-highlight .info-row.is-whatsapp::before{background:#fff;opacity:.75}
.contact-info-card.contact-variant-highlight .info-row.is-whatsapp .info-icon{
background:rgba(255,255,255,.12);
color:#fff;
border-color:rgba(255,255,255,.18);
box-shadow:none;
}
.contact-info-card.contact-variant-highlight .info-row.is-whatsapp .info-copy small,
.contact-info-card.contact-variant-highlight .info-row.is-whatsapp .info-copy strong{color:#fff}
.contact-info-card.contact-variant-highlight .contact-note{
border-style:dashed;
background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
}
.contact-info-card.contact-variant-modern .info-row{
background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(245,248,252,.78));
border-radius:22px;
border-color:rgba(191,207,223,.55);
box-shadow:0 10px 24px rgba(20,36,58,.05);
}
.contact-info-card.contact-variant-modern .info-row:hover{
background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(242,247,251,.9));
}
.contact-info-card.contact-variant-modern .info-icon{
border-radius:14px;
background:linear-gradient(135deg,rgba(15,27,45,.1),rgba(255,255,255,.95));
border-color:rgba(187,202,219,.65);
}
.contact-info-card.contact-variant-modern .contact-note{
position:relative;
overflow:hidden;
background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,249,252,.86));
}
.contact-info-card.contact-variant-modern .contact-note::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:3px;
background:linear-gradient(90deg,#0f1b2d,rgba(15,27,45,.28));
}
@media(max-width:900px){
.contact-info-card .info-row{padding:17px}
}
@media(max-width:600px){
.contact-info-card .info-row{gap:14px;padding:16px}
.contact-info-card .info-icon{width:44px;height:44px;flex-basis:44px}
}
/* v0.7.3 — ajuste fino dos cards de eventos para reduzir altura visual */
.block-events{overflow:hidden}
.event-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
align-items:stretch;
}
.event-card{
position:relative;
isolation:isolate;
display:flex;
flex-direction:column;
min-width:0;
overflow:hidden;
border:1px solid rgba(84,185,241,.20);
border-radius:24px;
background:linear-gradient(180deg,#0d1926 0%,#0b1723 100%);
box-shadow:0 18px 44px rgba(0,0,0,.18);
transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.event-card::before{
content:"";
position:absolute;
inset:0;
z-index:0;
padding:1px;
border-radius:inherit;
pointer-events:none;
opacity:0;
background:linear-gradient(110deg,transparent 18%,rgba(82,211,255,.05) 36%,rgba(82,211,255,.95) 50%,rgba(82,211,255,.08) 64%,transparent 82%);
background-size:240% 100%;
background-position:120% 0;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
}
.event-card:hover{
transform:translateY(-6px);
border-color:rgba(82,211,255,.38);
box-shadow:0 26px 58px rgba(0,0,0,.28),0 0 26px rgba(29,176,235,.08);
}
.event-card:hover::before{
opacity:1;
animation:eventBorderSweep 1.15s ease-out 1;
}
@keyframes eventBorderSweep{
from{background-position:120% 0}
to{background-position:-120% 0}
}
.event-card>*{position:relative;z-index:1}
.event-card-media{
width:auto;
height:auto;
aspect-ratio:4/3;
margin:10px 10px 0;
border-radius:18px;
overflow:hidden;
background:#07101a;
display:grid;
place-items:center;
}
.event-card-media img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .45s ease,filter .45s ease;
}
.event-card:hover .event-card-media img{transform:scale(1.025);filter:brightness(1.04)}
.event-card-body{
display:flex;
flex-direction:column;
flex:1;
padding:18px 18px 19px;
}
.event-card-body h3{font-size:17px;line-height:1.24;margin:0 0 8px}
.event-card-body p{color:#a8b7c6;font-size:14px;line-height:1.58;min-height:0;margin:0 0 16px;flex:1}
.event-budget-btn{
width:max-content;
max-width:100%;
min-height:44px;
padding:0 16px;
white-space:nowrap;
}
.event-card.event-align-left .event-card-body{text-align:left;align-items:flex-start}
.event-card.event-align-center .event-card-body{text-align:center;align-items:center}
.event-card.event-align-center .event-card-body p{text-align:center}
.event-card.event-align-center .event-budget-btn{margin-left:auto;margin-right:auto}
@media(max-width:1280px){.event-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
.event-grid{grid-template-columns:1fr}
.event-card-media{margin:8px 8px 0;border-radius:16px}
.event-card-body{padding:18px}
}
@media(prefers-reduced-motion:reduce){
.event-card,.event-card-media img{transition:none}
.event-card:hover::before{animation:none}
}
/* v0.7.6 — FAQ: impede o card vizinho de esticar quando uma resposta é aberta */
.faq-grid{align-items:start}
.faq-grid>details{align-self:start;height:max-content}
/* v0.7.7 — FAQ em duas colunas independentes: abrir uma resposta não cria espaço na coluna ao lado */
.faq-columns{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:12px;
align-items:start;
}
.faq-column{
display:grid;
gap:12px;
align-content:start;
min-width:0;
}
.faq-column>details{
width:100%;
height:auto;
align-self:start;
margin:0;
}
@media(max-width:600px){
.faq-columns{display:grid;grid-template-columns:1fr;gap:12px}
.faq-column{display:contents}
.faq-column>details{order:var(--faq-order)}
}
/* v0.7.8 — galeria editorial com fotos/vídeos e lightbox */
.block-gallery{padding-top:105px;padding-bottom:105px;overflow:hidden}
.gallery-switch{
display:flex;
justify-content:center;
align-items:center;
gap:10px;
margin:-10px 0 30px;
}
.gallery-switch-btn{
min-width:108px;
height:42px;
padding:0 20px;
border-radius:999px;
border:1px solid #cfe4f5;
background:#fff;
color:#597085;
font:800 12px Inter,sans-serif;
letter-spacing:.02em;
cursor:pointer;
transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.gallery-switch-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#8fd2f5;color:#0878d2}
.gallery-switch-btn.is-active{background:linear-gradient(90deg,#0c8ff1,#09bee9);border-color:transparent;color:#fff;box-shadow:0 10px 24px rgba(0,143,241,.18)}
.gallery-switch-btn:disabled{opacity:.38;cursor:not-allowed}
.gallery-pane[hidden]{display:none!important}
.gallery-pane.is-active{display:block}
.gallery-media-grid{
display:grid;
grid-template-columns:minmax(0,1.45fr) minmax(0,.52fr) minmax(0,.52fr);
grid-template-rows:repeat(3,164px);
gap:18px;
margin-top:18px;
}
.gallery-media-card{
position:relative;
min-width:0;
min-height:0;
width:100%;
height:100%;
padding:0;
border:0;
border-radius:24px;
overflow:hidden;
background:#08131f;
cursor:pointer;
box-shadow:0 15px 34px rgba(24,43,62,.08);
isolation:isolate;
text-align:left;
}
.gallery-media-card:first-child{grid-column:1;grid-row:1 / 4}
.gallery-media-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .42s ease,filter .42s ease;
}
.gallery-media-card::after{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(180deg,transparent 50%,rgba(1,8,14,.72) 100%);
opacity:.72;
transition:opacity .25s ease;
pointer-events:none;
}
.gallery-media-card:hover img{transform:scale(1.035);filter:brightness(1.04)}
.gallery-media-card:hover::after{opacity:.9}
.gallery-card-action{
position:absolute;
top:14px;
right:14px;
z-index:3;
width:38px;
height:38px;
border-radius:50%;
display:grid;
place-items:center;
color:#fff;
background:rgba(7,17,28,.66);
border:1px solid rgba(255,255,255,.25);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
font-size:18px;
opacity:0;
transform:translateY(4px);
transition:opacity .2s ease,transform .2s ease,background .2s ease;
}
.gallery-media-card:hover .gallery-card-action{opacity:1;transform:none;background:rgba(0,140,255,.78)}
.gallery-card-caption{
position:absolute;
left:0;
right:0;
bottom:0;
z-index:3;
display:grid;
gap:4px;
padding:38px 17px 16px;
color:#fff;
pointer-events:none;
}
.gallery-card-caption strong{font-size:13px;line-height:1.35}
.gallery-card-caption small{font-size:10px;line-height:1.45;color:#d8e6f2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gallery-media-card:first-child .gallery-card-caption{padding:65px 24px 22px}
.gallery-media-card:first-child .gallery-card-caption strong{font-size:18px}
.gallery-media-card:first-child .gallery-card-caption small{font-size:12px}
.gallery-play{
position:absolute;
left:50%;
top:50%;
z-index:4;
width:58px;
height:58px;
margin:-29px 0 0 -29px;
border-radius:50%;
display:grid;
place-items:center;
padding-left:4px;
color:#fff;
background:linear-gradient(135deg,#078df0,#08c0e7);
box-shadow:0 14px 34px rgba(0,140,255,.34);
border:1px solid rgba(255,255,255,.3);
font-size:20px;
transition:transform .22s ease,box-shadow .22s ease;
}
.gallery-media-card:not(:first-child) .gallery-play{width:46px;height:46px;margin:-23px 0 0 -23px;font-size:16px}
.gallery-media-card:hover .gallery-play{transform:scale(1.08);box-shadow:0 18px 40px rgba(0,140,255,.42)}
.gallery-video-fallback{
position:absolute;
inset:0;
background:radial-gradient(circle at 50% 45%,rgba(0,140,255,.22),transparent 32%),linear-gradient(145deg,#0b2236,#05090f);
}
.gallery-lightbox{
position:fixed;
inset:0;
z-index:10050;
display:none;
align-items:center;
justify-content:center;
padding:24px;
}
.gallery-lightbox.open{display:flex}
.gallery-lightbox-backdrop{position:absolute;inset:0;background:rgba(1,5,9,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.gallery-lightbox-dialog{
position:relative;
z-index:1;
width:min(1180px,100%);
max-height:92vh;
background:#07111c;
border:1px solid rgba(116,198,240,.16);
border-radius:28px;
overflow:hidden;
box-shadow:0 45px 120px rgba(0,0,0,.55);
}
.gallery-lightbox-stage{
width:100%;
height:min(72vh,760px);
min-height:420px;
display:grid;
place-items:center;
background:#02070c;
}
.gallery-lightbox-stage img{width:100%;height:100%;object-fit:contain;display:block}
.gallery-lightbox-stage iframe{width:100%;height:100%;border:0;background:#000;display:block}
.gallery-lightbox-close{
position:absolute;
top:14px;
right:14px;
z-index:5;
width:44px;
height:44px;
border-radius:50%;
border:1px solid rgba(255,255,255,.18);
background:rgba(5,14,23,.74);
color:#fff;
font-size:28px;
line-height:1;
cursor:pointer;
backdrop-filter:blur(8px);
}
.gallery-lightbox-nav{
position:absolute;
top:50%;
z-index:5;
width:48px;
height:48px;
margin-top:-24px;
border:1px solid rgba(255,255,255,.18);
border-radius:50%;
background:rgba(5,14,23,.66);
color:#fff;
font-size:34px;
line-height:1;
cursor:pointer;
backdrop-filter:blur(8px);
}
.gallery-lightbox-prev{left:16px}.gallery-lightbox-next{right:16px}
.gallery-lightbox-caption{display:grid;gap:5px;padding:16px 22px 19px;color:#fff;background:#07111c}
.gallery-lightbox-caption strong{font-size:15px}.gallery-lightbox-caption span{font-size:12px;color:#9fb0c1;line-height:1.55}
.gallery-lightbox-caption.is-empty{display:none}
@media(max-width:1050px){
.gallery-media-grid{grid-template-rows:repeat(3,145px);gap:14px}
}
@media(max-width:800px){
.gallery-media-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px repeat(3,180px);gap:12px}
.gallery-media-card:first-child{grid-column:1 / 3;grid-row:1}
.gallery-lightbox{padding:12px}
.gallery-lightbox-dialog{border-radius:22px}
.gallery-lightbox-stage{height:68vh;min-height:300px}
}
@media(max-width:560px){
.gallery-switch{margin-top:0;margin-bottom:22px}
.gallery-switch-btn{min-width:98px;height:40px;padding:0 16px}
/* v0.10.5 — mosaico compacto no mobile:
1 imagem principal + demais em pares para reduzir a altura da galeria */
.gallery-media-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
grid-template-rows:none;
gap:9px;
}
.gallery-media-card,
.gallery-media-card:first-child{
grid-column:auto;
grid-row:auto;
height:142px;
border-radius:18px;
}
.gallery-media-card:first-child{
grid-column:1 / -1;
height:220px;
}
.gallery-media-card:not(:first-child) .gallery-card-caption{
padding:30px 10px 10px;
}
.gallery-media-card:not(:first-child) .gallery-card-caption strong{
font-size:11px;
line-height:1.25;
}
.gallery-media-card:not(:first-child) .gallery-card-caption small{
display:none;
}
.gallery-media-card:not(:first-child) .gallery-card-action{
width:30px;
height:30px;
top:8px;
right:8px;
font-size:14px;
}
.gallery-media-card:not(:first-child) .gallery-play{
width:38px;
height:38px;
margin:-19px 0 0 -19px;
font-size:13px;
}
.gallery-lightbox-stage{height:58vh;min-height:260px}
.gallery-lightbox-nav{width:42px;height:42px;margin-top:-21px;font-size:30px}
.gallery-lightbox-prev{left:8px}.gallery-lightbox-next{right:8px}
}
@media(max-width:360px){
.gallery-media-grid{gap:8px}
.gallery-media-card,
.gallery-media-card:first-child{height:128px}
.gallery-media-card:first-child{height:205px}
}
/* v0.7.9 — depoimentos com avatar configurável e brilho correndo na borda */
.testimonial-card{
position:relative;
isolation:isolate;
overflow:hidden;
border:1px solid rgba(76,176,231,.20);
background:linear-gradient(180deg,rgba(16,31,47,.82),rgba(11,24,37,.88));
transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.testimonial-card::before{
content:"";
position:absolute;
inset:0;
z-index:0;
padding:1px;
border-radius:inherit;
pointer-events:none;
opacity:0;
background:linear-gradient(110deg,transparent 15%,rgba(71,200,255,.05) 34%,rgba(79,211,255,.98) 50%,rgba(71,200,255,.08) 66%,transparent 84%);
background-size:240% 100%;
background-position:120% 0;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
}
.testimonial-card::after{
content:"“";
position:absolute;
top:4px;
right:16px;
z-index:0;
pointer-events:none;
font-family:Georgia,"Times New Roman",serif;
font-size:220px;
line-height:.52;
font-weight:700;
letter-spacing:-.08em;
color:rgba(88,207,255,.07);
opacity:.92;
text-shadow:none;
transform:translateZ(0);
}
.testimonial-card>*{position:relative;z-index:1}
.testimonial-card:hover{
transform:translateY(-5px);
border-color:rgba(79,211,255,.38);
box-shadow:0 24px 54px rgba(0,0,0,.26),0 0 28px rgba(45,190,242,.08);
}
.testimonial-card:hover::before{opacity:1;animation:testimonialBorderSweep 1.15s ease-out 1}
.testimonial-card:hover .testimonial-quote-icon{
color:#67e1ff;
filter:drop-shadow(0 0 12px rgba(79,211,255,.28)) drop-shadow(0 0 28px rgba(79,211,255,.16));
animation:testimonialQuoteIconGlow 1.15s ease-out 1;
}
@keyframes testimonialBorderSweep{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes testimonialQuoteIconGlow{
0%{color:#23c5f2;filter:drop-shadow(0 0 0 rgba(79,211,255,0));transform:translate3d(0,0,0) scale(.98)}
45%{color:#90ecff;filter:drop-shadow(0 0 16px rgba(79,211,255,.34)) drop-shadow(0 0 34px rgba(79,211,255,.18));transform:translate3d(0,-1px,0) scale(1.05)}
100%{color:#67e1ff;filter:drop-shadow(0 0 12px rgba(79,211,255,.28)) drop-shadow(0 0 28px rgba(79,211,255,.16));transform:translate3d(0,0,0) scale(1)}
}
.testimonial-person>img,.testimonial-person>span{
width:52px;
height:52px;
flex:0 0 52px;
border:1px solid rgba(113,211,248,.26);
box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.testimonial-person>span{background:linear-gradient(135deg,#087fd0,#21b8e9);letter-spacing:.04em}
.testimonial-person strong{font-size:14px}
.testimonial-person small{font-size:10px;letter-spacing:.03em;color:#8fa9bd}
@media(prefers-reduced-motion:reduce){.testimonial-card{transition:none}.testimonial-card:hover::before{animation:none}.testimonial-card:hover .testimonial-quote-icon{animation:none}.testimonial-quote-icon{transition:none}}
/* v0.8.0 — carrossel de depoimentos: 3 por vez, autoplay, arrows e aspas */
.testimonial-carousel{
position:relative;
margin-top:4px;
}
.testimonial-carousel-viewport{
overflow:hidden;
padding:8px 4px 12px;
margin:0 -4px;
}
.testimonial-carousel-track{
display:flex;
align-items:stretch;
gap:20px;
will-change:transform;
transition:transform .62s cubic-bezier(.22,.61,.36,1);
}
.testimonial-carousel-track .testimonial-card{
flex:0 0 calc((100% - 40px)/3);
min-width:0;
padding:24px 26px 26px;
display:flex;
flex-direction:column;
}
.testimonial-quote-icon{
width:34px;
height:28px;
margin:0 0 16px;
color:#23c5f2;
transition:color .28s ease,filter .28s ease,transform .28s ease;
}
.testimonial-quote-icon svg{
width:100%;
height:100%;
display:block;
fill:none;
stroke:currentColor;
stroke-width:2.4;
stroke-linecap:round;
stroke-linejoin:round;
}
.testimonial-carousel .testimonial-person{margin-top:0}
.testimonial-carousel .testimonial-card>p{
margin:20px 0 0;
flex:1;
}
.testimonial-carousel-controls{
display:flex;
align-items:center;
justify-content:center;
gap:14px;
margin-top:22px;
}
.testimonial-arrow{
width:46px;
height:46px;
border-radius:50%;
border:1px solid rgba(136,176,204,.38);
background:rgba(255,255,255,.035);
color:#f4f8fc;
display:grid;
place-items:center;
cursor:pointer;
transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
.testimonial-arrow svg{
width:19px;
height:19px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.testimonial-arrow:hover{
transform:translateY(-2px);
border-color:rgba(63,202,249,.72);
background:rgba(40,174,227,.10);
color:#4bd4ff;
box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.testimonial-carousel-indicators{
min-width:78px;
display:flex;
justify-content:center;
align-items:center;
gap:7px;
}
.testimonial-carousel-dot{
width:6px;
height:6px;
border-radius:999px;
background:rgba(181,202,218,.42);
transition:width .25s ease,background .25s ease,opacity .25s ease;
}
.testimonial-carousel-dot.is-active{
width:28px;
background:#21c1ee;
}
.testimonial-carousel-controls[hidden]{display:none!important}
@media(max-width:980px){
.testimonial-carousel-track .testimonial-card{flex-basis:calc((100% - 20px)/2)}
}
@media(max-width:620px){
.testimonial-carousel-track{gap:14px}
.testimonial-carousel-track .testimonial-card{flex-basis:100%;padding:22px}
.testimonial-carousel-controls{margin-top:16px}
.testimonial-arrow{width:43px;height:43px}
}
@media(prefers-reduced-motion:reduce){
.testimonial-carousel-track{transition:none}
.testimonial-arrow{transition:none}
}
/* v0.8.0 — refinamento do conteúdo dos depoimentos conforme referência */
.testimonial-carousel .testimonial-card>p{
margin:0;
flex:1;
font-size:14px;
line-height:1.75;
color:#d6e1eb;
}
.testimonial-divider{
height:1px;
width:100%;
margin:22px 0 18px;
background:rgba(142,176,201,.22);
}
.testimonial-carousel .testimonial-person{margin-top:0}
/* v0.8.1 — aspas grandes translúcidas no background dos depoimentos */
.testimonial-card{overflow:hidden}
.testimonial-carousel .testimonial-card>p,
.testimonial-divider,
.testimonial-person{position:relative;z-index:1}
@media(max-width:620px){
.testimonial-card::after{font-size:170px;top:6px;right:10px}
}
/* v0.8.2 — aspas decorativas refinadas nos depoimentos */
.testimonial-card::after{max-width:50%}
/* v0.8.3 — refinamento visual do bloco Como Funciona */
.process-section{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 18% 20%, rgba(0,140,255,.08), transparent 28%),
radial-gradient(circle at 82% 22%, rgba(0,200,232,.06), transparent 24%),
linear-gradient(180deg,#04070b 0%,#03070c 100%);
}
.process-section::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(90deg,transparent,rgba(73,192,243,.03),transparent);
opacity:.7;
}
.process-grid{
gap:20px;
align-items:stretch;
}
.process-card{
position:relative;
overflow:hidden;
isolation:isolate;
min-height:240px;
padding:30px 28px 28px;
border-radius:28px;
border:1px solid rgba(75,179,235,.18);
background:linear-gradient(145deg,rgba(10,24,38,.94),rgba(6,14,23,.98));
box-shadow:0 16px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);
transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
}
.process-card::before{
content:"";
position:absolute;
inset:0;
padding:1px;
border-radius:inherit;
background:linear-gradient(110deg,transparent 12%,rgba(72,198,247,.05) 36%,rgba(91,222,255,.95) 50%,rgba(72,198,247,.08) 64%,transparent 88%);
background-size:240% 100%;
background-position:120% 0;
opacity:0;
pointer-events:none;
z-index:0;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
}
.process-card::after{
content:"";
position:absolute;
top:-55px;
right:-45px;
width:165px;
height:165px;
border-radius:50%;
background:radial-gradient(circle, rgba(31,179,240,.18) 0%, rgba(31,179,240,.06) 32%, transparent 68%);
opacity:.55;
z-index:0;
transition:transform .35s ease, opacity .35s ease;
}
.process-card > *{position:relative;z-index:1}
.process-card:hover{
transform:translateY(-6px);
border-color:rgba(91,222,255,.36);
box-shadow:0 26px 48px rgba(0,0,0,.26), 0 0 28px rgba(34,183,235,.08);
background:linear-gradient(145deg,rgba(11,28,44,.98),rgba(7,16,27,1));
}
.process-card:hover::before{opacity:1;animation:processBorderSweep 1.15s ease-out 1}
.process-card:hover::after{transform:scale(1.08);opacity:.82}
@keyframes processBorderSweep{from{background-position:120% 0}to{background-position:-120% 0}}
.process-card > span{
width:50px;
height:50px;
border-radius:16px;
display:grid;
place-items:center;
background:linear-gradient(180deg,rgba(6,78,123,.45),rgba(4,61,99,.18));
border:1px solid rgba(56,193,247,.28);
color:#56d6ff;
font-weight:900;
font-size:15px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 22px rgba(0,0,0,.18);
transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, color .28s ease;
}
.process-card:hover > span{
transform:translateY(-1px) scale(1.04);
border-color:rgba(95,223,255,.5);
color:#8be8ff;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(95,223,255,.12), 0 14px 28px rgba(0,0,0,.24), 0 0 20px rgba(54,196,247,.14);
}
.process-card h3{
font-size:20px;
line-height:1.2;
margin:22px 0 10px;
max-width:220px;
}
.process-card p{
color:#a9bbcb;
line-height:1.72;
font-size:14px;
max-width:260px;
}
@media(max-width:1050px){
.process-grid{gap:18px}
.process-card{min-height:225px}
}
@media(max-width:600px){
.process-card{padding:24px 22px; min-height:0}
.process-card h3{font-size:18px; margin:18px 0 8px}
.process-card p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
.process-card,.process-card > span,.process-card::after{transition:none}
.process-card:hover::before{animation:none}
}
/* v0.8.4 — bloco Diferenciais: ícone PNG recolorível, alinhamento global e 4 cards por linha */
.block-differentials{padding:105px 0}
.differential-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
align-items:stretch;
}
.differential-card{
min-width:0;
display:flex;
flex-direction:column;
border:1px solid #e2e9f0;
border-radius:24px;
padding:26px;
background:#fff;
box-shadow:0 14px 38px rgba(21,41,62,.06);
}
.differential-card.is-left{align-items:flex-start;text-align:left}
.differential-card.is-center{align-items:center;text-align:center}
.differential-card.is-center p{margin-left:auto;margin-right:auto}
.diff-icon{
width:52px;
height:52px;
flex:0 0 52px;
border-radius:16px;
background:#eef8ff;
border:1px solid rgba(0,140,255,.12);
display:grid;
place-items:center;
position:relative;
--diff-icon-color:#00c8e8;
}
.diff-icon.has-image::before{
content:"";
width:32px;
height:32px;
display:block;
background:var(--diff-icon-color);
-webkit-mask-image:var(--diff-icon-image);
mask-image:var(--diff-icon-image);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-size:contain;
mask-size:contain;
}
.diff-icon.is-fallback::before{
content:"✓";
color:var(--diff-icon-color);
font-weight:900;
font-size:20px;
line-height:1;
}
.differential-card h3{margin:19px 0 8px;font-size:17px}
.differential-card p{margin:0;color:#6d7c8b;line-height:1.6;font-size:12px;max-width:32ch}
@media(max-width:1050px){.differential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.differential-grid{grid-template-columns:1fr}.differential-card{padding:23px}}
/* v0.8.5 — refinamento premium do bloco Diferenciais */
.block-differentials{
position:relative;
overflow:hidden;
padding:112px 0;
background:
radial-gradient(circle at 15% 18%, rgba(0,168,255,.05), transparent 26%),
radial-gradient(circle at 86% 20%, rgba(0,200,232,.045), transparent 22%),
linear-gradient(180deg,#f9fbfd 0%,#f6f9fc 100%);
}
.block-differentials::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(90deg,transparent,rgba(26,156,219,.035),transparent);
opacity:.8;
}
.block-differentials .section-title{position:relative;z-index:1;margin-bottom:42px}
.block-differentials .section-title p{max-width:720px;margin-left:auto;margin-right:auto;line-height:1.72}
.differential-grid{
position:relative;
z-index:1;
gap:22px;
}
.differential-card{
position:relative;
overflow:hidden;
isolation:isolate;
min-height:212px;
padding:28px 24px 24px;
border-radius:26px;
border:1px solid rgba(207,220,232,.95);
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,253,.96));
box-shadow:0 16px 40px rgba(20,42,62,.07);
transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
}
.differential-card::before{
content:"";
position:absolute;
inset:0;
z-index:0;
padding:1px;
border-radius:inherit;
opacity:0;
pointer-events:none;
background:linear-gradient(110deg,transparent 14%,rgba(71,200,255,.05) 34%,rgba(79,211,255,.95) 50%,rgba(71,200,255,.08) 66%,transparent 86%);
background-size:240% 100%;
background-position:120% 0;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
}
.differential-card::after{
content:"";
position:absolute;
left:50%;
top:0;
transform:translateX(-50%);
width:62px;
height:3px;
border-radius:999px;
background:linear-gradient(90deg,#0d1d2f,#29c0f0,#0d1d2f);
opacity:.95;
z-index:0;
}
.differential-card > *{position:relative;z-index:1}
.differential-card.is-left{align-items:flex-start;text-align:left}
.differential-card.is-center{align-items:center;text-align:center}
.differential-card.is-center p{margin-left:auto;margin-right:auto}
.differential-card:hover{
transform:translateY(-6px);
border-color:rgba(79,211,255,.34);
background:linear-gradient(180deg,#ffffff 0%,#f7fbfe 100%);
box-shadow:0 24px 50px rgba(20,42,62,.12),0 0 24px rgba(45,190,242,.07);
}
.differential-card:hover::before{opacity:1;animation:differentialBorderSweep 1.1s ease-out 1}
@keyframes differentialBorderSweep{from{background-position:120% 0}to{background-position:-120% 0}}
.diff-icon{
width:64px;
height:64px;
flex:0 0 64px;
border-radius:20px;
background:linear-gradient(180deg,#f3fbff 0%,#edf7fd 100%);
border:1px solid rgba(0,140,255,.14);
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 24px rgba(17,69,104,.06);
display:grid;
place-items:center;
position:relative;
--diff-icon-color:#00c8e8;
transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
}
.diff-icon::after{
content:"";
position:absolute;
inset:7px;
border-radius:15px;
border:1px solid rgba(0,140,255,.08);
pointer-events:none;
}
.differential-card:hover .diff-icon{
transform:translateY(-2px) scale(1.03);
border-color:rgba(0,180,235,.24);
background:linear-gradient(180deg,#f7fdff 0%,#eef9ff 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 16px 28px rgba(17,69,104,.09),0 0 18px rgba(72,198,247,.08);
}
.diff-icon.has-image::before{
content:"";
width:34px;
height:34px;
display:block;
background:var(--diff-icon-color);
-webkit-mask-image:var(--diff-icon-image);
mask-image:var(--diff-icon-image);
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-size:contain;
mask-size:contain;
}
.diff-icon.is-fallback::before{
content:"✓";
color:var(--diff-icon-color);
font-weight:900;
font-size:22px;
line-height:1;
}
.differential-card h3{
margin:22px 0 10px;
font-size:21px;
line-height:1.2;
color:#122033;
letter-spacing:-.02em;
max-width:12ch;
}
.differential-card p{
margin:0;
color:#6a7989;
line-height:1.72;
font-size:13px;
max-width:31ch;
}
@media(max-width:1200px){
.differential-card h3{font-size:19px}
}
@media(max-width:1050px){
.differential-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.differential-card{min-height:198px}
}
@media(max-width:600px){
.block-differentials{padding:92px 0}
.differential-grid{grid-template-columns:1fr}
.differential-card{padding:24px;min-height:0}
.differential-card h3{font-size:18px;margin:18px 0 8px}
.differential-card p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
.differential-card,.diff-icon{transition:none}
.differential-card:hover::before{animation:none}
}
/* v0.8.6 — fundos claros com profundidade sutil e identidade Magic4Kids */
.light{
background:
radial-gradient(circle at 12% 16%, rgba(0,140,255,.035), transparent 28%),
radial-gradient(circle at 88% 82%, rgba(0,200,232,.03), transparent 26%),
linear-gradient(180deg,#fafcfe 0%,#f7f9fb 100%);
}
/* Experiência: halos suaves + arcos tecnológicos quase transparentes */
.block-experience{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 14% 20%, rgba(0,140,255,.055), transparent 28%),
radial-gradient(circle at 86% 72%, rgba(0,200,232,.045), transparent 26%),
linear-gradient(180deg,#fbfdff 0%,#f7f9fb 100%);
}
.block-experience::before{
content:"";
position:absolute;
width:520px;
height:520px;
left:-330px;
top:110px;
border:1px solid rgba(0,140,255,.055);
border-radius:50%;
box-shadow:0 0 0 72px rgba(0,140,255,.018),0 0 0 146px rgba(0,200,232,.012);
pointer-events:none;
}
.block-experience::after{
content:"";
position:absolute;
width:430px;
height:430px;
right:-285px;
bottom:-130px;
border:1px solid rgba(0,200,232,.05);
border-radius:50%;
box-shadow:0 0 0 60px rgba(0,200,232,.014),0 0 0 122px rgba(0,140,255,.01);
pointer-events:none;
}
/* Robôs: feixes diagonais bem leves, referência à iluminação de palco */
.block-robots{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 78% 16%, rgba(0,140,255,.05), transparent 25%),
radial-gradient(circle at 22% 82%, rgba(0,200,232,.035), transparent 28%),
linear-gradient(180deg,#f8fbfd 0%,#f6f9fc 100%);
}
.block-robots::before{
content:"";
position:absolute;
inset:-20% -10%;
pointer-events:none;
opacity:.36;
background:
linear-gradient(118deg,transparent 31%,rgba(0,140,255,.035) 31.4%,transparent 31.9%),
linear-gradient(118deg,transparent 48%,rgba(0,200,232,.028) 48.4%,transparent 48.9%),
linear-gradient(118deg,transparent 64%,rgba(0,140,255,.022) 64.4%,transparent 64.9%);
}
.block-robots>.container{position:relative;z-index:1}
/* Galeria: luzes diagonais suaves, sem competir com as fotos */
.block-gallery{
position:relative;
background:
radial-gradient(circle at 16% 18%, rgba(0,140,255,.045), transparent 26%),
radial-gradient(circle at 82% 74%, rgba(0,200,232,.035), transparent 24%),
linear-gradient(180deg,#fbfdff 0%,#f8fafc 100%);
}
.block-gallery::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.5;
background:
linear-gradient(132deg,transparent 14%,rgba(0,140,255,.022) 14.35%,transparent 14.75%),
linear-gradient(132deg,transparent 73%,rgba(0,200,232,.018) 73.35%,transparent 73.75%);
}
.block-gallery::after{
content:"";
position:absolute;
width:360px;
height:360px;
right:-250px;
top:34%;
border-radius:50%;
border:1px solid rgba(0,140,255,.045);
box-shadow:0 0 0 55px rgba(0,140,255,.012),0 0 0 112px rgba(0,200,232,.009);
pointer-events:none;
}
.block-gallery>.container{position:relative;z-index:1}
/* Diferenciais: mantém o premium atual e adiciona geometria técnica discreta */
.block-differentials{
background:
radial-gradient(circle at 15% 18%, rgba(0,168,255,.05), transparent 26%),
radial-gradient(circle at 86% 20%, rgba(0,200,232,.045), transparent 22%),
linear-gradient(180deg,#fbfdff 0%,#f7fafc 100%);
}
.block-differentials::after{
content:"";
position:absolute;
width:540px;
height:540px;
right:-360px;
bottom:-300px;
border:1px solid rgba(0,140,255,.045);
border-radius:50%;
box-shadow:0 0 0 78px rgba(0,140,255,.012),0 0 0 156px rgba(0,200,232,.009);
pointer-events:none;
}
/* FAQ: o mais limpo dos fundos, apenas halos e uma malha quase imperceptível */
.faq.light{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 20% 28%, rgba(0,140,255,.035), transparent 25%),
radial-gradient(circle at 84% 72%, rgba(0,200,232,.025), transparent 24%),
linear-gradient(180deg,#fbfcfe 0%,#f8fafc 100%);
}
.faq.light::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.42;
background-image:
linear-gradient(rgba(0,140,255,.012) 1px,transparent 1px),
linear-gradient(90deg,rgba(0,140,255,.012) 1px,transparent 1px);
background-size:54px 54px;
mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 76%,transparent 100%);
-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 76%,transparent 100%);
}
.faq.light>.container{position:relative;z-index:1}
/* Contato: fundo claro com halo concentrado atrás do formulário */
.contact-section{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 76% 38%, rgba(0,140,255,.055), transparent 28%),
radial-gradient(circle at 16% 78%, rgba(0,200,232,.032), transparent 25%),
linear-gradient(180deg,#f4f7fa 0%,#eef3f7 100%);
}
.contact-section::before{
content:"";
position:absolute;
width:520px;
height:520px;
right:-370px;
top:60px;
border:1px solid rgba(0,140,255,.045);
border-radius:50%;
box-shadow:0 0 0 74px rgba(0,140,255,.012),0 0 0 148px rgba(0,200,232,.008);
pointer-events:none;
}
.contact-section>.container{position:relative;z-index:1}
@media(max-width:700px){
.block-experience::before,.block-experience::after,.block-gallery::after,.block-differentials::after,.contact-section::before{opacity:.55}
.block-robots::before{opacity:.22}
.faq.light::before{opacity:.26}
}
/* v0.9.0 — watermark M4K mais sutil, central e exibida apenas no hover */
.brand-watermark{
position:absolute;
pointer-events:none;
z-index:0;
display:block;
left:50%;
top:50%;
background-image:url('../img/brand-watermark.png');
background-repeat:no-repeat;
background-position:center;
background-size:contain;
opacity:0;
transform:translate(-50%,-50%) scale(.88);
transform-origin:center;
transition:opacity .28s ease,transform .28s ease,filter .28s ease;
filter:saturate(.82);
}
.experience-card,.differential-card,.faq-column>details,.contact-info-card,.quote-form-light{
position:relative;
overflow:hidden;
}
.experience-card .brand-watermark,
.differential-card .brand-watermark{
width:54%;
max-width:180px;
aspect-ratio:607/678;
}
.faq-column>details .brand-watermark{
width:42%;
max-width:112px;
aspect-ratio:607/678;
}
.contact-info-card>.brand-watermark,
.quote-form-light>.brand-watermark{
width:38%;
max-width:150px;
aspect-ratio:607/678;
}
.experience-card>*:not(.brand-watermark),
.differential-card>*:not(.brand-watermark),
.faq-column>details>summary,
.faq-column>details>p,
.contact-info-card>*:not(.brand-watermark),
.quote-form-light>*:not(.brand-watermark){
position:relative;
z-index:1;
}
.experience-card:hover .brand-watermark,
.differential-card:hover .brand-watermark,
.faq-column>details:hover .brand-watermark,
.contact-info-card:hover>.brand-watermark,
.quote-form-light:hover>.brand-watermark{
opacity:.055;
transform:translate(-50%,-50%) scale(1);
filter:saturate(1) drop-shadow(0 0 10px rgba(0,164,225,.05));
}
@media(max-width:680px){
.experience-card .brand-watermark,
.differential-card .brand-watermark{
width:50%;
max-width:150px;
}
}
@media(max-width:600px){
.contact-info-card>.brand-watermark,
.quote-form-light>.brand-watermark{
width:34%;
max-width:126px;
}
}
@media(prefers-reduced-motion:reduce){
.brand-watermark{transition:none}
}
/* v0.9.1 — scrollbar personalizada na identidade Magic4Kids */
html{
scrollbar-width:auto;
scrollbar-color:#10bdea #e7edf3;
}
::-webkit-scrollbar{
width:13px;
height:13px;
}
::-webkit-scrollbar-track{
background:#e7edf3;
}
::-webkit-scrollbar-thumb{
background:linear-gradient(180deg,#008cff 0%,#00c8e8 100%);
border-radius:999px;
border:2px solid #e7edf3;
}
::-webkit-scrollbar-thumb:hover{
background:linear-gradient(180deg,#007bdc 0%,#00acd0 100%);
}
::-webkit-scrollbar-corner{
background:#e7edf3;
}
/* v0.9.2 — botão flutuante configurável do WhatsApp */
.floating-whatsapp-button{
position:fixed;
right:28px;
bottom:28px;
z-index:900;
min-height:56px;
padding:0 21px 0 17px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
color:#fff;
text-decoration:none;
background:linear-gradient(90deg,#078ed9 0%,#00bfe8 100%);
border:1px solid rgba(255,255,255,.22);
box-shadow:0 16px 36px rgba(0,118,190,.28),0 0 0 7px rgba(0,174,226,.06);
font-family:Inter,sans-serif;
font-size:13px;
font-weight:800;
white-space:nowrap;
transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.floating-whatsapp-button::before{
content:"";
position:absolute;
inset:-8px;
border-radius:inherit;
border:1px solid rgba(0,190,232,.10);
pointer-events:none;
}
.floating-whatsapp-icon{
width:24px;
height:24px;
display:grid;
place-items:center;
flex:0 0 24px;
}
.floating-whatsapp-icon svg{
width:24px;
height:24px;
display:block;
fill:currentColor;
}
.floating-whatsapp-label{line-height:1}
.floating-whatsapp-button:hover{
transform:translateY(-4px);
filter:brightness(1.035);
box-shadow:0 22px 42px rgba(0,118,190,.34),0 0 0 9px rgba(0,174,226,.08);
}
.floating-whatsapp-button:focus-visible{
outline:3px solid rgba(0,200,232,.30);
outline-offset:4px;
}
@media(max-width:700px){
.floating-whatsapp-button{
right:16px;
bottom:calc(16px + env(safe-area-inset-bottom,0px));
width:56px;
min-width:56px;
height:56px;
min-height:56px;
padding:0;
gap:0;
border-radius:50%;
box-shadow:0 14px 30px rgba(0,118,190,.28),0 0 0 6px rgba(0,174,226,.055);
}
.floating-whatsapp-label{display:none}
.floating-whatsapp-icon,.floating-whatsapp-icon svg{width:25px;height:25px}
}
@media(prefers-reduced-motion:reduce){.floating-whatsapp-button{transition:none}}
/* v0.10.2 — rodapé premium, menu completo e redes sociais */
.site-footer{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 18% 16%,rgba(0,140,255,.09),transparent 26%),
radial-gradient(circle at 84% 38%,rgba(0,200,232,.065),transparent 24%),
linear-gradient(180deg,#04080d 0%,#020609 100%);
border-top:1px solid rgba(73,183,235,.16);
color:#91a9bb;
padding:58px 0 0;
}
.site-footer::before{
content:"";
position:absolute;
top:0;
left:50%;
width:min(1120px,80%);
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,rgba(55,202,255,.65),transparent);
}
.footer-main{
position:relative;
display:grid;
grid-template-columns:1.05fr 1.2fr .85fr;
gap:70px;
align-items:start;
padding-bottom:42px;
}
.footer-brand{max-width:320px}
.footer-logo{display:inline-flex;align-items:center;text-decoration:none}
.footer-logo img{width:190px;height:70px;object-fit:contain;object-position:left center;display:block}
.footer-brand p{margin:12px 0 12px;color:#c4d2de;font-size:13px;line-height:1.65;max-width:30ch}
.footer-location{display:block;font-size:11px;color:#7090a7;line-height:1.6}
.footer-kicker{display:block;color:#52d5ff;font-size:9px;font-weight:800;letter-spacing:.19em;margin:10px 0 16px}
.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px}
.footer-nav a{position:relative;color:#a8bac8;text-decoration:none;font-size:12px;font-weight:650;padding:4px 0 4px 13px;transition:color .2s ease,transform .2s ease}
.footer-nav a::before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:#1ab9ec;transform:translateY(-50%);opacity:.55;transition:opacity .2s ease,box-shadow .2s ease}
.footer-nav a:hover{color:#fff;transform:translateX(2px)}
.footer-nav a:hover::before{opacity:1;box-shadow:0 0 10px rgba(26,185,236,.55)}
.footer-social-wrap p{margin:0 0 17px;font-size:12px;line-height:1.6;color:#8ea5b7;max-width:26ch}
.footer-socials{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.footer-socials a{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#a7dff2;text-decoration:none;border:1px solid rgba(63,171,220,.2);background:rgba(12,29,43,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.footer-socials a svg{width:20px;height:20px;display:block}
.footer-socials a:hover{transform:translateY(-3px);color:#fff;border-color:rgba(52,205,255,.5);background:rgba(10,91,128,.42);box-shadow:0 10px 24px rgba(0,117,173,.13),0 0 18px rgba(52,205,255,.08)}
.footer-bottom{position:relative;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid rgba(128,170,200,.12);font-size:10px;color:#688296}
.footer-bottom p{margin:0;line-height:1.5}
.footer-developer{color:#7f9bad;text-decoration:none;transition:color .2s ease}
.footer-developer strong{color:#39c8f5;font-weight:750}
.footer-developer:hover,.footer-developer:hover strong{color:#fff}
@media(max-width:900px){
.footer-main{grid-template-columns:1fr 1fr;gap:36px 46px}
.footer-social-wrap{grid-column:1/-1}
.footer-social-wrap p{max-width:none}
}
@media(max-width:620px){
.site-footer{padding-top:44px}
.footer-main{grid-template-columns:1fr;gap:30px;padding-bottom:30px}
.footer-brand{max-width:none}
.footer-social-wrap{grid-column:auto}
.footer-nav{grid-template-columns:1fr 1fr}
.footer-bottom{padding-top:18px;padding-bottom:18px;align-items:flex-start;flex-direction:column;gap:8px}
.footer-logo img{width:175px;height:62px}
}
@media(prefers-reduced-motion:reduce){.footer-nav a,.footer-socials a,.footer-developer{transition:none}}
/* v0.10.4 — popup de consentimento de cookies */
.cookie-consent{
position:fixed;
left:24px;
bottom:24px;
z-index:2200;
width:min(470px,calc(100vw - 48px));
display:grid;
grid-template-columns:52px minmax(0,1fr);
gap:14px 16px;
align-items:start;
padding:18px;
border-radius:24px;
border:1px solid rgba(69,190,240,.22);
background:linear-gradient(145deg,rgba(7,19,31,.97),rgba(5,12,20,.985));
box-shadow:0 24px 58px rgba(0,0,0,.28),0 0 30px rgba(0,157,224,.06);
color:#fff;
opacity:0;
transform:translateY(16px) scale(.985);
transition:opacity .26s ease,transform .26s ease;
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
}
.cookie-consent[hidden]{display:none!important}
.cookie-consent.is-visible{opacity:1;transform:translateY(0) scale(1)}
.cookie-consent::before{
content:"";
position:absolute;
left:22px;
top:0;
width:72px;
height:2px;
border-radius:999px;
background:linear-gradient(90deg,#008cff,#00c8e8);
box-shadow:0 0 16px rgba(0,200,232,.22);
}
.cookie-consent-icon{
width:52px;
height:52px;
border-radius:17px;
display:grid;
place-items:center;
background:linear-gradient(180deg,rgba(0,140,255,.13),rgba(0,200,232,.055));
border:1px solid rgba(66,203,249,.18);
color:#55d6ff;
}
.cookie-consent-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.cookie-consent-copy{min-width:0;padding-top:1px}
.cookie-consent-copy strong{display:block;font:700 17px/1.25 Poppins,Inter,sans-serif;letter-spacing:-.015em;color:#f7fbff}
.cookie-consent-copy p{margin:7px 0 0;color:#a9bdcc;font-size:12px;line-height:1.62}
.cookie-consent-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:1px}
.cookie-btn{
min-height:39px;
padding:0 17px;
border-radius:12px;
border:1px solid transparent;
font:700 12px Inter,sans-serif;
cursor:pointer;
transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease;
}
.cookie-btn:hover{transform:translateY(-1px)}
.cookie-btn-secondary{background:rgba(255,255,255,.035);border-color:rgba(139,174,197,.22);color:#b9c9d5}
.cookie-btn-secondary:hover{border-color:rgba(95,203,245,.34);color:#e9f8ff;background:rgba(38,156,207,.07)}
.cookie-btn-primary{background:linear-gradient(90deg,#008cff,#00bfe9);color:#fff;box-shadow:0 10px 24px rgba(0,140,255,.17)}
.cookie-btn-primary:hover{box-shadow:0 13px 28px rgba(0,160,226,.24)}
@media(max-width:620px){
.cookie-consent{left:14px;right:14px;bottom:14px;width:auto;padding:16px;border-radius:21px;grid-template-columns:44px minmax(0,1fr);gap:12px}
.cookie-consent-icon{width:44px;height:44px;border-radius:14px}
.cookie-consent-icon svg{width:23px;height:23px}
.cookie-consent-copy strong{font-size:15px}
.cookie-consent-copy p{font-size:11px;line-height:1.55}
.cookie-consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cookie-btn{width:100%;padding:0 12px}
}
@media(prefers-reduced-motion:reduce){.cookie-consent,.cookie-btn{transition:none}}
.footer-bottom-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.footer-cookie-settings{padding:0;border:0;background:none;color:#718b9e;font:600 11px Inter,sans-serif;cursor:pointer;transition:color .2s ease}
.footer-cookie-settings:hover{color:#42cffa}
@media(max-width:720px){.footer-bottom-actions{justify-content:flex-start}}
/* v0.10.8 — vídeos enviados diretamente na galeria dos robôs */
.robot-modal-stage video{
width:100%;
height:100%;
display:block;
object-fit:contain;
background:#000;
}
/* v0.10.11 — área da logomarca ampliada para preservar a leitura da assinatura */
@media(max-width:900px){
.site-logo{display:inline-flex;align-items:center;flex:0 0 auto}
.site-logo img{width:175px;height:58px;object-fit:contain;object-position:left center}
}
@media(max-width:600px){
.site-logo img{width:165px;height:54px}
}
/* v0.10.12 — Nossos Robôs: 2 linhas iniciais e expansão de 1 linha por clique */
.robot-showcase-list{position:relative}
.robot-showcase-card.is-list-hidden{display:none}
.robot-showcase-card.is-list-reveal{
animation:robotCardReveal .42s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes robotCardReveal{
from{opacity:0;transform:translateY(16px) scale(.985)}
to{opacity:1;transform:translateY(0) scale(1)}
}
.robot-list-more-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
margin-top:28px;
}
.robot-list-more-wrap[hidden]{display:none!important}
.robot-list-more{
width:48px;
height:48px;
border-radius:50%;
border:1px solid rgba(0,140,255,.24);
background:rgba(255,255,255,.82);
color:#078ee8;
display:grid;
place-items:center;
padding:0;
cursor:pointer;
box-shadow:0 12px 28px rgba(18,54,82,.09),inset 0 1px 0 rgba(255,255,255,.95);
transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
}
.robot-list-more svg{
width:21px;
height:21px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
transition:transform .28s ease;
}
.robot-list-more:hover{
transform:translateY(-3px);
border-color:rgba(0,174,235,.55);
background:#fff;
color:#00aee8;
box-shadow:0 16px 34px rgba(18,54,82,.14),0 0 18px rgba(0,174,235,.08);
}
.robot-list-more.is-collapse svg{transform:rotate(180deg)}
.robot-list-more-label{
color:#758797;
font-size:10px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
transition:color .2s ease;
}
.robot-list-more-wrap:hover .robot-list-more-label{color:#078ee8}
.robot-theme-blue .robot-list-more,
.robot-theme-dark .robot-list-more{
background:rgba(7,20,32,.92);
border-color:rgba(70,190,240,.3);
color:#58d6ff;
box-shadow:0 12px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04);
}
.robot-theme-blue .robot-list-more:hover,
.robot-theme-dark .robot-list-more:hover{
background:#0a1b2a;
border-color:rgba(82,216,255,.6);
color:#8ae7ff;
}
.robot-theme-blue .robot-list-more-label,
.robot-theme-dark .robot-list-more-label{color:#7191a6}
@media(max-width:650px){
.robot-list-more-wrap{margin-top:22px}
.robot-list-more{width:46px;height:46px}
}
@media(prefers-reduced-motion:reduce){
.robot-showcase-card.is-list-reveal{animation:none}
.robot-list-more,.robot-list-more svg{transition:none}
}
/* v0.10.13 — ações da foto no lightbox: imprimir, compartilhar e baixar */
.gallery-lightbox-actions{
position:relative;
z-index:6;
display:flex;
align-items:center;
justify-content:center;
gap:9px;
padding:12px 18px;
background:linear-gradient(180deg,#081522,#07111c);
border-top:1px solid rgba(95,187,232,.12);
}
.gallery-lightbox-actions[hidden]{display:none!important}
.gallery-action-btn{
height:40px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:0 15px;
border-radius:12px;
border:1px solid rgba(98,190,235,.2);
background:rgba(12,29,43,.82);
color:#dceaf4;
font:700 11px/1 Inter,sans-serif;
cursor:pointer;
transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease;
}
.gallery-action-btn svg{
width:17px;
height:17px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.gallery-action-btn:hover{
transform:translateY(-2px);
color:#70dcff;
border-color:rgba(82,210,255,.45);
background:rgba(11,38,57,.96);
box-shadow:0 9px 22px rgba(0,0,0,.18),0 0 16px rgba(0,174,235,.06);
}
.gallery-share-wrap{position:relative}
.gallery-share-menu{
position:absolute;
left:50%;
bottom:calc(100% + 10px);
width:238px;
transform:translateX(-50%);
padding:8px;
border-radius:16px;
border:1px solid rgba(89,185,231,.22);
background:rgba(6,17,28,.98);
box-shadow:0 24px 60px rgba(0,0,0,.42);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
z-index:20;
}
.gallery-share-menu[hidden]{display:none!important}
.gallery-share-menu button{
width:100%;
min-height:40px;
display:flex;
align-items:center;
gap:11px;
padding:8px 10px;
border:0;
border-radius:10px;
background:transparent;
color:#d7e5ef;
font:600 11px/1.3 Inter,sans-serif;
text-align:left;
cursor:pointer;
transition:background .18s ease,color .18s ease;
}
.gallery-share-menu button:hover{background:rgba(33,183,235,.1);color:#70dcff}
.gallery-share-menu svg{
width:18px;
height:18px;
flex:0 0 18px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.gallery-share-menu [data-share-facebook] svg{fill:currentColor;stroke:none}
.gallery-lightbox-toast{
position:absolute;
left:50%;
bottom:76px;
z-index:30;
transform:translate(-50%,10px);
padding:9px 13px;
border-radius:999px;
background:rgba(5,15,24,.94);
border:1px solid rgba(83,202,247,.22);
color:#cfefff;
font:700 10px/1 Inter,sans-serif;
box-shadow:0 12px 30px rgba(0,0,0,.28);
opacity:0;
pointer-events:none;
transition:opacity .2s ease,transform .2s ease;
}
.gallery-lightbox-toast:empty{display:none}
.gallery-lightbox-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:560px){
.gallery-lightbox-actions{
justify-content:space-between;
gap:7px;
padding:10px 12px;
}
.gallery-action-btn{
width:44px;
height:42px;
padding:0;
border-radius:12px;
}
.gallery-action-btn span{display:none}
.gallery-action-btn svg{width:19px;height:19px}
.gallery-share-menu{
left:50%;
width:min(248px,calc(100vw - 34px));
}
.gallery-lightbox-toast{bottom:68px;max-width:calc(100% - 30px);white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
.gallery-action-btn,.gallery-lightbox-toast{transition:none}
}
/* v0.10.14 — confirmação obrigatória + proteção anti-spam no formulário */
.quote-human-check{
margin-top:-2px;
}
.quote-human-label{
display:flex!important;
align-items:flex-start;
gap:12px;
width:100%;
margin:0!important;
padding:14px 15px;
border:1px solid #d8e3ec;
border-radius:14px;
background:linear-gradient(180deg,#fbfdff,#f7fafc);
cursor:pointer;
transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.quote-human-label:hover{
border-color:#bcd9ea;
background:#fbfeff;
}
.quote-human-label:has(input:focus-visible){
border-color:#008cff;
box-shadow:0 0 0 3px rgba(0,140,255,.08);
}
.quote-human-label:has(input:checked){
border-color:rgba(0,174,235,.38);
background:linear-gradient(180deg,rgba(235,249,255,.8),rgba(247,252,255,.98));
}
.quote-human-label input{
position:absolute;
opacity:0;
pointer-events:none;
}
.quote-human-box{
width:22px;
height:22px;
flex:0 0 22px;
display:grid;
place-items:center;
margin-top:1px;
border-radius:7px;
border:1px solid #bfd0df;
background:#fff;
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.quote-human-box svg{
width:15px;
height:15px;
fill:none;
stroke:currentColor;
stroke-width:2.2;
stroke-linecap:round;
stroke-linejoin:round;
opacity:0;
transform:scale(.75);
transition:opacity .16s ease,transform .16s ease;
}
.quote-human-label input:checked + .quote-human-box{
background:linear-gradient(135deg,#078df0,#08c0e7);
border-color:#08aee8;
box-shadow:0 7px 16px rgba(0,140,255,.18);
}
.quote-human-label input:checked + .quote-human-box svg{
opacity:1;
transform:scale(1);
}
.quote-human-copy{
display:grid;
gap:3px;
min-width:0;
}
.quote-human-copy strong{
color:#26384b;
font-size:12px;
line-height:1.35;
}
.quote-human-copy small{
color:#78899a;
font-size:10px;
line-height:1.45;
}
@media(max-width:600px){
.quote-human-label{padding:13px}
.quote-human-copy strong{font-size:11px}
.quote-human-copy small{font-size:9.5px}
}