.s-p-caixaferramentas{--primary: #112A5A;--primary-light: #2B5C9D;--primary-dark: #0B1C3E;--accent: #F39C12;--accent-hover: #D68910;--bg-page: #F7F9FC;--bg-soft: #F1F5FA;--card-bg: #FFFFFF;--text-main: #27364D;--text-muted: #66758A;--border-color: #E2E8F0;--radius: 14px;--shadow-soft: 0 14px 34px rgba(0,0,0,0.08);--transition: all 0.35s cubic-bezier(0.165,0.84,0.44,1)}
:where(.s-p-caixaferramentas) *{ margin:0; padding:0; box-sizing:border-box; font-family:'Inter',sans-serif; }
.s-p-caixaferramentas{background:var(--primary-dark);scroll-behavior:smooth;scrollbar-width:none}
.s-p-caixaferramentas html::-webkit-scrollbar,.s-p-caixaferramentas body::-webkit-scrollbar{ display:none; width:0; height:0; }
.s-p-caixaferramentas{background:var(--primary-dark);color:var(--text-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.s-p-caixaferramentas a,.s-p-caixaferramentas button{ -webkit-tap-highlight-color:transparent; }
.s-p-caixaferramentas .container{ width:100%; max-width:1320px; margin:0 auto; padding:0 4%; }
.s-p-caixaferramentas .section{ padding:66px 0; background:var(--bg-page); }
.s-p-caixaferramentas .section.alt{ background:var(--bg-soft); }
.s-p-caixaferramentas .section-header{ margin-bottom:30px; }
.s-p-caixaferramentas .section-kicker{ display:block; color:var(--accent); font-size:12px; font-weight:800; letter-spacing:2.8px; text-transform:uppercase; margin-bottom:10px; }
.s-p-caixaferramentas .section-title{ display:block; font-size:32px; font-weight:900; letter-spacing:-1px; line-height:1.08; color:var(--primary); margin-bottom:10px; }
.s-p-caixaferramentas .section-title.divider{ position:relative; padding-bottom:12px; }
.s-p-caixaferramentas .section-title.divider::after{ content:""; position:absolute; left:0; bottom:0; width:78px; height:4px; border-radius:999px; background:linear-gradient(90deg,var(--accent),#ffc15d); }
.s-p-caixaferramentas .section-desc{ max-width:850px; color:var(--text-muted); font-size:15px; line-height:1.72; }
.s-p-caixaferramentas .card{ background:var(--card-bg); border:1px solid var(--border-color); border-radius:var(--radius); box-shadow:var(--shadow-soft); }
.s-p-caixaferramentas .btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 26px; border-radius:8px; text-decoration:none; font-size:14px; font-weight:800; letter-spacing:.3px; transition:var(--transition); cursor:pointer; border:none; text-align:center; }
.s-p-caixaferramentas .btn-primary{ background:var(--accent); color:#fff; box-shadow:0 10px 24px rgba(243,156,18,.26); }
.s-p-caixaferramentas .btn-primary:hover{ background:var(--accent-hover); transform:translateY(-2px); }
.s-p-caixaferramentas .btn-secondary{ background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(6px); }
.s-p-caixaferramentas .btn-secondary:hover{ background:rgba(255,255,255,.18); }
.s-p-caixaferramentas .btn-catalog{ background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.24); }
.s-p-caixaferramentas .btn-catalog:hover{ background:rgba(255,255,255,.24); transform:translateY(-2px); }
.s-p-caixaferramentas .hero{ position:relative; min-height:390px; display:flex; align-items:center; overflow:hidden; background:linear-gradient(135deg,var(--primary),var(--primary-dark)); }
.s-p-caixaferramentas .hero-bg{ position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.03); }
.s-p-caixaferramentas .hero-overlay{ position:absolute; inset:0; background:linear-gradient(90deg,rgba(17,42,90,.92) 0%,rgba(17,42,90,.75) 46%,rgba(9,18,38,.2) 100%),linear-gradient(180deg,rgba(9,18,38,.08),rgba(9,18,38,.3)); }
.s-p-caixaferramentas .hero-watermark{ position:absolute; right:4%; top:34px; font-size:8.2vw; font-weight:900; color:rgba(255,255,255,.05); letter-spacing:-4px; white-space:nowrap; user-select:none; }
.s-p-caixaferramentas .hero-content{ position:relative; z-index:2; max-width:720px; padding:42px 0; color:#fff; }
.s-p-caixaferramentas .hero-kicker{ display:inline-block; color:var(--accent); font-size:12px; font-weight:800; letter-spacing:3px; text-transform:uppercase; margin-bottom:14px; }
.s-p-caixaferramentas .hero-title{ font-size:44px; line-height:1.04; font-weight:900; letter-spacing:-1.6px; margin-bottom:14px; }
.s-p-caixaferramentas .hero-desc{ font-size:15px; line-height:1.62; color:rgba(255,255,255,.9); max-width:630px; margin-bottom:24px; }
.s-p-caixaferramentas .hero-actions{ display:flex; gap:14px; flex-wrap:wrap; }
.s-p-caixaferramentas .intro-grid{ display:grid; grid-template-columns:1.08fr .92fr; gap:28px; align-items:stretch; }
.s-p-caixaferramentas .intro-card{ padding:28px; }
.s-p-caixaferramentas .lead{ font-size:15px; line-height:1.78; color:#556579; margin-bottom:16px; }
.s-p-caixaferramentas .lead strong{ color:var(--primary); }
.s-p-caixaferramentas .highlight-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:24px; }
.s-p-caixaferramentas .highlight-item{ display:flex; gap:12px; align-items:flex-start; padding:14px 15px; background:#F8FAFD; border:1px solid var(--border-color); border-radius:12px; }
.s-p-caixaferramentas .highlight-item i{ color:var(--accent); margin-top:4px; font-size:15px; }
.s-p-caixaferramentas .highlight-item strong{ display:block; color:var(--primary); font-size:14px; margin-bottom:4px; }
.s-p-caixaferramentas .highlight-item span{ color:var(--text-muted); font-size:12.8px; line-height:1.56; }
.s-p-caixaferramentas .visual-box{ position:relative; overflow:hidden; border-radius:var(--radius); min-height:200px; box-shadow:var(--shadow-soft); background:#EAF0F8; }
.s-p-caixaferramentas .visual-box img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease; }
.s-p-caixaferramentas .visual-box:hover img{ transform:scale(1.03); }
.s-p-caixaferramentas .cta-section{ position:relative; overflow:hidden; background:linear-gradient(135deg,var(--primary),var(--primary-dark)); color:#fff; padding:58px 0 72px; }
.s-p-caixaferramentas .cta-section::before{ content:""; position:absolute; inset:0; background:radial-gradient(circle at top right,rgba(255,255,255,.06),transparent 30%),radial-gradient(circle at bottom left,rgba(243,156,18,.12),transparent 30%); pointer-events:none; }
.s-p-caixaferramentas .cta-layout{ position:relative; z-index:2; display:grid; grid-template-columns:1fr .92fr; gap:24px; align-items:stretch; }
.s-p-caixaferramentas .cta-text{ padding:12px 0; }
.s-p-caixaferramentas .cta-title{ font-size:34px; line-height:1.08; font-weight:900; letter-spacing:-1px; margin-bottom:14px; }
.s-p-caixaferramentas .cta-text p{ font-size:15px; line-height:1.72; color:rgba(255,255,255,.85); margin-bottom:18px; max-width:660px; }
.s-p-caixaferramentas .cta-points{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; margin:20px 0 24px; }
.s-p-caixaferramentas .cta-points div{ display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.95); font-size:13.5px; font-weight:600; }
.s-p-caixaferramentas .cta-points i{ color:var(--accent); }
.s-p-caixaferramentas .cta-actions{ display:flex; gap:14px; flex-wrap:wrap; }
.s-p-caixaferramentas .cta-card{ align-self:center; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:18px; backdrop-filter:blur(8px); padding:24px; box-shadow:0 16px 32px rgba(0,0,0,.18); }
.s-p-caixaferramentas .cta-card h3{ font-size:23px; margin-bottom:12px; font-weight:800; }
.s-p-caixaferramentas .cta-card p{ color:rgba(255,255,255,.82); line-height:1.68; font-size:13.5px; margin-bottom:16px; }
.s-p-caixaferramentas .contact-mini{ display:grid; gap:12px; }
.s-p-caixaferramentas .contact-mini a{ display:flex; align-items:center; gap:12px; text-decoration:none; color:#fff; padding:12px 14px; border-radius:12px; border:1px solid rgba(255,255,255,.12); transition:var(--transition); font-size:13.5px; font-weight:600; min-width:0; }
.s-p-caixaferramentas .contact-mini a:hover{ background:rgba(255,255,255,.08); }
.s-p-caixaferramentas .contact-mini i{ color:var(--accent); width:18px; text-align:center; flex:0 0 auto; }
.s-p-caixaferramentas .page-dark-end{ height:34px; background:var(--primary-dark); }
.s-p-caixaferramentas .section-jump-nav{
            position: relative;
            z-index: 50;
            width: 100%;
            background: #17376F;
            border-top: 1px solid rgba(255,255,255,0.08);
            border-bottom: 1px solid rgba(255,255,255,0.12);
            box-shadow: 0 10px 24px rgba(8,18,38,0.16);
        }
.s-p-caixaferramentas .jump-nav-container{
            width: 100%;
            max-width: 1320px;
            margin: 0 auto;
            padding: 0 4%;
        }
.s-p-caixaferramentas .jump-nav-desktop{
            min-height: 64px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            flex-wrap: wrap;
            padding: 10px 0;
        }
.s-p-caixaferramentas .jump-link{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-height: 39px;
            padding: 0 16px;
            border: 1px solid rgba(255,255,255,0.22);
            border-radius: 999px;
            background: rgba(255,255,255,0.16);
            color: rgba(255,255,255,0.98);
            font-size: 12.5px;
            font-weight: 750;
            white-space: nowrap;
            cursor: pointer;
            transition: all 0.28s ease;
        }
.s-p-caixaferramentas .jump-link i{
            color: #FFD17F;
            font-size: 12px;
        }
.s-p-caixaferramentas .jump-link:hover,.s-p-caixaferramentas .jump-link:focus-visible,.s-p-caixaferramentas .jump-link.active{
            color: #FFFFFF;
            background: #F5AA2B;
            border-color: #F5AA2B;
            outline: none;
            box-shadow: 0 8px 18px rgba(243,156,18,0.22);
        }
.s-p-caixaferramentas .jump-link:hover i,.s-p-caixaferramentas .jump-link:focus-visible i,.s-p-caixaferramentas .jump-link.active i{
            color: #FFFFFF;
        }
.s-p-caixaferramentas .jump-nav-mobile{
            display: none;
        }
.s-p-caixaferramentas .jump-select-wrap{
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
        }
.s-p-caixaferramentas .jump-select-icon{
            position: absolute;
            left: 16px;
            z-index: 2;
            color: #FFD17F;
            font-size: 13px;
            pointer-events: none;
        }
.s-p-caixaferramentas .jump-select-chevron{
            position: absolute;
            right: 16px;
            z-index: 2;
            color: rgba(255,255,255,0.94);
            font-size: 12px;
            pointer-events: none;
        }
.s-p-caixaferramentas .jump-select{
            width: 100%;
            min-height: 48px;
            padding: 0 44px 0 43px;
            border: 1px solid rgba(255,255,255,0.24);
            border-radius: 10px;
            appearance: none;
            -webkit-appearance: none;
            background: rgba(255,255,255,0.17);
            color: #FFFFFF;
            font-size: 13px;
            font-weight: 750;
            cursor: pointer;
            outline: none;
            box-shadow: 0 8px 18px rgba(0,0,0,0.10);
        }
.s-p-caixaferramentas .jump-select:focus{
            border-color: rgba(255,209,127,0.82);
            box-shadow: 0 0 0 3px rgba(243,156,18,0.17);
        }
.s-p-caixaferramentas .jump-select option{
            background: #17376F;
            color: #FFFFFF;
        }
.s-p-caixaferramentas .contact-mini a,.s-p-caixaferramentas .contact-mini span,.s-p-caixaferramentas .section-desc,.s-p-caixaferramentas .lead,.s-p-caixaferramentas p,.s-p-caixaferramentas h1,.s-p-caixaferramentas h2,.s-p-caixaferramentas h3{
            overflow-wrap: anywhere;
        }
@media (max-width: 768px){.s-p-caixaferramentas .section-jump-nav{
                padding: 8px 0;
            }
.s-p-caixaferramentas .jump-nav-container{
                padding-left: 18px;
                padding-right: 18px;
            }
.s-p-caixaferramentas .jump-nav-desktop{
                display: none;
            }
.s-p-caixaferramentas .jump-nav-mobile{
                display: block;
                width: 100%;
            }}
@media (max-width: 480px){.s-p-caixaferramentas .jump-nav-container{
                padding-left: 16px;
                padding-right: 16px;
            }
.s-p-caixaferramentas .jump-select{
                font-size: 12.5px;
            }}
.s-p-caixaferramentas .intro-gallery{ display:grid; grid-template-columns:1fr; gap:16px; align-content:center; }
.s-p-caixaferramentas .intro-gallery .visual-box{ width:100%; min-height:0; aspect-ratio:16/9; }
.s-p-caixaferramentas .benefits-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.s-p-caixaferramentas .benefit-card{ padding:24px 20px; }
.s-p-caixaferramentas .benefit-card i{ color:var(--accent); font-size:22px; margin-bottom:14px; }
.s-p-caixaferramentas .benefit-card h3{ color:var(--primary); font-size:16px; font-weight:800; margin-bottom:8px; }
.s-p-caixaferramentas .benefit-card p{ font-size:12.8px; line-height:1.62; color:var(--text-muted); }
.s-p-caixaferramentas .options-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.s-p-caixaferramentas .option-card{ padding:28px 24px; }
.s-p-caixaferramentas .option-icon{ width:50px; height:50px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; background:rgba(243,156,18,.12); color:var(--accent); font-size:21px; margin-bottom:16px; }
.s-p-caixaferramentas .option-card h3{ color:var(--primary); font-size:20px; font-weight:900; margin-bottom:10px; }
.s-p-caixaferramentas .option-card p{ color:var(--text-muted); font-size:13.2px; line-height:1.66; margin-bottom:14px; }
.s-p-caixaferramentas .mini-list{ display:grid; gap:9px; }
.s-p-caixaferramentas .mini-list div{ display:flex; gap:10px; align-items:center; color:#536579; font-size:13px; font-weight:600; }
.s-p-caixaferramentas .mini-list i{ color:var(--accent); }
.s-p-caixaferramentas .app-layout{ display:grid; grid-template-columns:.95fr 1.05fr; gap:24px; align-items:stretch; }
.s-p-caixaferramentas .app-card{ padding:28px; }
.s-p-caixaferramentas .check-list{ display:grid; gap:12px; margin-top:18px; }
.s-p-caixaferramentas .check-item{ display:flex; gap:12px; align-items:flex-start; padding:13px 14px; border-radius:12px; border:1px solid var(--border-color); background:#FBFCFE; }
.s-p-caixaferramentas .check-item i{ color:var(--accent); margin-top:4px; }
.s-p-caixaferramentas .check-item strong{ display:block; font-size:14px; color:var(--primary); margin-bottom:4px; }
.s-p-caixaferramentas .check-item span{ display:block; font-size:12.8px; line-height:1.6; color:var(--text-muted); }
.s-p-caixaferramentas .app-gallery{ display:grid; grid-template-columns:1fr; gap:16px; }
.s-p-caixaferramentas .app-gallery .visual-box{ min-height:100%; }
.s-p-caixaferramentas .app-gallery .visual-box img{ min-height:100%; }
@media (max-width:1100px){.s-p-caixaferramentas .intro-grid,.s-p-caixaferramentas .app-layout,.s-p-caixaferramentas .cta-layout{ grid-template-columns:1fr; }
.s-p-caixaferramentas .benefits-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media (max-width:768px){.s-p-caixaferramentas .container{ padding-left:18px; padding-right:18px; }
.s-p-caixaferramentas .section{ padding:44px 0; }
.s-p-caixaferramentas .hero{ min-height:510px; }
.s-p-caixaferramentas .hero-bg{ background-position:62% center; }
.s-p-caixaferramentas .hero-content{ padding:38px 0; }
.s-p-caixaferramentas .hero-watermark{ display:none; }
.s-p-caixaferramentas .hero-title{ font-size:clamp(29px,8.5vw,36px); }
.s-p-caixaferramentas .hero-desc{ font-size:14px; }
.s-p-caixaferramentas .hero-actions{ flex-direction:column; }
.s-p-caixaferramentas .btn{ width:100%; padding-left:15px; padding-right:15px; }
.s-p-caixaferramentas .section-title{ font-size:clamp(25px,7.2vw,30px); }
.s-p-caixaferramentas .section-desc,.s-p-caixaferramentas .lead{ font-size:13.8px; line-height:1.66; }
.s-p-caixaferramentas .intro-card,.s-p-caixaferramentas .app-card,.s-p-caixaferramentas .option-card,.s-p-caixaferramentas .cta-card{ padding:21px 18px; }
.s-p-caixaferramentas .highlight-grid,.s-p-caixaferramentas .benefits-grid,.s-p-caixaferramentas .options-grid,.s-p-caixaferramentas .cta-points{ grid-template-columns:1fr; }
.s-p-caixaferramentas .benefit-card{ display:grid; grid-template-columns:40px minmax(0,1fr); grid-template-areas:"icon title" "icon text"; column-gap:12px; row-gap:4px; padding:17px 15px; }
.s-p-caixaferramentas .benefit-card > i{ grid-area:icon; margin:2px 0 0; font-size:20px; }
.s-p-caixaferramentas .benefit-card h3{ grid-area:title; margin:0; font-size:14px; }
.s-p-caixaferramentas .benefit-card p{ grid-area:text; font-size:12.5px; }
.s-p-caixaferramentas .intro-gallery .visual-box,.s-p-caixaferramentas .app-gallery .visual-box{ min-height:0; height:auto; aspect-ratio:16/10; }
.s-p-caixaferramentas .intro-gallery .visual-box img,.s-p-caixaferramentas .app-gallery .visual-box img{ height:100%; min-height:0; }
.s-p-caixaferramentas .cta-title{ font-size:clamp(26px,7.6vw,30px); }}
@media (max-width:430px){.s-p-caixaferramentas .container{ padding-left:16px; padding-right:16px; }
.s-p-caixaferramentas .hero{ min-height:490px; }
.s-p-caixaferramentas .intro-gallery .visual-box,.s-p-caixaferramentas .app-gallery .visual-box{ aspect-ratio:4/3; }}
/* botao convertido em link: baseline de baixa especificidade (:where) para nao sobrescrever o display/alinhamento do .btn original */
:where(.s-p-caixaferramentas) a[data-btn]{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;font-family:inherit}
.s-p-caixaferramentas .btn-catalog.is-unavailable{cursor:default;pointer-events:none}
/* barra de secoes: no Wix nunca ficava fixa (iframe de altura total); mantem o comportamento atual e evita ficar sob o cabecalho fixo */
.s-p-caixaferramentas .section-jump-nav{position:relative;top:auto}
/* evita estouro lateral em telas de 320px (item de grade com palavra longa em caixa alta) */
.s-p-caixaferramentas .cta-text{min-width:0;overflow-wrap:anywhere}
@media (max-width:1100px){.s-p-caixaferramentas .cta-layout,.s-p-caixaferramentas .intro-grid,.s-p-caixaferramentas .segments-layout{grid-template-columns:minmax(0,1fr)}}