/*
Theme Name: Octopus Flow
Theme URI: https://octopusflow.eu/
Author: Octopus Flow
Description: Tema dedicado ao microsite Octopus Flow, com configuração inicial manual, páginas legais e SEO integrado opcional.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: octopus-flow
*/
:root{--bg:#0b1220;--panel:#121e30;--line:#2c3d52;--text:#f4f8fc;--muted:#b9c8da;--blue:#39bbef;--cream:#f4f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3{line-height:1.14;letter-spacing:-.04em;margin:0 0 .65em}h1{font-size:clamp(2.6rem,4.5vw,4rem);font-weight:750}h2{font-size:clamp(2rem,3.5vw,3rem)}h3{font-size:1.25rem;letter-spacing:-.025em}p{margin:0 0 1.15em}svg{width:22px;height:22px;flex-shrink:0}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.section{padding:86px 0}.eyebrow{text-transform:uppercase;font-size:.74rem;font-weight:750;letter-spacing:.13em;color:var(--blue);margin-bottom:17px}.lead{font-size:1.08rem;color:var(--muted);max-width:660px}.muted{color:var(--muted)}.small{font-size:.82rem}.head{max-width:740px;margin-bottom:38px}.head p{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:12px 21px;border-radius:10px;font-weight:700;font-size:.9rem;border:1px solid transparent;cursor:pointer;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#092237}.btn-primary:hover{background:#75d7ff}.btn-outline{background:transparent;color:var(--text);border-color:#52657a}.btn-outline:hover{background:#223349}.btn svg{width:18px;height:18px}.actions{display:flex;flex-wrap:wrap;gap:12px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:#111;padding:12px}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:20;border-bottom:1px solid #253347;background:rgba(11,18,32,.98)}.admin-bar .header{top:32px}.navrow{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand img{display:block;width:180px;height:75px;object-fit:contain;background:transparent;padding:0;border:0}.nav{display:flex;align-items:center;gap:24px;font-size:.84rem;font-weight:600}.nav a:not(.btn){color:#c5d2df}.nav a:hover{color:var(--blue)}.nav .btn{min-height:42px;padding:9px 16px;font-size:.8rem}.navtoggle{display:none;background:transparent;color:white;border:1px solid var(--line);padding:9px 12px;border-radius:8px}.hero{padding:56px 0 62px;background:radial-gradient(ellipse at 86% 35%,#12435b65,transparent 55%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.hero h1 span{color:var(--blue)}.hero-subtitle{font-size:1.18rem;font-weight:650;color:#d6eaf5;margin-bottom:17px}.hero .lead{max-width:565px;margin-bottom:27px}.hero-note{font-size:.8rem;color:var(--muted);margin-top:17px}.kicker{display:inline-flex;gap:8px;align-items:center;font-size:.72rem;border:1px solid #3a5369;padding:5px 11px;border-radius:30px;margin-bottom:22px;color:#cfe9f5}.dot{width:7px;height:7px;background:var(--blue);border-radius:50%}.phone-scene{position:relative;min-height:595px;display:flex;align-items:center;justify-content:center}.phone{position:relative;width:320px;aspect-ratio:8/15;filter:drop-shadow(0 20px 30px #0005)}.phone-frame{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.phone-screen{position:absolute;top:6.6%;left:11.3%;width:77.4%;height:89.5%;background:#102030;border-radius:24px;overflow:hidden;z-index:2;display:flex;flex-direction:column}.screen-status{font-size:.59rem;color:#c8d8e5;padding:9px 13px 5px;display:flex;justify-content:space-between}.screen-header{background:#193248;padding:10px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #31506a}.screen-avatar{width:29px;height:29px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-size:.63rem;font-weight:800;color:#0c2437}.screen-header strong{display:block;font-size:.72rem}.screen-header small{display:block;font-size:.55rem;color:#b6d1e2}.screen-body{padding:13px 10px;display:flex;flex-direction:column;gap:11px;flex:1}.screen-label{text-align:center;font-size:.56rem;color:#9eb8ca;padding:4px}.bubble{font-size:.69rem;line-height:1.6;background:#25384b;padding:11px;border-radius:11px;max-width:96%}.bubble.client{margin-left:auto;background:#145266}.bubble .tag{display:block;font-size:.49rem;letter-spacing:.07em;text-transform:uppercase;color:#c4e4f1;margin-bottom:4px}.bubble p{margin:0}.system{font-size:.56rem;line-height:1.6;color:#c5dbe8;display:flex;gap:5px;padding:0 3px}.system svg{width:12px;height:12px;color:var(--blue);margin-top:2px}.screen-input{display:flex;justify-content:space-between;margin:7px 9px 18px;padding:9px 10px;background:#22374a;border-radius:17px;color:#adc1d0;font-size:.59rem}.screen-input svg{height:14px;width:14px;color:var(--blue)}.floatcard{position:absolute;z-index:3;background:#162c40;border:1px solid #45657d;box-shadow:0 12px 28px #0003;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:9px;font-size:.72rem;line-height:1.5;pointer-events:none}.floatcard svg{color:var(--blue);width:18px;height:18px}.floatcard strong{display:block;font-size:.72rem}.floatcard span{font-size:.62rem;color:var(--muted)}.floatcard.one{top:21%;right:-4px}.floatcard.two{bottom:20%;left:-5px}.phone-caption{position:absolute;bottom:-7px;font-size:.68rem;color:#a6bfd1;text-align:center}.promisebar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.promisegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.promisegrid div{display:flex;gap:10px;align-items:center;font-size:.82rem;font-weight:600}.promisegrid svg{color:var(--blue);width:20px;height:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.card{border:1px solid var(--line);border-radius:21px;padding:27px;background:var(--panel)}.card p{color:var(--muted);font-size:.92rem}.card p:last-child{margin:0}.iconbox{width:44px;height:44px;background:#39bbef16;color:var(--blue);border-radius:11px;display:grid;place-items:center;margin-bottom:23px}.light{background:var(--cream);color:#122337}.light .eyebrow{color:#006b92}.light .lead,.light .head p{color:#526276}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.service-title em{font-style:normal;color:#087da7}.service-item{display:grid;grid-template-columns:33px 1fr;gap:14px;border-top:1px solid #d4dce5;padding:20px 0}.num{font-size:.75rem;letter-spacing:.08em;color:var(--blue);font-weight:750}.service-item .num{color:#00789f}.service-item h3{font-size:1.05rem;margin-bottom:7px}.service-item p{font-size:.9rem;color:#526276;margin:0}.mini-note{border-left:3px solid var(--blue);background:#e8eff5;color:#43566a;padding:17px;font-size:.84rem;margin-top:25px}.case-shell{display:grid;grid-template-columns:290px 1fr;gap:25px}.case-tabs{display:flex;flex-direction:column;gap:10px}.case-tab{text-align:left;background:#111f31;color:var(--text);padding:19px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.case-tab strong{display:block;font-size:.95rem;margin-bottom:4px}.case-tab span{font-size:.78rem;color:var(--muted)}.case-tab[aria-selected=true]{background:#17415a;border-color:var(--blue)}.case-panel{background:var(--panel);padding:32px;border:1px solid var(--line);border-radius:20px}.case-panel h3{font-size:1.6rem}.case-panel p{color:var(--muted)}.case-path{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:23px 0}.case-path span{background:#24354b;border-radius:7px;padding:6px 10px;font-size:.74rem}.case-path i{font-style:normal;color:var(--blue)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);padding-top:20px}.twocol h4{margin:0 0 8px;color:var(--blue);font-size:.77rem;text-transform:uppercase;letter-spacing:.06em}.twocol p{font-size:.84rem;margin:0}.case-label{font-size:.7rem!important;color:#a6bdce!important;margin:21px 0 0}.case-panel[hidden]{display:none}.wa-block{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:center;border:1px solid #365267;border-radius:24px;padding:40px;background:linear-gradient(120deg,#123044,#101e31)}.stat{font-size:clamp(4rem,8vw,6.2rem);font-weight:750;letter-spacing:-.07em;line-height:1;color:var(--blue)}.stat-caption{font-size:.83rem;color:var(--muted);margin-top:15px;max-width:230px}.wa-block h2{font-size:2rem}.source{font-size:.7rem;color:#b2c3d4;margin-top:22px}.source a{text-decoration:underline}.section-tight{padding:0 0 75px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{border-top:2px solid #405367;padding-top:19px}.step .num{display:block;margin-bottom:17px}.step h3{font-size:1.1rem}.step p{font-size:.85rem;color:var(--muted)}.caption{font-size:.77rem;color:var(--muted);margin-top:22px}.integration{margin-top:35px;border:1px solid var(--line);padding:23px;border-radius:15px;display:flex;flex-wrap:wrap;gap:13px;align-items:center}.chip{border:1px solid #4a5c71;border-radius:25px;padding:5px 11px;font-size:.77rem}.integration p{margin:0;font-size:.8rem;color:var(--muted);flex-basis:100%}.confidence{background:#101d2d}.trustpoints{display:grid;gap:18px}.trustpoint{display:flex;gap:13px;align-items:flex-start}.trustpoint svg{color:var(--blue);margin-top:3px}.trustpoint h3{font-size:1rem;margin-bottom:6px}.trustpoint p{color:var(--muted);font-size:.85rem;margin:0}.light .card{background:white;border-color:#d7e0e8}.light .card p{color:#526276}.light .num{color:#00769c}.price-line{font-size:.8rem;color:#526276;margin-top:22px}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:650}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:1.5rem;color:var(--blue)}.faq details[open] summary:after{content:'−'}.faq p{font-size:.91rem;color:var(--muted);padding-bottom:13px}.contact{background:radial-gradient(ellipse at 10% 50%,#15577555,transparent 60%),#101c2d;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.contacts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.contact-person{display:flex;gap:10px;align-items:center}.personmark{width:37px;height:37px;flex-shrink:0;border:1px solid #558199;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:.7rem;font-weight:750}.contact-person strong{display:block;font-size:.85rem}.contact-person a{font-size:.79rem;color:#d5eaf4}.contact-person p{margin:0;line-height:1.6}.call-price{display:block;font-size:.63rem;color:#bbcede;margin-top:3px}.contact-form{padding:29px;border:1px solid #3c5169;background:#15253a;border-radius:20px}.contact-form h3{font-size:1.2rem}.field{margin-top:16px}.field label{display:block;font-size:.8rem;font-weight:650;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;background:#0e1b2d;border:1px solid #60778d;color:#fff;border-radius:8px;min-height:48px;font-size:.89rem}.field select{color-scheme:dark;cursor:pointer;appearance:auto;-webkit-appearance:menulist}.field select option{background:#fff;color:#102033}.field select option:disabled{color:#5b6672}.field textarea{resize:vertical;min-height:86px}.field input::placeholder,.field textarea::placeholder{color:#a7bbce}.form-actions{margin-top:21px;display:grid}.form-note{font-size:.72rem;color:#c2d1df;margin:14px 0 0}.form-note a{text-decoration:underline;text-underline-offset:3px}.prepared{margin-top:20px;padding:18px;background:#0b2b3a;border:1px solid #568ba1;border-radius:10px}.prepared[hidden]{display:none}.prepared h4{margin:0 0 10px}.prepared p{font-size:.82rem;white-space:pre-wrap}.prepared .btn{width:100%}footer{padding:34px 0 23px;background:#09101b;border-top:1px solid var(--line)}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{font-weight:800;letter-spacing:.06em;color:#d1e6f0;font-size:.88rem}.footer-identity{font-size:.75rem;color:#b8cad9;margin:10px 0}.footer-links{display:flex;flex-wrap:wrap;gap:18px;font-size:.76rem;color:#cfe3f1}.footer-links a{text-decoration:underline;text-underline-offset:4px}.complaints{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.complaints img{display:block;width:250px;max-width:100%;height:auto}.complaints span{font-size:.7rem;color:#ccdfed}.legal-foot{font-size:.68rem;color:#a3b7ca;margin:22px 0 0;border-top:1px solid #253649;padding-top:17px}.legal-page{padding:55px 0 85px;max-width:880px}.legal-page h1{font-size:clamp(2rem,4.5vw,3rem)}.legal-page h2{font-size:1.35rem;margin-top:35px;line-height:1.4;letter-spacing:-.025em}.legal-page h3{font-size:1.1rem;margin-top:25px}.legal-page p,.legal-page li{color:#d1deea;font-size:.95rem}.legal-page li{margin-bottom:8px}.legal-page a{color:#71d6ff;text-decoration:underline;text-underline-offset:3px}.legal-page ul{padding-left:22px}.legal-page img{max-width:100%;height:auto}.backlink{display:inline-block;margin-bottom:25px;font-size:.85rem}.post-list{margin:20px 0}.post-list article{padding:25px 0;border-bottom:1px solid var(--line)}.noscript{padding:12px;background:#16344a;color:white}
@media(max-width:1050px){.nav{gap:16px}.hero-grid{gap:20px}.phone-scene{min-height:570px}.phone{width:300px}.floatcard.one{right:-3px}.floatcard.two{left:0}.floatcard{padding:10px}.contacts{grid-template-columns:1fr}.contact-grid,.split{gap:32px}}
@media(max-width:782px){.admin-bar .header{top:46px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.section{padding:62px 0}.navrow{min-height:77px;flex-wrap:wrap;padding:8px 0}.brand img{width:160px;height:65px}.nav{width:100%;padding:12px 0 17px;flex-direction:column;align-items:stretch;gap:13px}.nav a{padding:5px}.js .navtoggle{display:block}.js .nav:not(.is-open){display:none}.hero{padding:45px 0 35px}.hero-grid,.split,.contact-grid{grid-template-columns:1fr;gap:34px}.hero h1{font-size:clamp(2.5rem,9vw,3.9rem)}.hero-subtitle{font-size:1.12rem}.phone-scene{width:min(440px,100%);justify-self:center;min-height:600px}.phone{width:320px}.floatcard.one{right:0}.floatcard.two{left:0}.promisegrid,.grid3{grid-template-columns:1fr}.promisegrid{gap:12px}.grid3{gap:15px}.card{padding:25px}.case-shell{grid-template-columns:1fr;gap:18px}.case-tab{padding:14px 18px}.case-panel{padding:24px}.case-panel h3{font-size:1.4rem}.wa-block{grid-template-columns:1fr;padding:28px;gap:22px}.stat-caption{max-width:none}.stat{font-size:4.8rem}.section-tight{padding:0 0 62px}.steps{grid-template-columns:1fr 1fr;gap:20px}.contacts{grid-template-columns:1fr 1fr}.contact-form{padding:23px}.footer-main{flex-direction:column;align-items:flex-start;gap:25px}.twocol{gap:15px}.phone-caption{bottom:-6px}}
@media(max-width:600px){.admin-bar .header{top:0}}
@media(max-width:400px){.steps,.twocol,.contacts{grid-template-columns:1fr}.actions .btn{width:100%}.phone{width:290px}.phone-scene{min-height:555px}.phone-screen{border-radius:20px}.bubble{font-size:.63rem}.floatcard{padding:8px}.floatcard.one{right:-4px;top:16%}.floatcard.two{left:-4px;bottom:14%}.floatcard span{display:none}.floatcard strong{font-size:.64rem}.hero h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.btn:hover{transform:none}}
@media print{body{background:white;color:#111}.header,.actions,.contact-form,footer{display:none}.section,.hero{padding:25px 0;background:white!important}.wrap{width:100%}.card,.case-panel,.wa-block{background:white!important;color:#111;border-color:#aaa}.head p,.lead,.card p,.step p,.legal-page p,.legal-page li{color:#333!important}.case-tabs{display:none}.case-shell{display:block}.case-panel[hidden]{display:block!important}.case-panel{margin-bottom:15px;break-inside:avoid}.phone-scene{display:none}.hero-grid{display:block}}