{"id":4021,"date":"2025-11-09T05:23:32","date_gmt":"2025-11-09T05:23:32","guid":{"rendered":"https:\/\/prontosolucoes.pt\/?page_id=4021"},"modified":"2026-02-06T01:29:40","modified_gmt":"2026-02-06T01:29:40","slug":"tecnicos","status":"publish","type":"page","link":"https:\/\/prontosolucoes.pt\/pt\/tecnicos\/","title":{"rendered":"T\u00e9cnicos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4021\" class=\"elementor elementor-4021\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1e4ef8 e-con-full pro-hero-host e-flex e-con e-parent\" data-id=\"b1e4ef8\" data-element_type=\"container\" data-e-type=\"container\" id=\"inscreve-se\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35587d5 elementor-widget elementor-widget-html\" data-id=\"35587d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- PRONTO PRO | HERO TEST (photo bg + glass card + preserved curve) -->\r\n<section id=\"pro-hero\" class=\"pro-hero\" data-pronto-section=\"pro-join\" aria-label=\"Pronto Solu\u00e7\u00f5es Pro signup hero\">\r\n<style>\r\n  \/* ===== Tokens ===== *\/\r\n  #pro-hero{\r\n    --navy:#0F2B46; --yellow:#E1A134; --ink:#152435; --muted:#6b7a88;\r\n    --wrap:1140px; --rad-desk:120px; --rad-mob:72px; \/* adjust curve size here *\/\r\n  }\r\n\r\n  \/* ===== Section layout (background handled by .pro-hero-host) ===== *\/\r\n  #pro-hero.pro-hero{\r\n    position:relative; isolation:isolate;\r\n    display:flex; align-items:center; overflow:hidden;\r\n    padding:64px 20px; min-height:72vh;\r\n    background:transparent;\r\n  }\r\n\r\n  \/* absolutely no internal overlay *\/\r\n  #pro-hero.pro-hero::before{ content:none !important; display:none !important; }\r\n\r\n  @media (max-width:640px){\r\n    #pro-hero.pro-hero{\r\n      padding:18px 10px calc(64px + env(safe-area-inset-bottom));\r\n      min-height:auto; align-items:flex-start;\r\n    }\r\n  }\r\n\r\n\/* ===== Ensure Elementor wrappers cannot hide blur or curve ===== *\/\r\n.elementor-section:has(#pro-hero){\r\n  background:#F3F6FB !important;  \/* \u2705 this is the visible \"empty space\" *\/\r\n  overflow:visible !important;\r\n}\r\n\r\n\/* Keep inner wrappers transparent so they don't affect the hero design *\/\r\n.elementor-container:has(#pro-hero),\r\n.elementor-column:has(#pro-hero),\r\n.elementor-widget-container:has(#pro-hero){\r\n  background:transparent !important;\r\n  overflow:visible !important;\r\n}\r\n\r\n  .elementor-section:has(#pro-hero) > .elementor-background-overlay,\r\n  .elementor-section:has(#pro-hero) .elementor-shape{\r\n    display:none !important; opacity:0 !important; pointer-events:none !important;\r\n  }\r\n\r\n  \/* ===== Layout ===== *\/\r\n  #pro-hero .ph-wrap{\r\n    position:relative; z-index:1; width:100%;\r\n    max-width:var(--wrap); margin:0 auto;\r\n    display:grid; grid-template-columns:1fr;\r\n  }\r\n\r\n  \/* ===== GLASS CARD ===== *\/\r\n  #pro-hero .ph-card{\r\n    max-width:560px; width:100%; border-radius:14px;\r\n    padding:18px 18px 20px;\r\n    background:rgba(255,255,255,.25) !important;\r\n    -webkit-backdrop-filter:blur(16px) saturate(160%) !important;\r\n            backdrop-filter:blur(16px) saturate(160%) !important;\r\n    border:1px solid rgba(255,255,255,.55) !important;\r\n    box-shadow:0 10px 26px rgba(0,0,0,.12) !important;\r\n    color:var(--ink);\r\n  }\r\n  \/* Nudge highlight when we scroll here from a CTA *\/\r\n  #pro-hero .ph-card.ph-nudge{\r\n    border-color: rgba(225,161,52,0.45) !important;\r\n    box-shadow: 0 18px 46px rgba(0,0,0,.20) !important;\r\n    animation: phNudge 900ms ease both;\r\n  }\r\n  @keyframes phNudge{\r\n    0%{ transform: translateY(8px); }\r\n    60%{ transform: translateY(-2px); }\r\n    100%{ transform: translateY(0); }\r\n  }\r\n  \/* Fallback when blur unsupported *\/\r\n  @supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){\r\n    #pro-hero .ph-card{ background:rgba(255,255,255,.92) !important; }\r\n  }\r\n\r\n  \/* ===== Type ===== *\/\r\n  #pro-hero .ph-card h1{\r\n    margin:0 0 8px;\r\n    font:800 34px\/1.15 \"Poppins\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    color:#fff;\r\n    text-shadow:0 1px 2px rgba(0,0,0,.35), 0 4px 12px rgba(0,0,0,.25);\r\n  }\r\n  #pro-hero .ph-sub{\r\n    margin:0 0 18px; color:#fff;\r\n    font:400 15.5px\/1.45 \"Poppins\",system-ui;\r\n    text-shadow:0 1px 2px rgba(0,0,0,.25);\r\n  }\r\n\r\n  \/* ===== Form (base) ===== *\/\r\n  #pro-hero .ph-field{ position:relative; margin:10px 0 14px; }\r\n  #pro-hero .ph-input{\r\n    width:100%; height:48px;\r\n    border:1px solid rgba(13,28,45,.15); border-radius:10px;\r\n    padding:12px 48px; outline:none; background:#fff;\r\n    font:500 16px\/1.2 \"Poppins\",system-ui; color:#0B1B2C;\r\n  }\r\n  #pro-hero .ph-input::placeholder{ color:#6e7b88; }\r\n  #pro-hero .ph-field .icon{\r\n    position:absolute; left:16px; top:50%;\r\n    transform:translateY(-50%); opacity:.6;\r\n  }\r\n\r\n  #pro-hero .ph-chips{\r\n    display:flex; gap:10px; flex-wrap:wrap;\r\n    margin:8px 0 16px;\r\n  }\r\n  #pro-hero .ph-chip{\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    border:1px solid rgba(0,0,0,.06); background:rgba(255,255,255,.9);\r\n    color:#162332; padding:10px 14px; border-radius:12px; cursor:pointer;\r\n    transition:transform .18s ease, background .18s ease;\r\n    user-select:none;\r\n    appearance:none;\r\n    font:inherit;\r\n  }\r\n\r\n  #pro-hero .ph-chip:hover{ background:#eef3f9; transform:translateY(-1px); }\r\n  #pro-hero .ph-chip.active{ background:var(--yellow); border-color:var(--yellow); color:#2a3443; }\r\n\r\n  #pro-hero .ph-actions{ margin-top:6px; }\r\n  #pro-hero .ph-btn{\r\n    display:inline-block; width:100%; height:48px;\r\n    background:var(--navy); color:#fff; border:0; border-radius:10px;\r\n    font:600 16px\/1 \"Poppins\",system-ui; cursor:pointer;\r\n    box-shadow:0 8px 20px rgba(15,43,70,.22); transition:filter .18s ease, transform .18s ease;\r\n  }\r\n  #pro-hero .ph-btn:hover{ filter:brightness(.92); transform:translateY(-1px); }\r\n  #pro-hero .ph-help{\r\n    font:500 12.5px\/1.3 \"Poppins\",system-ui;\r\n    color:var(--muted); margin-top:10px;\r\n  }\r\n\r\n  \/* =========================\r\n     TRADE SELECTOR (clean)\r\n     ========================= *\/\r\n  \/* Field wrapper *\/\r\n  #pro-hero .ph-field.ph-field-select{\r\n    position:relative;\r\n  }\r\n\r\n  \/* Fake input that opens dropdown *\/\r\n  #pro-hero .ph-input-select{\r\n    cursor:pointer;\r\n    padding-right:40px; \/* space for arrow *\/\r\n    display:block;\r\n    max-width:100%;\r\n    box-sizing:border-box;\r\n    overflow:hidden;      \/* hard stop for anything inside *\/\r\n  }\r\n\r\n  \/* Label inside trigger: one line, ellipsis, never wider than field *\/\r\n  #pro-hero .ph-input-label{\r\n    display:block;\r\n    white-space:nowrap;\r\n    overflow:hidden;\r\n    text-overflow:ellipsis;\r\n    text-align:left;\r\n    max-width:100%;\r\n    box-sizing:border-box;\r\n  }\r\n    \/* Make sure the select field itself cannot push the layout wider than the card *\/\r\n  #pro-hero .ph-field.ph-field-select,\r\n  #pro-hero .ph-input-select{\r\n    max-width:100%;\r\n    box-sizing:border-box;\r\n    min-width:0;\r\n  }\r\n\r\n  \/* Arrow icon *\/\r\n  #pro-hero .ph-input-arrow{\r\n    position:absolute;\r\n    right:16px;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    font-size:12px;\r\n    opacity:.75;\r\n    pointer-events:none;\r\n  }\r\n\r\n  #pro-hero .ph-input-select:focus-visible{\r\n    outline:2px solid rgba(15,43,70,0.55);\r\n    outline-offset:2px;\r\n  }\r\n  \/* Visible error state when user clicks CTA without selecting a specialty *\/\r\n  #pro-hero #pro-trade-trigger.ph-input-error{\r\n   border-color: rgba(225,161,52,0.95) !important; \r\n   box-shadow: 0 0 0 4px rgba(225,161,52,0.20) !important;\r\n  }\r\n  \r\n  #pro-hero #pro-trade-trigger.ph-input-error{\r\n  animation: phShake 220ms ease-in-out 0s 2;\r\n  }\r\n  @keyframes phShake{\r\n    0%{ transform: translateX(0); }\r\n    25%{ transform: translateX(-3px); }\r\n    50%{ transform: translateX(3px); }\r\n    75%{ transform: translateX(-2px); }\r\n    100%{ transform: translateX(0); }\r\n  }\r\n\r\n\r\n  \/* Dropdown panel: overlays on top of card, does NOT change card height *\/\r\n  #pro-hero .trade-dropdown{\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    top:calc(100% + 8px);\r\n    background:rgba(10,24,40,0.96);\r\n    border-radius:14px;\r\n    padding:6px 0;\r\n    box-shadow:0 18px 40px rgba(0,0,0,0.45);\r\n    max-height:260px;\r\n    overflow-y:auto;\r\n    -webkit-overflow-scrolling:touch;\r\n    display:none;\r\n    z-index:25;\r\n    color:#ffffff;\r\n  }\r\n\r\n  \/* Show when JS adds .open *\/\r\n  #pro-hero .ph-field-select.open .trade-dropdown{\r\n    display:block;\r\n  }\r\n\r\n  \/* Options *\/\r\n  #pro-hero .trade-option{\r\n    width:100%;\r\n    border:0;\r\n    background:transparent;\r\n    text-align:left;\r\n    padding:10px 16px;\r\n    border-radius:10px;\r\n    display:block;\r\n    cursor:pointer;\r\n    font-family:\"Poppins\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n    color:#f8fbff;\r\n  }\r\n\r\n  #pro-hero .trade-option + .trade-option{\r\n    margin-top:4px;\r\n  }\r\n\r\n  #pro-hero .trade-main{\r\n    display:block;\r\n    font-weight:600;\r\n    font-size:14px;\r\n  }\r\n\r\n  #pro-hero .trade-sub{\r\n    display:block;\r\n    font-size:12px;\r\n    opacity:.85;\r\n  }\r\n\r\n  #pro-hero .trade-option:hover,\r\n  #pro-hero .trade-option:focus-visible{\r\n    background:rgba(255,255,255,0.06);\r\n    outline:none;\r\n  }\r\n\r\n  \/* Selected state *\/\r\n  #pro-hero .trade-option.is-selected{\r\n    background:rgba(255,255,255,0.12);\r\n  }\r\n  #pro-hero .trade-option.is-selected .trade-main::after{\r\n    content:\" \u2713\";\r\n    font-size:11px;\r\n    margin-left:6px;\r\n    opacity:.9;\r\n  }\r\n\r\n  \/* Scrollbar for longer lists *\/\r\n  #pro-hero .trade-dropdown::-webkit-scrollbar{\r\n    width:4px;\r\n  }\r\n  #pro-hero .trade-dropdown::-webkit-scrollbar-thumb{\r\n    background:rgba(255,255,255,0.28);\r\n    border-radius:10px;\r\n  }\r\n\r\n  \/* Extra breathing room when dropdown is open on small screens *\/\r\n  @media (max-width:640px){\r\n    #pro-hero.trade-open{\r\n      padding-bottom:calc(120px + env(safe-area-inset-bottom));\r\n    }\r\n  }\r\n\r\n  \/* ===== Mobile tweaks (card) ===== *\/\r\n  @media (max-width:640px){\r\n    #pro-hero .ph-card{\r\n      width:min(94%, 380px); margin:0 auto; padding:14px 14px 16px;\r\n      background:rgba(255,255,255,.17) !important;\r\n      -webkit-backdrop-filter:blur(10px) saturate(170%) !important;\r\n              backdrop-filter:blur(5px) saturate(170%) !important;\r\n    }\r\n    #pro-hero .ph-card h1{\r\n      font-size:22px; line-height:1.18;\r\n      margin:0 0 6px; letter-spacing:-.2px;\r\n    }\r\n    #pro-hero .ph-sub{\r\n      font-size:13.5px; line-height:1.4; margin:0 0 10px;\r\n      display:-webkit-box; -webkit-line-clamp:2;\r\n      -webkit-box-orient:vertical; overflow:hidden;\r\n    }\r\n    #pro-hero .ph-field{ margin:6px 0 8px; }\r\n    #pro-hero .ph-input{ height:42px; font-size:16px; padding:8px 36px; }\r\n    #pro-hero .ph-field .icon{ left:12px; width:18px; height:18px; opacity:.6; }\r\n\r\n    #pro-hero .ph-chips{\r\n      gap:8px; overflow-x:auto; padding-bottom:2px;\r\n      scrollbar-width:none; -webkit-overflow-scrolling:touch;\r\n    }\r\n    #pro-hero .ph-chips::-webkit-scrollbar{ display:none; }\r\n    #pro-hero .ph-chip{\r\n      flex:0 0 auto; font-size:13.5px;\r\n      padding:8px 10px; border-radius:10px;\r\n    }\r\n    #pro-hero .ph-actions{ margin-top:4px; }\r\n    #pro-hero .ph-btn{\r\n      height:42px; font-size:14px;\r\n      border-radius:10px; box-shadow:0 6px 14px rgba(15,43,70,.20);\r\n    }\r\n    #pro-hero .ph-help{ display:none; }\r\n  }\r\n\r\n  \/* ===== Angi-style hero background (same as your \u201cfinal version that works\u201d) ===== *\/\r\n\r\n  \/* Desktop (default) *\/\r\n  .pro-hero-host{\r\n    position:relative;\r\n    overflow:hidden;                     \/* clips image to the curve *\/\r\n    border-bottom-right-radius:120px;    \/* desktop curve *\/\r\n    background:\r\n      url('https:\/\/prontosolucoes.pt\/wp-content\/uploads\/2025\/11\/pro-hero-1600-desat-soft.webp')\r\n      right center\/cover no-repeat #0F2B46;\r\n  }\r\n  .pro-hero-host::before{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background: linear-gradient(90deg,\r\n              rgba(10,24,40,0.78) 0%,\r\n              rgba(10,24,40,0.55) 28%,\r\n              rgba(10,24,40,0.28) 55%,\r\n              rgba(10,24,40,0.00) 78%);\r\n    pointer-events:none;\r\n    z-index:0;\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width:1024px){\r\n    .pro-hero-host{\r\n      border-bottom-right-radius:96px;\r\n      background-image:url('https:\/\/prontosolucoes.pt\/wp-content\/uploads\/2025\/11\/pro-hero-1600-desat-soft.webp');\r\n      background-position:65% center;\r\n    }\r\n  }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width:640px){\r\n    .pro-hero-host{\r\n      border-bottom-right-radius:72px;\r\n      padding:22px 12px calc(64px + env(safe-area-inset-bottom));\r\n      align-items:flex-start;\r\n      background-image:url('https:\/\/prontosolucoes.pt\/wp-content\/uploads\/2025\/11\/pro-hero-800-v2-diag.webp');\r\n      background-position:80% center;\r\n      background-size:auto 100%;\r\n      height:550px;\r\n      min-height:550px;\r\n      background-attachment:scroll;\r\n    }\r\n  }\r\n\r\n  \/* Kill Elementor widget gap *\/\r\n  .elementor-widget-html:has(#pro-hero){ margin-bottom:0 !important; }\r\n  \r\n  html, body{\r\n  background:#F3F6FB !important;\r\n}\r\n<\/style>\r\n\r\n\r\n  <div class=\"ph-wrap\">\r\n    <div class=\"ph-card\" role=\"region\" aria-label=\"Sign up form\">\r\n      <h1>Quer mais trabalhos em Porto?<\/h1>\r\n      <p class=\"ph-sub\">Receba pedidos de <b>Canaliza\u00e7\u00e3o<\/b>, <b>Eletricidade<\/b> e <b>Faz-tudo<\/b><\/p>\r\n\r\n<div class=\"ph-field ph-field-select\" data-cta=\"pro-hero-field\">\r\n  <svg class=\"icon\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n    <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"#0F2B46\" stroke-width=\"2\"\/>\r\n    <path d=\"M20 20L16.65 16.65\" stroke=\"#0F2B46\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n  <\/svg>\r\n\r\n  <!-- Trigger (looks like the old input, but is a button) -->\r\n  <button type=\"button\"\r\n          id=\"pro-trade-trigger\"\r\n          class=\"ph-input ph-input-select\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded=\"false\">\r\n    <span id=\"pro-trade-display\" class=\"ph-input-label\">\r\n      Qual \u00e9 a sua especialidade?\r\n    <\/span>\r\n    <span class=\"ph-input-arrow\" aria-hidden=\"true\">\u25be<\/span>\r\n  <\/button>\r\n\r\n  <!-- Hidden value used by JS + CTA -->\r\n  <input type=\"hidden\" id=\"pro-trade\" name=\"trade\" \/>\r\n\r\n  <!-- Custom multi-select dropdown -->\r\n  <div id=\"pro-trade-dropdown\"\r\n       class=\"trade-dropdown\"\r\n       role=\"listbox\"\r\n       aria-multiselectable=\"true\">\r\n\r\n    <!-- Canalizador -->\r\n    <button type=\"button\"\r\n            class=\"trade-option\"\r\n            data-trade=\"Canalizador\"\r\n            data-sub=\"Desentupimento\"\r\n            role=\"option\"\r\n            aria-selected=\"false\">\r\n      <span class=\"trade-main\">Canalizador<\/span>\r\n      <span class=\"trade-sub\">Desentupimento<\/span>\r\n    <\/button>\r\n\r\n    <button type=\"button\"\r\n            class=\"trade-option\"\r\n            data-trade=\"Canalizador\"\r\n            data-sub=\"Fugas de \u00e1gua\"\r\n            role=\"option\"\r\n            aria-selected=\"false\">\r\n      <span class=\"trade-main\">Canalizador<\/span>\r\n      <span class=\"trade-sub\">Fugas de \u00e1gua<\/span>\r\n    <\/button>\r\n\r\n    <button type=\"button\"\r\n            class=\"trade-option\"\r\n            data-trade=\"Canalizador\"\r\n            data-sub=\"Esquentador\"\r\n            role=\"option\"\r\n            aria-selected=\"false\">\r\n      <span class=\"trade-main\">Canalizador<\/span>\r\n      <span class=\"trade-sub\">Esquentador<\/span>\r\n    <\/button>\r\n\r\n    <!-- Eletricista -->\r\n    <button type=\"button\"\r\n            class=\"trade-option\"\r\n            data-trade=\"Eletricista\"\r\n            data-sub=\"Disjuntor\"\r\n            role=\"option\"\r\n            aria-selected=\"false\">\r\n      <span class=\"trade-main\">Eletricista<\/span>\r\n      <span class=\"trade-sub\">Disjuntor<\/span>\r\n    <\/button>\r\n\r\n    <button type=\"button\"\r\n            class=\"trade-option\"\r\n            data-trade=\"Eletricista\"\r\n            data-sub=\"Tomadas\"\r\n            role=\"option\"\r\n            aria-selected=\"false\">\r\n      <span class=\"trade-main\">Eletricista<\/span>\r\n      <span class=\"trade-sub\">Tomadas<\/span>\r\n    <\/button>\r\n\r\n    <button type=\"button\"\r\n            class=\"trade-option\"\r\n            data-trade=\"Eletricista\"\r\n            data-sub=\"Curto-circuito\"\r\n            role=\"option\"\r\n            aria-selected=\"false\">\r\n      <span class=\"trade-main\">Eletricista<\/span>\r\n      <span class=\"trade-sub\">Curto-circuito<\/span>\r\n    <\/button>\r\n\r\n    <!-- Faz-tudo -->\r\n    <button type=\"button\"\r\n            class=\"trade-option\"\r\n            data-trade=\"Faz-tudo\"\r\n            data-sub=\"Manuten\u00e7\u00e3o geral\"\r\n            role=\"option\"\r\n            aria-selected=\"false\">\r\n      <span class=\"trade-main\">Faz-tudo<\/span>\r\n      <span class=\"trade-sub\">Manuten\u00e7\u00e3o geral<\/span>\r\n    <\/button>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n      <div class=\"ph-chips\" role=\"listbox\" aria-label=\"Escolher especialidade\">\r\n        <button type=\"button\" class=\"ph-chip\" data-value=\"Canalizador\" data-cta=\"pro-hero-chip-plumber\" role=\"option\">\ud83d\udee0\ufe0f Canalizador<\/button>\r\n        <button type=\"button\" class=\"ph-chip\" data-value=\"Eletricista\" data-cta=\"pro-hero-chip-electrician\" role=\"option\">\u26a1 Eletricista<\/button>\r\n        <button type=\"button\" class=\"ph-chip\" data-value=\"Faz-tudo\" data-cta=\"pro-hero-chip-Faz-tudo\" role=\"option\">\ud83d\udd27 Faz-tudo<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"ph-actions\">\r\n        <button class=\"ph-btn\" id=\"pro-get-started\" data-cta=\"pro-hero-submit\">Come\u00e7ar a receber trabalhos<\/button>\r\n        <p class=\"ph-help\">Sem fideliza\u00e7\u00e3o \u2022 Suporte 24\/7 \u2022 MB WAY\/IBAN<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Hard fix: remove Elementor overlay\/shape so the glass & curve show -->\r\n<script>\r\n  (function(){\r\n    const hero = document.getElementById('pro-hero');\r\n    if (!hero) return;\r\n\r\n    \/* ===== Kill Elementor overlays on this section ===== *\/\r\n    const sec = hero.closest('.elementor-section');\r\n    if (sec){\r\n      const ov = sec.querySelector('.elementor-background-overlay'); if (ov) ov.remove();\r\n      const sh = sec.querySelector('.elementor-shape');              if (sh) sh.remove();\r\n      sec.style.background = 'transparent';\r\n    }\r\n\r\n    \/* ===== Elements ===== *\/\r\n    const trigger   = hero.querySelector('#pro-trade-trigger');\r\n    const displayEl = hero.querySelector('#pro-trade-display');\r\n    const hidden    = hero.querySelector('#pro-trade');\r\n    const dropdown  = hero.querySelector('#pro-trade-dropdown');\r\n    const options   = Array.from(hero.querySelectorAll('.trade-option'));\r\n    const chips     = Array.from(hero.querySelectorAll('.ph-chip'));\r\n    const btn       = hero.querySelector('#pro-get-started');\r\n\r\n    if (!trigger || !displayEl || !hidden || !dropdown || !options.length || !btn) {\r\n      return;\r\n    }\r\n\r\n    \/* ===== State ===== *\/\r\n    const selected = new Set(); \/\/ keys like \"Canalizador|Desentupimento\"\r\n\r\n    function keyFor(opt){\r\n      return (opt.dataset.trade || '').trim() + '|' +\r\n             (opt.dataset.sub || '').trim();\r\n    }\r\n\r\n    function anySelectedForTrade(tradeName){\r\n      if (!tradeName) return false;\r\n      const prefix = tradeName + '|';\r\n      for (const k of selected){\r\n        if (k.startsWith(prefix)) return true;\r\n      }\r\n      return false;\r\n    }\r\n\r\n    function clearTrade(tradeName){\r\n      if (!tradeName) return;\r\n      options.forEach(o => {\r\n        if ((o.dataset.trade || '').trim() === tradeName){\r\n          const k = keyFor(o);\r\n          if (k && selected.has(k)){\r\n            selected.delete(k);\r\n          }\r\n          o.classList.remove('is-selected');\r\n          o.setAttribute('aria-selected', 'false');\r\n        }\r\n      });\r\n    }\r\n\r\n    function setTradeGroup(tradeName, enabled){\r\n      if (!tradeName) return;\r\n      const isMain = (tradeName === 'Canalizador' || tradeName === 'Eletricista');\r\n\r\n      \/\/ Enforce Canalizador XOR Eletricista\r\n      if (enabled && isMain){\r\n        const other = tradeName === 'Canalizador' ? 'Eletricista' : 'Canalizador';\r\n        clearTrade(other);\r\n      }\r\n\r\n      options.forEach(o => {\r\n        if ((o.dataset.trade || '').trim() === tradeName){\r\n          const k = keyFor(o);\r\n          if (!k) return;\r\n          if (enabled){\r\n            selected.add(k);\r\n            o.classList.add('is-selected');\r\n            o.setAttribute('aria-selected', 'true');\r\n          } else {\r\n            selected.delete(k);\r\n            o.classList.remove('is-selected');\r\n            o.setAttribute('aria-selected', 'false');\r\n          }\r\n        }\r\n      });\r\n    }\r\n\r\n    function buildSummary(){\r\n      const byTrade = {};\r\n      selected.forEach(k => {\r\n        const parts = k.split('|');\r\n        const trade = parts[0] || '';\r\n        const sub   = parts[1] || '';\r\n        if (!trade) return;\r\n        if (!byTrade[trade]) byTrade[trade] = [];\r\n        if (sub) byTrade[trade].push(sub);\r\n      });\r\n\r\n      const trades = Object.keys(byTrade);\r\n      if (!trades.length){\r\n        return { labelDesktop: null, labelMobile: null, value: '' };\r\n      }\r\n\r\n      \/\/ Value we store\/send (includes subs)\r\n      const valueParts = trades.map(trade => {\r\n        const subs = byTrade[trade];\r\n        return subs.length\r\n          ? trade + ' - ' + subs.join(', ')\r\n          : trade;\r\n      });\r\n      const value = valueParts.join(' | ');\r\n\r\n      \/\/ Labels\r\n      let labelDesktop;\r\n      let labelMobile;\r\n\r\n      if (trades.length === 1){\r\n        const t = trades[0];\r\n        const subs = byTrade[t];\r\n\r\n        \/\/ Desktop: show subs (up to 2)\r\n        if (subs.length && subs.length <= 2){\r\n          labelDesktop = t + ' - ' + subs.join(', ');\r\n        } else {\r\n          labelDesktop = t;\r\n        }\r\n\r\n        \/\/ Mobile: always only the main trade name, so it stays short\r\n        labelMobile = t;\r\n\r\n      } else if (trades.length === 2){\r\n        labelDesktop = trades.join(' + ');\r\n        labelMobile  = labelDesktop;\r\n      } else {\r\n        labelDesktop = trades[0] + ' + mais';\r\n        labelMobile  = labelDesktop;\r\n      }\r\n\r\n      return { labelDesktop, labelMobile, value };\r\n    }\r\n\r\n    function updateChips(){\r\n      chips.forEach(chip => {\r\n        const trade = (chip.dataset.value || '').trim();\r\n        if (!trade) return;\r\n        \/\/ Chip goes active as soon as at least ONE sub-specialty for that trade is selected\r\n        chip.classList.toggle('active', anySelectedForTrade(trade));\r\n      });\r\n    }\r\n\r\n    function updateUI(){\r\n      const summary = buildSummary();\r\n      if (!summary.value){\r\n        \/\/ No selection: show placeholder depending on viewport\r\n        if (window.innerWidth <= 640){\r\n          displayEl.textContent = 'Especialidade';\r\n        } else {\r\n          displayEl.textContent = 'Qual \u00e9 a sua especialidade?';\r\n        }\r\n        hidden.value = '';\r\n      } else {\r\n        const isMobile = window.innerWidth <= 640;\r\n        const labelToUse = isMobile\r\n          ? (summary.labelMobile || summary.labelDesktop)\r\n          : (summary.labelDesktop || summary.labelMobile);\r\n\r\n        displayEl.textContent = labelToUse;\r\n        hidden.value = summary.value;\r\n      }\r\n      updateChips();\r\n    }\r\n\r\n    function openDropdown(){\r\n      hero.classList.add('trade-open');\r\n      const field = hero.querySelector('.ph-field-select');\r\n      if (field) field.classList.add('open');\r\n      trigger.setAttribute('aria-expanded', 'true');\r\n    }\r\n\r\n    function closeDropdown(){\r\n      hero.classList.remove('trade-open');\r\n      const field = hero.querySelector('.ph-field-select');\r\n      if (field) field.classList.remove('open');\r\n      trigger.setAttribute('aria-expanded', 'false');\r\n    }\r\n    \r\n\r\n    \/* Escape closes the dropdown *\/\r\n    document.addEventListener('keydown', function(e){\r\n      if (e.key === 'Escape' && hero.classList.contains('trade-open')){\r\n        closeDropdown();\r\n        trigger.focus();\r\n      }\r\n    });\r\n\r\n    function refreshPlaceholderIfEmpty(){\r\n      const hasSelection = hidden.value.trim().length > 0;\r\n      if (!hasSelection){\r\n        updateUI();\r\n      }\r\n    }\r\n\r\n    window.addEventListener('resize', refreshPlaceholderIfEmpty);\r\n\r\n    \/* ===== Option click (multi-select with Canalizador\/Electricista exclusivity) ===== *\/\r\n    options.forEach(opt => {\r\n      opt.addEventListener('click', function(){\r\n        const k = keyFor(opt);\r\n        const trade = (opt.dataset.trade || '').trim();\r\n        if (!k || !trade) return;\r\n\r\n        const isSelected = selected.has(k);\r\n        const isMain = (trade === 'Canalizador' || trade === 'Eletricista');\r\n\r\n        if (!isSelected){\r\n          \/\/ If choosing one main trade, clear the other main trade\r\n          if (isMain){\r\n            const other = trade === 'Canalizador' ? 'Eletricista' : 'Canalizador';\r\n            clearTrade(other);\r\n          }\r\n          selected.add(k);\r\n          opt.classList.add('is-selected');\r\n          opt.setAttribute('aria-selected', 'true');\r\n        } else {\r\n          selected.delete(k);\r\n          opt.classList.remove('is-selected');\r\n          opt.setAttribute('aria-selected', 'false');\r\n        }\r\n\r\n        updateUI();\r\n      });\r\n    });\r\n\r\n    \/* ===== Trigger click ===== *\/\r\n    trigger.addEventListener('click', function(){\r\n      const isOpen = hero.classList.contains('trade-open');\r\n      if (isOpen){\r\n        closeDropdown();\r\n      } else {\r\n        openDropdown();\r\n      }\r\n    });\r\n\r\n    \/* Close when clicking anywhere outside the select field (even inside the card) *\/\r\n    document.addEventListener('click', function(e){\r\n      const field = hero.querySelector('.ph-field-select');\r\n      if (!field) return;\r\n\r\n      const clickedInsideField = field.contains(e.target);\r\n      if (!clickedInsideField){\r\n        closeDropdown();\r\n      }\r\n    });\r\n\r\n    \/* ===== Chips behaviour: open dropdown for that trade (no auto-select) ===== *\/\r\n    chips.forEach(chip => {\r\n      chip.addEventListener('click', function(event){\r\n        const trade = (chip.dataset.value || '').trim();\r\n        if (!trade) return;\r\n\r\n        \/\/ Open the dropdown\r\n        openDropdown();\r\n        trigger.focus();\r\n\r\n        \/\/ Scroll to the first option for this trade and focus it\r\n        const firstOpt = options.find(o => (o.dataset.trade || '').trim() === trade);\r\n        if (firstOpt){\r\n          dropdown.scrollTop = firstOpt.offsetTop - 8;\r\n          firstOpt.focus();\r\n        }\r\n\r\n        \/\/ Prevent the global click handler from instantly closing the dropdown\r\n        event.stopPropagation();\r\n      });\r\n    });\r\n\r\n    \/* ===== CTA button ===== *\/\r\n    btn.addEventListener('click', function(event){\r\n      const value = (hidden.value || '').trim();\r\n      if (!value){\r\n        \/\/ Nudge user to pick a specialty\r\n        openDropdown();\r\n        trigger.focus();\r\n        trigger.classList.add('ph-input-error');\r\n\r\n        \/\/ Prevent this click from immediately triggering the document listener\r\n        \/\/ that would close the dropdown again.\r\n        event.stopPropagation();\r\n\r\n        setTimeout(() => trigger.classList.remove('ph-input-error'), 1200);\r\n        return;\r\n      }\r\n\r\n      try {\r\n        localStorage.setItem('pronto_pro_service', value);\r\n      } catch(e){}\r\n\r\n      document.dispatchEvent(new CustomEvent('pro_hero_submit', {\r\n        detail: { service: value }\r\n      }));\r\n\r\n      const url = '\/candidatura' + (value ? ('?service=' + encodeURIComponent(value)) : '');\r\n      window.location.href = url;\r\n    });\r\n\r\n    \/* Route all candidatura CTAs to the hero flow (smooth scroll + trigger hero button) *\/\r\n    let proHeroJumpLock = false;\r\n\r\n    document.addEventListener('click', function(e){\r\n      \/\/ Only intercept CTA-style candidatura buttons (avoids nav links that don't have data-cta)\r\n      const a = e.target.closest('a[data-cta][href]');\r\n      if (!a) return;\r\n\r\n      const href = (a.getAttribute('href') || '').trim();\r\n      if (!href) return;\r\n\r\n      \/\/ Match \/candidatura and variants (relative or absolute)\r\n      if (!\/candidatura\/i.test(href)) return;\r\n\r\n      \/\/ If hero\/button are present on this page\r\n      if (!hero || !btn) return;\r\n\r\n      e.preventDefault();\r\n      if (proHeroJumpLock) return;\r\n      proHeroJumpLock = true;\r\n\r\n      const reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      const card = hero.querySelector('.ph-card');\r\n\r\n      if (card) card.classList.remove('ph-nudge');\r\n\r\n      hero.scrollIntoView({ behavior: reduce ? 'auto' : 'smooth', block: 'start' });\r\n\r\n      window.setTimeout(function(){\r\n        if (card){\r\n          card.classList.add('ph-nudge');\r\n          window.setTimeout(function(){ card.classList.remove('ph-nudge'); }, 1100);\r\n        }\r\n        btn.click();\r\n        proHeroJumpLock = false;\r\n      }, reduce ? 0 : 650);\r\n\r\n    }, true);\r\n\r\n    \/* Initial paint *\/\r\n    updateUI();\r\n  })();\r\n<\/script>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a42732e e-con-full e-flex e-con e-parent\" data-id=\"a42732e\" data-element_type=\"container\" data-e-type=\"container\" id=\"como-funciona\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d910279 elementor-widget elementor-widget-html\" data-id=\"d910279\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- PRONTO | TECNICOS | SECTION 2: COMO FUNCIONA (Option A: 3 cards + inline detail, no connector, fewer boxes) -->\r\n<section id=\"ps-how\" role=\"region\" aria-labelledby=\"ps-how-title\">\r\n  <style>\r\n    #ps-how{\r\n      --navy:#0F2B46;\r\n      --accent:#E1A134;\r\n      --ink:#152435;\r\n      --muted:#6c7a89;\r\n\r\n      --bg:#F3F6FB;\r\n      --card:#ffffff;\r\n      --radius:16px;\r\n\r\n      --border: rgba(15,43,70,.12);\r\n      --shadow-soft: 0 6px 16px rgba(15,43,70,.06);\r\n      --shadow: 0 12px 28px rgba(15,43,70,.12);\r\n\r\n      --wrap:1140px;\r\n      --ease:cubic-bezier(.2,.8,.2,1);\r\n      --revealY: 12px;\r\n\r\n      font-family:\"Poppins\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      color:var(--ink);\r\n      background:var(--bg);\r\n      position:relative;\r\n      overflow:hidden;\r\n    }\r\n\r\n    #ps-how .wrap{\r\n      max-width:var(--wrap);\r\n      margin:0 auto;\r\n      padding:54px 18px;\r\n    }\r\n\r\n    \/* Header *\/\r\n    #ps-how .kicker{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      font-size:12.5px;\r\n      font-weight:900;\r\n      letter-spacing:.09em;\r\n      text-transform:uppercase;\r\n      color:rgba(21,36,53,.70);\r\n      margin:0 0 10px 0;\r\n    }\r\n    #ps-how .kicker::before{\r\n      content:\"\";\r\n      width:26px;\r\n      height:3px;\r\n      border-radius:99px;\r\n      background:var(--accent);\r\n      display:inline-block;\r\n      transform-origin:left center;\r\n    }\r\n\r\n    #ps-how h2{\r\n      color:var(--navy);\r\n      font-size:clamp(1.7rem, 1.1vw + 1rem, 2.15rem);\r\n      margin:0 0 8px;\r\n      letter-spacing:-0.01em;\r\n      line-height:1.12;\r\n    }\r\n\r\n    #ps-how .sub{\r\n      color:var(--muted);\r\n      margin:0 0 18px;\r\n      max-width:64ch;\r\n      line-height:1.55;\r\n    }\r\n\r\n    \/* Grid *\/\r\n    #ps-how .list{\r\n      display:grid;\r\n      gap:14px;\r\n    }\r\n    @media (min-width:980px){\r\n      #ps-how .list{\r\n        grid-template-columns:repeat(3,minmax(0,1fr));\r\n        gap:18px;\r\n      }\r\n    }\r\n\r\n    \/* Cards *\/\r\n    #ps-how .point{\r\n      position:relative;\r\n      display:flex;\r\n      align-items:flex-start;\r\n      gap:12px;\r\n\r\n      background:var(--card);\r\n      border:1px solid var(--border);\r\n      border-radius:var(--radius);\r\n      padding:18px 16px;\r\n\r\n      box-shadow:var(--shadow-soft);\r\n      transition:transform .18s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease), background .22s var(--ease);\r\n      -webkit-tap-highlight-color:transparent;\r\n      touch-action:manipulation;\r\n\r\n      cursor:pointer;\r\n      user-select:none;\r\n      outline:none;\r\n      min-height:120px;\r\n    }\r\n\r\n    #ps-how .point:hover,\r\n    #ps-how .point:focus-within{\r\n      transform:translateY(-2px);\r\n      box-shadow:var(--shadow);\r\n      border-color:rgba(15,43,70,.20);\r\n    }\r\n\r\n    #ps-how .point:active{\r\n      transform:translateY(0);\r\n      box-shadow: inset 0 2px 8px rgba(15,43,70,.12);\r\n    }\r\n\r\n    #ps-how .point:focus-visible{\r\n      outline:3px solid rgba(225,161,52,.35);\r\n      outline-offset:2px;\r\n    }\r\n\r\n    \/* Active card *\/\r\n    #ps-how .point[aria-current=\"true\"]{\r\n      border-color: rgba(225,161,52,.38);\r\n      background: rgba(225,161,52,.06);\r\n      box-shadow: 0 14px 34px rgba(15,43,70,.12);\r\n    }\r\n\r\n    \/* Number chip *\/\r\n    #ps-how .chip{\r\n      flex:0 0 34px;\r\n      width:34px;\r\n      height:34px;\r\n      border-radius:999px;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n\r\n      background:var(--accent);\r\n      color:#111;\r\n      font-weight:900;\r\n      font-size:1rem;\r\n\r\n      margin-top:2px;\r\n      box-shadow:0 8px 18px rgba(225,161,52,.25);\r\n      position:relative;\r\n    }\r\n\r\n    \/* Pulse ring only when in view + active *\/\r\n    #ps-how.is-in .point[aria-current=\"true\"] .chip::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:-6px;\r\n      border-radius:999px;\r\n      border:1px solid rgba(225,161,52,.22);\r\n      animation: psHowRing 1.8s var(--ease) infinite;\r\n    }\r\n    @keyframes psHowRing{\r\n      0%{ transform:scale(.98); opacity:.8; }\r\n      100%{ transform:scale(1.18); opacity:0; }\r\n    }\r\n\r\n    #ps-how .t{\r\n      margin:0 0 4px;\r\n      color:var(--navy);\r\n      font-weight:900;\r\n      font-size:1.05rem;\r\n      line-height:1.25;\r\n      letter-spacing:-0.01em;\r\n    }\r\n    #ps-how .d{\r\n      margin:0;\r\n      color:var(--muted);\r\n      font-size:.97rem;\r\n      line-height:1.45;\r\n    }\r\n\r\n    \/* Inline detail (no extra box) *\/\r\n    #ps-how .more{\r\n      margin-top:10px;\r\n      color:rgba(21,36,53,.74);\r\n      font-size:13px;\r\n      line-height:1.5;\r\n      font-weight:800;\r\n\r\n      padding-left:12px;\r\n      border-left:3px solid rgba(225,161,52,.35);\r\n    }\r\n    #ps-how .more[hidden]{ display:none; }\r\n\r\n    \/* CTAs (no big CTA container box) *\/\r\n    #ps-how .cta-row{\r\n      display:flex;\r\n      gap:12px;\r\n      flex-wrap:wrap;\r\n      margin-top:18px;\r\n    }\r\n\r\n    #ps-how .btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      padding:12px 18px;\r\n      border-radius:16px;\r\n      font-weight:700;\r\n      text-decoration:none;\r\n      border:1px solid transparent;\r\n      white-space:nowrap;\r\n\r\n      -webkit-tap-highlight-color:transparent;\r\n      touch-action:manipulation;\r\n\r\n      box-shadow: 0 6px 16px rgba(15,43,70,.06);\r\n      transform:translateY(0);\r\n      will-change:transform, box-shadow;\r\n      transition:transform .18s var(--ease), box-shadow .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease);\r\n    }\r\n    #ps-how .btn:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(15,43,70,.12); }\r\n    #ps-how .btn:active{\r\n      transform:translateY(0);\r\n      box-shadow: 0 4px 12px rgba(15,43,70,.12), inset 0 2px 6px rgba(0,0,0,.12);\r\n    }\r\n    #ps-how .btn:focus-visible{\r\n      outline:none;\r\n      box-shadow: 0 0 0 3px rgba(21,36,53,.18), 0 10px 28px rgba(15,43,70,.14);\r\n    }\r\n\r\n    #ps-how .btn-primary{\r\n      background: var(--accent);\r\n      border-color: rgba(157,126,0,.25);\r\n      color:#111;\r\n    }\r\n    #ps-how .btn-primary:hover{ background:#D97706; }\r\n\r\n    #ps-how .btn-outline{\r\n      background:#fff;\r\n      border-color: rgba(15,43,70,.18);\r\n      color: var(--navy);\r\n    }\r\n    #ps-how .btn-outline:hover{ border-color: rgba(15,43,70,.26); }\r\n\r\n    \/* Reveal staging *\/\r\n    #ps-how [data-how-reveal]{\r\n      opacity:0;\r\n      transform:translate3d(0, var(--revealY), 0);\r\n      filter: blur(2px);\r\n      transition: opacity 520ms var(--ease), transform 520ms var(--ease), filter 520ms var(--ease);\r\n      transition-delay: var(--delay, 0ms);\r\n      will-change: transform, opacity;\r\n    }\r\n    #ps-how.is-in [data-how-reveal]{\r\n      opacity:1;\r\n      transform:translate3d(0,0,0);\r\n      filter: blur(0px);\r\n    }\r\n    #ps-how.is-in .kicker::before{\r\n      animation: howKickerGrow 620ms var(--ease) both;\r\n    }\r\n    @keyframes howKickerGrow{\r\n      0%{ transform:scaleX(.2); opacity:.3; }\r\n      100%{ transform:scaleX(1); opacity:1; }\r\n    }\r\n\r\n    @media (hover:none){\r\n      #ps-how .point{ box-shadow:0 10px 24px rgba(15,43,70,.10); }\r\n      #ps-how .btn{ box-shadow:0 10px 22px rgba(15,43,70,.12); }\r\n    }\r\n    @media (prefers-reduced-motion: reduce){\r\n      #ps-how .point, #ps-how .btn{ transition:none; }\r\n      #ps-how [data-how-reveal]{\r\n        opacity:1 !important;\r\n        transform:none !important;\r\n        filter:none !important;\r\n        transition:none !important;\r\n      }\r\n      #ps-how.is-in .point[aria-current=\"true\"] .chip::after{ animation:none; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"kicker\" data-how-reveal style=\"--delay:0ms;\">Pronto Solu\u00e7\u00f5es Pro<\/div>\r\n\r\n    <h2 id=\"ps-how-title\" data-how-reveal style=\"--delay:80ms;\">Como funciona (Tecnicos)<\/h2>\r\n    <p class=\"sub\" data-how-reveal style=\"--delay:140ms;\">Tr\u00eas passos simples para come\u00e7ar a faturar na sua zona.<\/p>\r\n\r\n    <div class=\"list\" role=\"list\" data-how-reveal style=\"--delay:200ms;\">\r\n      <article class=\"point\" role=\"button\" tabindex=\"0\" data-step=\"0\" aria-current=\"true\" aria-expanded=\"true\">\r\n        <div class=\"chip\" aria-hidden=\"true\">1<\/div>\r\n        <div>\r\n          <p class=\"t\">Pedidos perto de si<\/p>\r\n          <p class=\"d\">Exclusivos. Defina zonas e hor\u00e1rios no seu perfil.<\/p>\r\n          <div class=\"more\">Um pedido por t\u00e9cnico, sem leil\u00f5es de pre\u00e7o.<\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"point\" role=\"button\" tabindex=\"0\" data-step=\"1\" aria-current=\"false\" aria-expanded=\"false\">\r\n        <div class=\"chip\" aria-hidden=\"true\">2<\/div>\r\n        <div>\r\n          <p class=\"t\">Aceite em 5 minutos<\/p>\r\n          <p class=\"d\">Confirme por WhatsApp ou chamada, sem penaliza\u00e7\u00e3o se recusar.<\/p>\r\n          <div class=\"more\" hidden>Aceita ou recusa r\u00e1pido, com contexto claro do pedido.<\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"point\" role=\"button\" tabindex=\"0\" data-step=\"2\" aria-current=\"false\" aria-expanded=\"false\">\r\n        <div class=\"chip\" aria-hidden=\"true\">3<\/div>\r\n        <div>\r\n          <p class=\"t\">Pagamento r\u00e1pido<\/p>\r\n          <p class=\"d\">MB WAY ou IBAN. Comiss\u00e3o s\u00f3 com servi\u00e7o conclu\u00eddo.<\/p>\r\n          <div class=\"more\" hidden>Pagamento confirmado, comiss\u00e3o s\u00f3 no conclu\u00eddo.<\/div>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"cta-row\" data-how-reveal style=\"--delay:280ms;\">\r\n      <!-- Keep href as-is, your existing interception routes this to the hero flow -->\r\n      <a href=\"\/candidatura\" class=\"btn btn-primary\" data-cta=\"tech-how-apply\">Inscrever-se<\/a>\r\n\r\n      <a href=\"https:\/\/wa.me\/351923224674?text=Ol%C3%A1!%20Quero%20falar%20com%20a%20equipa%20sobre%20como%20funciona%20a%20Pronto%20Solu%C3%A7%C3%B5es%20Pro.\" class=\"btn btn-outline\" data-cta=\"tech-how-wa\" target=\"_blank\" rel=\"noopener\">Falar no WhatsApp<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('ps-how');\r\n      if (!root) return;\r\n\r\n      function prefersReducedMotion(){\r\n        return window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      }\r\n\r\n      \/\/ Reveal\r\n      function enter(){\r\n        if (root.classList.contains('is-in')) return;\r\n        root.classList.add('is-in');\r\n      }\r\n      if ('IntersectionObserver' in window){\r\n        var io = new IntersectionObserver(function(entries){\r\n          entries.forEach(function(e){\r\n            if (e.isIntersecting){\r\n              enter();\r\n              io.disconnect();\r\n            }\r\n          });\r\n        }, { threshold: 0.18 });\r\n        io.observe(root);\r\n      } else {\r\n        enter();\r\n      }\r\n\r\n      \/\/ Inline detail toggle: only one open at a time\r\n      var points = Array.prototype.slice.call(root.querySelectorAll('.point[data-step]'));\r\n      if (!points.length) return;\r\n\r\n      function setActive(el){\r\n        points.forEach(function(p){\r\n          var isOn = p === el;\r\n          p.setAttribute('aria-current', isOn ? 'true' : 'false');\r\n          p.setAttribute('aria-expanded', isOn ? 'true' : 'false');\r\n\r\n          var more = p.querySelector('.more');\r\n          if (!more) return;\r\n          more.hidden = !isOn;\r\n        });\r\n      }\r\n\r\n      points.forEach(function(p){\r\n        p.addEventListener('click', function(){ setActive(p); });\r\n        p.addEventListener('keydown', function(ev){\r\n          if (ev.key === 'Enter' || ev.key === ' '){\r\n            ev.preventDefault();\r\n            p.click();\r\n          }\r\n        });\r\n      });\r\n\r\n      \/\/ Subtle auto-advance once (optional SaaS demo feel)\r\n      if (!prefersReducedMotion() && points.length >= 3){\r\n        var advanced = false;\r\n        function autoAdvanceOnce(){\r\n          if (advanced) return;\r\n          advanced = true;\r\n          var seq = [points[1], points[2], points[0]];\r\n          seq.forEach(function(node, i){\r\n            window.setTimeout(function(){ setActive(node); }, 900 + (i * 900));\r\n          });\r\n          window.setTimeout(function(){ setActive(points[0]); }, 900 + (seq.length * 900) + 200);\r\n        }\r\n\r\n        if ('IntersectionObserver' in window){\r\n          var aio = new IntersectionObserver(function(entries){\r\n            entries.forEach(function(e){\r\n              if (e.isIntersecting){\r\n                autoAdvanceOnce();\r\n                aio.disconnect();\r\n              }\r\n            });\r\n          }, { threshold: 0.25 });\r\n          aio.observe(root);\r\n        } else {\r\n          autoAdvanceOnce();\r\n        }\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e46cf3 e-con-full e-flex e-con e-parent\" data-id=\"6e46cf3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d8c90b elementor-widget elementor-widget-html\" data-id=\"0d8c90b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- PRONTO | TECNICOS | SECTION 3: BENEF\u00cdCIOS (lighter open state + no mobile cut-off) -->\r\n<section id=\"ps-benefits\">\r\n  <style>\r\n    #ps-benefits{\r\n      --navy:#0F2B46;\r\n      --accent:#E1A134;\r\n      --ink:#152435;\r\n      --muted:#6c7a89;\r\n\r\n      --bg:#E7EFF7;\r\n      --card:#fff;\r\n      --badge:#F2F5F8;\r\n\r\n      --radius:16px;\r\n      --border: rgba(15,43,70,.12);\r\n      --shadow-soft: 0 8px 24px rgba(15,43,70,.06);\r\n      --shadow: 0 14px 36px rgba(15,43,70,.12);\r\n\r\n      --ease:cubic-bezier(.2,.8,.2,1);\r\n      --revealY: 12px;\r\n\r\n      font-family:\"Poppins\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      color:var(--ink);\r\n      background:var(--bg);\r\n\r\n      border-top-left-radius:160px;\r\n      border-top-right-radius:160px;\r\n      overflow:hidden;\r\n      position:relative;\r\n\r\n      margin-top:-20px;\r\n      padding-top:72px;\r\n    }\r\n\r\n    \/* Softer ambient glow (lighter than before) *\/\r\n    #ps-benefits::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:-180px -160px auto -160px;\r\n      height:520px;\r\n      pointer-events:none;\r\n      background: radial-gradient(circle at 18% 35%, rgba(225,161,52,0.14), rgba(225,161,52,0.00) 60%);\r\n      filter: blur(30px);\r\n      opacity:.55;\r\n      transform: translate3d(0,0,0);\r\n    }\r\n\r\n    #ps-benefits .wrap{\r\n      max-width:1140px;\r\n      margin:0 auto;\r\n      padding:50px 20px;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n\r\n    #ps-benefits h2{\r\n      color:var(--navy);\r\n      font-size:clamp(1.55rem,1.1vw + 1rem,2.1rem);\r\n      margin:0 0 8px;\r\n      letter-spacing:-0.01em;\r\n      line-height:1.12;\r\n    }\r\n    #ps-benefits .sub{\r\n      color:var(--muted);\r\n      margin:0 0 24px;\r\n      max-width:72ch;\r\n      line-height:1.55;\r\n    }\r\n\r\n    \/* Grid *\/\r\n    #ps-benefits .grid{\r\n      display:grid;\r\n      grid-template-columns:repeat(3,minmax(0,1fr));\r\n      gap:20px;\r\n    }\r\n    @media (max-width:980px){\r\n      #ps-benefits .grid{ grid-template-columns:1fr; }\r\n    }\r\n\r\n    \/* Cards *\/\r\n    #ps-benefits .card{\r\n      position:relative;\r\n      background:var(--card);\r\n      border:1px solid var(--border);\r\n      border-radius:var(--radius);\r\n      box-shadow:var(--shadow-soft);\r\n\r\n      padding:18px 48px 18px 16px;\r\n      display:flex;\r\n      gap:14px;\r\n      align-items:flex-start;\r\n\r\n      transition:transform .18s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease), background .22s var(--ease);\r\n      cursor:pointer;\r\n      user-select:none;\r\n      outline:none;\r\n      min-height:120px;\r\n      overflow:hidden;\r\n    }\r\n\r\n    \/* Subtle accent rail (only obvious when expanded) *\/\r\n    #ps-benefits .card::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      left:0;\r\n      top:10px;\r\n      bottom:10px;\r\n      width:3px;\r\n      border-radius:99px;\r\n      background: rgba(225,161,52,0.00);\r\n      transition: background .22s var(--ease);\r\n      pointer-events:none;\r\n    }\r\n\r\n    \/* Softer sheen than before *\/\r\n    #ps-benefits .card::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:-40% -20%;\r\n      background: radial-gradient(circle at 22% 20%, rgba(225,161,52,0.08), rgba(225,161,52,0.00) 60%);\r\n      opacity:0;\r\n      transition:opacity .22s var(--ease);\r\n      pointer-events:none;\r\n    }\r\n\r\n    #ps-benefits .card:hover{\r\n      transform:translateY(-2px);\r\n      box-shadow:var(--shadow);\r\n      border-color:rgba(15,43,70,.18);\r\n    }\r\n    #ps-benefits .card:hover::after{ opacity:1; }\r\n\r\n    #ps-benefits .card:focus-visible{\r\n      outline:3px solid rgba(225,161,52,.22);\r\n      outline-offset:2px;\r\n    }\r\n\r\n    \/* Expanded state: keep it WHITE (no heavy tint), just clearer emphasis *\/\r\n    #ps-benefits .card[aria-expanded=\"true\"]{\r\n      background:#fff;\r\n      border-color: rgba(225,161,52,.30);\r\n      box-shadow: 0 16px 38px rgba(15,43,70,.13);\r\n    }\r\n    #ps-benefits .card[aria-expanded=\"true\"]::before{\r\n      background: rgba(225,161,52,0.85);\r\n    }\r\n    #ps-benefits .card[aria-expanded=\"true\"]::after{\r\n      opacity:1;\r\n    }\r\n\r\n    \/* Icon badge *\/\r\n    #ps-benefits .ico{\r\n      flex:0 0 44px;\r\n      width:44px;\r\n      height:44px;\r\n      border-radius:12px;\r\n      background:var(--badge);\r\n      border:1px solid rgba(15,43,70,.10);\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      color:var(--navy);\r\n      position:relative;\r\n    }\r\n    #ps-benefits .ico svg{\r\n      width:24px;\r\n      height:24px;\r\n      stroke:currentColor;\r\n      fill:none;\r\n      stroke-width:2;\r\n      stroke-linecap:round;\r\n      stroke-linejoin:round;\r\n    }\r\n\r\n    \/* Light cue on expanded *\/\r\n    #ps-benefits .card[aria-expanded=\"true\"] .ico{\r\n      background: rgba(225,161,52,0.10);\r\n      border-color: rgba(225,161,52,0.22);\r\n    }\r\n\r\n    \/* Icon ring only when in-view + expanded (kept subtle) *\/\r\n    #ps-benefits.is-in .card[aria-expanded=\"true\"] .ico::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:-7px;\r\n      border-radius:14px;\r\n      border:1px solid rgba(225,161,52,.18);\r\n      animation: psbRing 1.8s var(--ease) infinite;\r\n      opacity:.9;\r\n    }\r\n    @keyframes psbRing{\r\n      0%{ transform:scale(.98); opacity:.75; }\r\n      100%{ transform:scale(1.12); opacity:0; }\r\n    }\r\n\r\n    \/* Text *\/\r\n    #ps-benefits .title{\r\n      margin:2px 0 8px;\r\n      font-weight:900;\r\n      color:var(--navy);\r\n      font-size:1.05rem;\r\n      letter-spacing:-0.01em;\r\n    }\r\n\r\n    \/* Pill: toned down so it doesn\u2019t overpower the message *\/\r\n    #ps-benefits .note-pill{\r\n      display:inline-block;\r\n      padding:8px 12px;\r\n      border-radius:10px;\r\n      background: rgba(225,161,52,.07);\r\n      border:1px solid rgba(225,161,52,.22);\r\n      color: rgba(21,36,53,.82);\r\n      font-size:.93rem;\r\n      line-height:1.35;\r\n      margin:0;\r\n    }\r\n\r\n    \/* Chevron (visual indicator only) *\/\r\n    #ps-benefits .more{\r\n      position:absolute;\r\n      top:12px;\r\n      right:12px;\r\n      width:28px;\r\n      height:28px;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      background:rgba(255,255,255,.75);\r\n      border:1px solid rgba(15,43,70,.12);\r\n      border-radius:8px;\r\n      color:var(--navy);\r\n      pointer-events:none;\r\n    }\r\n    #ps-benefits .more svg{\r\n      width:14px;\r\n      height:14px;\r\n      stroke:currentColor;\r\n      fill:none;\r\n      stroke-width:2;\r\n      transition:transform .2s var(--ease);\r\n    }\r\n    #ps-benefits .card[aria-expanded=\"true\"] .more svg{ transform:rotate(180deg); }\r\n\r\n    \/* Details: NO fixed max-height (prevents mobile cut-off)\r\n       Use grid 0fr -> 1fr so it always fits the content height *\/\r\n    #ps-benefits .details{\r\n      margin-top:12px;\r\n      display:grid;\r\n      grid-template-rows: 0fr;\r\n      opacity:0;\r\n      transition: grid-template-rows .28s var(--ease), opacity .22s var(--ease);\r\n    }\r\n    #ps-benefits .details-inner{\r\n      overflow:hidden;\r\n      transform: translate3d(0,6px,0);\r\n      transition: transform .22s var(--ease);\r\n    }\r\n    #ps-benefits .card[aria-expanded=\"true\"] .details{\r\n      grid-template-rows: 1fr;\r\n      opacity:1;\r\n    }\r\n    #ps-benefits .card[aria-expanded=\"true\"] .details-inner{\r\n      transform: translate3d(0,0,0);\r\n    }\r\n\r\n    \/* Detail box: cleaner, less yellow, more readable *\/\r\n    #ps-benefits .detail-box{\r\n      background: rgba(255,255,255,.78);\r\n      border:1px solid rgba(15,43,70,.10);\r\n      border-left: 3px solid rgba(225,161,52,.55);\r\n      border-radius:12px;\r\n      padding:12px 14px;\r\n      color: var(--muted);\r\n      font-size:.95rem;\r\n      line-height:1.5;\r\n    }\r\n\r\n    \/* CTAs *\/\r\n    #ps-benefits .cta-row{\r\n      display:flex;\r\n      gap:12px;\r\n      flex-wrap:wrap;\r\n      margin-top:26px;\r\n    }\r\n    #ps-benefits .btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      padding:12px 18px;\r\n      border-radius:16px;\r\n      border:1px solid transparent;\r\n      text-decoration:none;\r\n      font-weight:700;\r\n      white-space:nowrap;\r\n\r\n      -webkit-tap-highlight-color: transparent;\r\n      touch-action: manipulation;\r\n\r\n      box-shadow:0 6px 16px rgba(15,43,70,.06);\r\n      transform:translateY(0);\r\n      will-change: transform, box-shadow;\r\n      transition: transform .18s var(--ease), box-shadow .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease);\r\n    }\r\n    #ps-benefits .btn:hover{\r\n      transform:translateY(-2px);\r\n      box-shadow:0 12px 26px rgba(15,43,70,.12);\r\n    }\r\n    #ps-benefits .btn:active{\r\n      transform:translateY(0);\r\n      box-shadow:0 4px 12px rgba(15,43,70,.12), inset 0 2px 6px rgba(0,0,0,.12);\r\n    }\r\n    #ps-benefits .btn:focus-visible{\r\n      outline:none;\r\n      box-shadow:0 0 0 3px rgba(21,36,53,.18), 0 10px 28px rgba(15,43,70,.14);\r\n    }\r\n\r\n    #ps-benefits .btn-primary{\r\n      background:var(--accent);\r\n      border-color: rgba(157,126,0,.25);\r\n      color:#111;\r\n    }\r\n    #ps-benefits .btn-primary:hover{ background:#D97706; }\r\n\r\n    #ps-benefits .btn-outline{\r\n      background:#fff;\r\n      border-color: rgba(15,43,70,.18);\r\n      color:var(--navy);\r\n    }\r\n    #ps-benefits .btn-outline:hover{ border-color: rgba(15,43,70,.26); }\r\n\r\n    \/* Reveal *\/\r\n    #ps-benefits [data-bene-reveal]{\r\n      opacity:0;\r\n      transform:translate3d(0, var(--revealY), 0);\r\n      filter: blur(2px);\r\n      transition: opacity 520ms var(--ease), transform 520ms var(--ease), filter 520ms var(--ease);\r\n      transition-delay: var(--delay, 0ms);\r\n      will-change: transform, opacity;\r\n    }\r\n    #ps-benefits.is-in [data-bene-reveal]{\r\n      opacity:1;\r\n      transform:translate3d(0,0,0);\r\n      filter: blur(0px);\r\n    }\r\n    #ps-benefits.is-in .kicker::before{\r\n      animation: psbKickerGrow 620ms var(--ease) both;\r\n    }\r\n    @keyframes psbKickerGrow{\r\n      0%{ transform:scaleX(.2); opacity:.3; }\r\n      100%{ transform:scaleX(1); opacity:1; }\r\n    }\r\n\r\n    \/* Responsive radii *\/\r\n    @media (max-width:1024px){\r\n      #ps-benefits{\r\n        border-top-left-radius:120px;\r\n        border-top-right-radius:120px;\r\n        padding-top:64px;\r\n        margin-top:-14px;\r\n      }\r\n    }\r\n    @media (max-width:640px){\r\n      #ps-benefits{\r\n        border-top-left-radius:80px;\r\n        border-top-right-radius:80px;\r\n        padding-top:56px;\r\n        margin-top:-10px;\r\n      }\r\n      #ps-benefits .card{\r\n        padding:16px 44px 16px 14px;\r\n        min-height:0; \/* let content define height on mobile *\/\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      #ps-benefits .card, #ps-benefits .btn, #ps-benefits .details, #ps-benefits .details-inner{\r\n        transition:none !important;\r\n      }\r\n      #ps-benefits [data-bene-reveal]{\r\n        opacity:1 !important;\r\n        transform:none !important;\r\n        filter:none !important;\r\n        transition:none !important;\r\n      }\r\n      #ps-benefits.is-in .card[aria-expanded=\"true\"] .ico::after{ animation:none !important; }\r\n    }\r\n  <\/style>\r\n\r\n<style>\r\n  \/* Option A - Calm UI overrides (keeps your existing blue background) *\/\r\n\r\n  \/* Reduce ambient glow weight (but keep it) *\/\r\n  #ps-benefits::before{\r\n    opacity:.22;\r\n    filter: blur(44px);\r\n  }\r\n\r\n  \/* Remove sheen layer completely (less \u201cdesigned over\u201d) *\/\r\n  #ps-benefits .card::after{ display:none !important; }\r\n\r\n  \/* Remove icon ring animation (too noisy with 3 open cards) *\/\r\n  #ps-benefits.is-in .card[aria-expanded=\"true\"] .ico::after{ content:none !important; }\r\n\r\n  \/* Softer expanded accent rail *\/\r\n  #ps-benefits .card[aria-expanded=\"true\"]::before{\r\n    background: rgba(225,161,52,0.45) !important;\r\n  }\r\n\r\n  \/* Make the \u201cpill\u201d look like simple subtext, not a box *\/\r\n  #ps-benefits .note-pill{\r\n    background: transparent !important;\r\n    border: 0 !important;\r\n    padding: 0 !important;\r\n    border-radius: 0 !important;\r\n    color: rgba(21,36,53,.72) !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  \/* Remove the \u201cdetail-box\u201d box styling, keep it as clean body copy *\/\r\n  #ps-benefits .detail-box{\r\n    background: transparent !important;\r\n    border: 0 !important;\r\n    border-left: 0 !important;\r\n    padding: 0 !important;\r\n    border-radius: 0 !important;\r\n    color: var(--muted) !important;\r\n  }\r\n\r\n  \/* Prevent collapsed cards from keeping extra gap *\/\r\n  #ps-benefits .details{ margin-top: 0 !important; }\r\n  #ps-benefits .card[aria-expanded=\"true\"] .details{ margin-top: 12px !important; }\r\n\r\n  \/* Make icon badge lighter *\/\r\n  #ps-benefits .ico{\r\n    background: rgba(15,43,70,0.03) !important;\r\n    border-color: rgba(15,43,70,.08) !important;\r\n  }\r\n  #ps-benefits .card[aria-expanded=\"true\"] .ico{\r\n    background: rgba(225,161,52,0.06) !important;\r\n    border-color: rgba(225,161,52,0.16) !important;\r\n  }\r\n\r\n  \/* Avoid forcing height, helps mobile feel more natural *\/\r\n  #ps-benefits .card{ min-height: 0 !important; }\r\n\r\n  \/* Make chevron quieter *\/\r\n  #ps-benefits .more{\r\n    background: transparent !important;\r\n    border: 0 !important;\r\n    opacity: .65 !important;\r\n  }\r\n  #ps-benefits .card:hover .more{ opacity: 1 !important; }\r\n<\/style>\r\n\r\n\r\n\r\n  <div class=\"wrap\" aria-label=\"Benef\u00edcios para t\u00e9cnicos\">\r\n\r\n    <h2 data-bene-reveal style=\"--delay:80ms;\">Trabalhe melhor. Ganhe mais.<\/h2>\r\n    <p class=\"sub\" data-bene-reveal style=\"--delay:140ms;\">Mais servi\u00e7os locais. Menos burocracia. Pagamentos r\u00e1pidos.<\/p>\r\n\r\n    <div class=\"grid\" role=\"list\" data-bene-reveal style=\"--delay:200ms;\">\r\n      <article class=\"card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"true\" data-card=\"0\">\r\n        <div class=\"more\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\r\n        <div class=\"ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8.5 12.5l2.5 2.5 4.5-4.5\"\/><\/svg><\/div>\r\n        <div>\r\n          <div class=\"title\">Leads exclusivos<\/div>\r\n          <p class=\"note-pill\">Um pedido, um t\u00e9cnico.<\/p>\r\n          <div class=\"details\"><div class=\"details-inner\"><div class=\"detail-box\">Um cliente por t\u00e9cnico, sem leil\u00f5es de pre\u00e7o. Foco em qualidade e convers\u00e3o.<\/div><\/div><\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" data-card=\"1\">\r\n        <div class=\"more\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\r\n        <div class=\"ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg><\/div>\r\n        <div>\r\n          <div class=\"title\">Urg\u00eancias hoje<\/div>\r\n          <p class=\"note-pill\">Ativa e ganha mais.<\/p>\r\n          <div class=\"details\"><div class=\"details-inner\"><div class=\"detail-box\">Mais pedidos para quem cobre noites e fins de semana, com comunica\u00e7\u00e3o clara de call-out.<\/div><\/div><\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" data-card=\"2\">\r\n        <div class=\"more\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\r\n        <div class=\"ico\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"5\"\/><path d=\"M8 16l8-8\"\/><circle cx=\"9\" cy=\"9\" r=\"1.4\"\/><circle cx=\"15\" cy=\"15\" r=\"1.4\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"title\">Sem mensalidade<\/div>\r\n          <p class=\"note-pill\">S\u00f3 pagas quando ganhas.<\/p>\r\n          <div class=\"details\"><div class=\"details-inner\"><div class=\"detail-box\">Comece sem custos fixos. Comiss\u00e3o transparente apenas em trabalhos conclu\u00eddos.<\/div><\/div><\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" data-card=\"3\">\r\n        <div class=\"more\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\r\n        <div class=\"ico\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"3\"\/><path d=\"M8 18l-3 3\"\/><path d=\"M7.5 9.5h9M7.5 13h6.5\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"title\">Despacho WhatsApp<\/div>\r\n          <p class=\"note-pill\">Aceita em 1 toque.<\/p>\r\n          <div class=\"details\"><div class=\"details-inner\"><div class=\"detail-box\">Aceita\/recusa em segundos. Menos burocracia, mais trabalho conclu\u00eddo.<\/div><\/div><\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" data-card=\"4\">\r\n        <div class=\"more\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\r\n        <div class=\"ico\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M3 10h18\"\/><path d=\"M7 14h4\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"title\">Pagamentos r\u00e1pidos<\/div>\r\n          <p class=\"note-pill\">MB WAY\/IBAN confirmados.<\/p>\r\n          <div class=\"details\"><div class=\"details-inner\"><div class=\"detail-box\">MB WAY\/IBAN com prazos definidos e comprovativo ap\u00f3s confirma\u00e7\u00e3o do cliente.<\/div><\/div><\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"card\" role=\"listitem\" tabindex=\"0\" aria-expanded=\"false\" data-card=\"5\">\r\n        <div class=\"more\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\r\n        <div class=\"ico\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 4v5c0 5-3.5 9-7 9s-7-4-7-9V7l7-4z\"\/><path d=\"M9 13l2 2 4-4\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"title\">Regras claras<\/div>\r\n          <p class=\"note-pill\">Comiss\u00e3o s\u00f3 no conclu\u00eddo.<\/p>\r\n          <div class=\"details\"><div class=\"details-inner\"><div class=\"detail-box\">Transpar\u00eancia total: call-out comunicado antes, comiss\u00e3o s\u00f3 em trabalho conclu\u00eddo.<\/div><\/div><\/div>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"cta-row\" data-bene-reveal style=\"--delay:280ms;\">\r\n      <a href=\"\/candidatura\" class=\"btn btn-primary\" data-cta=\"tech-benefits-apply\" aria-label=\"Inscrever-se em Pronto Solu\u00e7\u00f5es Pro\">Inscrever-se<\/a>\r\n      <a href=\"https:\/\/wa.me\/351923224674?text=Ol%C3%A1!%20Quero%20esclarecer%20d%C3%BAvidas%20sobre%20a%20Pronto%20Solu%C3%A7%C3%B5es%20Pro.\" class=\"btn btn-outline\" data-cta=\"tech-benefits-wa\" aria-label=\"Falar no WhatsApp\" target=\"_blank\" rel=\"noopener\">Falar no WhatsApp<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<script>\r\n  (function () {\r\n    var root = document.getElementById('ps-benefits');\r\n    if (!root) return;\r\n\r\n    function enter(){\r\n      if (root.classList.contains('is-in')) return;\r\n      root.classList.add('is-in');\r\n    }\r\n\r\n    if ('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if (e.isIntersecting){\r\n            enter();\r\n            io.disconnect();\r\n          }\r\n        });\r\n      }, { threshold: 0.18 });\r\n      io.observe(root);\r\n    } else {\r\n      enter();\r\n    }\r\n\r\n    var cards = Array.prototype.slice.call(root.querySelectorAll('.card'));\r\n    if (!cards.length) return;\r\n\r\n    function applyDefaultOpen(){\r\n      \/\/ Detect real layout by row position (works even in Elementor \"mobile\" preview)\r\n      var isDesktop = true;\r\n\r\n      if (cards.length >= 2){\r\n        var r0 = cards[0].getBoundingClientRect();\r\n        var r1 = cards[1].getBoundingClientRect();\r\n\r\n        \/\/ If card #2 is clearly below card #1, we are in the stacked (mobile) layout\r\n        isDesktop = Math.abs(r1.top - r0.top) < 6;\r\n      }\r\n\r\n      cards.forEach(function(card, idx){\r\n        var shouldOpen = isDesktop ? (idx < 3) : (idx === 0);\r\n        card.setAttribute('aria-expanded', shouldOpen ? 'true' : 'false');\r\n      });\r\n    }\r\n\r\n    \/\/ Run after layout is painted (important for accurate positions)\r\n    requestAnimationFrame(function(){\r\n      requestAnimationFrame(applyDefaultOpen);\r\n    });\r\n\r\n    \/\/ Re-apply if layout changes (resize, orientation, Elementor preview toggles)\r\n    window.addEventListener('resize', function(){\r\n      requestAnimationFrame(applyDefaultOpen);\r\n    });\r\n\r\n    \/\/ Toggle behavior stays independent (open\/close a single card)\r\n    cards.forEach(function(card){\r\n      card.addEventListener('click', function(){\r\n        var expanded = card.getAttribute('aria-expanded') === 'true';\r\n        card.setAttribute('aria-expanded', expanded ? 'false' : 'true');\r\n      });\r\n\r\n      card.addEventListener('keydown', function(ev){\r\n        if (ev.key === 'Enter' || ev.key === ' '){\r\n          ev.preventDefault();\r\n          card.click();\r\n        }\r\n      });\r\n    });\r\n  })();\r\n<\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b5c4c7 e-con-full e-flex e-con e-parent\" data-id=\"2b5c4c7\" data-element_type=\"container\" data-e-type=\"container\" id=\"ganhos-comissoes\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ef8520 elementor-widget elementor-widget-html\" data-id=\"9ef8520\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- BLOCK 1 | PRONTO | TECNICOS | GANHOS & COMISS\u00c3O (v2: no mobile scroll + unfold + consistent kicker) -->\r\n<section id=\"ps-earn\" role=\"region\" aria-labelledby=\"ps-earn-title\">\r\n\r\n  <style>\r\n    #ps-earn{\r\n      --navy:#0F2B46; --yellow:#FFD233; --accent:#E1A134; --ink:#152435; --muted:#6c7a89;\r\n      --bg:#E7EFF7; --card:#ffffff; --radius:16px; --shadow:0 10px 28px rgba(15,43,70,.08);\r\n      --badge:rgba(255,210,51,.14);\r\n      --border: rgba(15,43,70,.10);\r\n      --ease:cubic-bezier(.2,.8,.2,1);\r\n      font-family:\"Poppins\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      color:var(--ink); background:var(--bg);\r\n    }\r\n\r\n    #ps-earn .wrap{\r\n      max-width:980px;\r\n      margin:0 auto;\r\n      padding:50px 20px;\r\n    }\r\n\r\n    \/* Consistent kicker (same language as earlier sections) *\/\r\n    #ps-earn .kicker{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      font-size:12.5px;\r\n      font-weight:900;\r\n      letter-spacing:.09em;\r\n      text-transform:uppercase;\r\n      color:rgba(21,36,53,.70);\r\n      margin:0 0 12px 0;\r\n    }\r\n    #ps-earn .kicker::before{\r\n      content:\"\";\r\n      width:26px;\r\n      height:3px;\r\n      border-radius:99px;\r\n      background:var(--accent);\r\n      display:inline-block;\r\n      transform-origin:left center;\r\n    }\r\n\r\n    #ps-earn h3{\r\n      color:var(--navy);\r\n      font-size:clamp(1.3rem,1vw + .9rem,1.75rem);\r\n      margin:0 0 12px;\r\n      letter-spacing:-0.01em;\r\n      line-height:1.15;\r\n    }\r\n    \/* Center only the card title (do NOT touch the kicker) *\/\r\n    #ps-earn #ps-earn-title{\r\n      text-align:center;\r\n    }\r\n    #ps-earn .card{\r\n      background:var(--card);\r\n      border:1px solid var(--border);\r\n      border-radius:var(--radius);\r\n      box-shadow:var(--shadow);\r\n      padding:22px;\r\n    }\r\n\r\n    \/* chips *\/\r\n    #ps-earn .chips{\r\n      display:flex;\r\n      flex-wrap:wrap;\r\n      gap:8px;\r\n      margin:0 0 12px;\r\n      justify-content:center; \/* <- add this *\/\r\n    }\r\n    #ps-earn .pill{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:.55rem;\r\n      background:rgba(15,43,70,.05);\r\n      border:1px solid rgba(15,43,70,.08);\r\n      border-radius:999px;\r\n      padding:6px 12px;\r\n      font-size:.92rem;\r\n      line-height:1;\r\n    }\r\n    #ps-earn .pill .icon{\r\n      width:18px;height:18px;\r\n      stroke:currentColor;fill:none;stroke-width:2;\r\n      stroke-linecap:round;stroke-linejoin:round;\r\n      opacity:.9;\r\n    }\r\n\r\n    \/* copy *\/\r\n    #ps-earn p{\r\n      margin:0 0 10px;\r\n      line-height:1.6;\r\n    }\r\n\r\n    \/* NOTE *\/\r\n    #ps-earn .note{\r\n      margin-top:12px;\r\n      padding:12px 14px;\r\n      background:rgba(255,210,51,.10);\r\n      border:1px solid rgba(255,210,51,.28);\r\n      border-radius:12px;\r\n      color:var(--muted);\r\n      font-size:.92rem;\r\n    }\r\n\r\n    \/* TABLE (desktop\/tablet) *\/\r\n    #ps-earn .table{\r\n      width:100%;\r\n      border-collapse:separate;\r\n      border-spacing:0;\r\n      margin:12px 0 6px;\r\n      border:1px solid rgba(15,43,70,.08);\r\n      border-radius:12px;\r\n      overflow:hidden;\r\n    }\r\n    #ps-earn .table th,\r\n    #ps-earn .table td{\r\n      padding:10px 12px;\r\n      font-size:.95rem;\r\n      vertical-align:top;\r\n      white-space:normal;            \/* important: allow wrapping *\/\r\n      word-break:break-word;\r\n    }\r\n    #ps-earn .table thead th{\r\n      background:#f0f4f8;\r\n      color:#0F2B46;\r\n      text-align:left;\r\n    }\r\n    #ps-earn .table tbody tr:not(:last-child) td{\r\n      border-bottom:1px solid rgba(15,43,70,.06);\r\n    }\r\n    #ps-earn .table .emph{ font-weight:800; }\r\n\r\n    \/* MOBILE \"receipt\" table (no sideways scroll, more intuitive) *\/\r\n    #ps-earn .m-table{\r\n      display:none; \/* enabled on mobile *\/\r\n      margin:12px 0 6px;\r\n      border:1px solid rgba(15,43,70,.08);\r\n      border-radius:12px;\r\n      overflow:hidden;\r\n      background:#fff;\r\n    }\r\n    #ps-earn .m-row{\r\n      display:grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap:10px;\r\n      padding:10px 12px;\r\n      align-items:start;\r\n    }\r\n    #ps-earn .m-row + .m-row{\r\n      border-top:1px solid rgba(15,43,70,.06);\r\n    }\r\n    #ps-earn .m-key{\r\n      color:#0F2B46;\r\n      font-size:.92rem;\r\n      line-height:1.35;\r\n    }\r\n    #ps-earn .m-val{\r\n      color:#0F2B46;\r\n      font-size:.95rem;\r\n      font-weight:700;\r\n      white-space:nowrap;\r\n    }\r\n    #ps-earn .m-val.m-muted{ font-weight:600; color:rgba(15,43,70,.55); }\r\n    #ps-earn .m-val.m-emph{ font-weight:900; }\r\n\r\n    \/* list + icons *\/\r\n    #ps-earn .list{\r\n      display:grid;\r\n      grid-template-columns:1fr;\r\n      gap:12px;\r\n      margin:14px 0 0;\r\n      padding:0;\r\n    }\r\n    #ps-earn .list li{\r\n      list-style:none;\r\n      display:flex;\r\n      gap:12px;\r\n      align-items:flex-start;\r\n    }\r\n    #ps-earn .ico-badge{\r\n      flex:0 0 48px;\r\n      width:48px;height:48px;\r\n      border-radius:999px;\r\n      background:var(--badge);\r\n      display:grid;\r\n      place-items:center;\r\n      margin-top:2px;\r\n    }\r\n    #ps-earn .list .icon{\r\n      width:24px;height:24px;\r\n      stroke:currentColor;fill:none;stroke-width:2;\r\n      stroke-linecap:round;stroke-linejoin:round;\r\n    }\r\n\r\n    \/* CTAs *\/\r\n    #ps-earn .cta-row{\r\n      display:flex;\r\n      gap:12px;\r\n      flex-wrap:wrap;\r\n      margin-top:16px;\r\n    }\r\n    #ps-earn .btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:.6rem;\r\n      padding:12px 18px;\r\n      border-radius:16px;\r\n      border:2px solid transparent;\r\n      text-decoration:none;\r\n      font-weight:700;\r\n      white-space:nowrap;\r\n      transition:transform .18s var(--ease), box-shadow .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease);\r\n      min-height:44px;\r\n      touch-action:manipulation;\r\n      will-change:transform;\r\n      outline-offset:3px;\r\n      box-shadow:0 6px 16px rgba(15,43,70,.06);\r\n    }\r\n    #ps-earn .btn:focus-visible{ outline:3px solid rgba(255,210,51,.6); }\r\n    #ps-earn .btn:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(15,43,70,.12); }\r\n    #ps-earn .btn:active{ transform:translateY(0); box-shadow:0 4px 12px rgba(15,43,70,.12), inset 0 2px 6px rgba(0,0,0,.10); }\r\n\r\n    #ps-earn .btn-primary{\r\n      background:#E1A134;\r\n      color:#111;\r\n      border-color: rgba(157,126,0,.25);\r\n    }\r\n    #ps-earn .btn-primary:hover{ background:#D97706; }\r\n\r\n    #ps-earn .btn-outline{\r\n      background:#fff;\r\n      border-color:rgba(15,43,70,.18);\r\n      color:var(--navy);\r\n    }\r\n    #ps-earn .btn-outline:hover{ border-color:rgba(15,43,70,.26); }\r\n\r\n    \/* Unfold \/ reveal *\/\r\n    #ps-earn [data-earn-reveal]{\r\n      opacity:0;\r\n      transform:translate3d(0, 12px, 0);\r\n      filter: blur(2px);\r\n      transition: opacity 520ms var(--ease), transform 520ms var(--ease), filter 520ms var(--ease);\r\n      transition-delay: var(--delay, 0ms);\r\n      will-change: transform, opacity;\r\n    }\r\n    #ps-earn.is-in [data-earn-reveal]{\r\n      opacity:1;\r\n      transform:translate3d(0,0,0);\r\n      filter: blur(0px);\r\n    }\r\n    #ps-earn.is-in .kicker::before{\r\n      animation: psEarnKicker 620ms var(--ease) both;\r\n    }\r\n    @keyframes psEarnKicker{\r\n      0%{ transform:scaleX(.2); opacity:.3; }\r\n      100%{ transform:scaleX(1); opacity:1; }\r\n    }\r\n\r\n    \/* mobile tweaks *\/\r\n    @media (max-width:640px){\r\n      #ps-earn .wrap{ padding:36px 16px; }\r\n      #ps-earn .card{ padding:18px 16px; }\r\n\r\n      \/* Swap: hide desktop table, show receipt *\/\r\n      #ps-earn .table{ display:none; }\r\n      #ps-earn .m-table{ display:block; }\r\n\r\n      #ps-earn .cta-row{ flex-direction:column; align-items:stretch; }\r\n      #ps-earn .btn{ width:100%; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce){\r\n      #ps-earn [data-earn-reveal]{ opacity:1 !important; transform:none !important; filter:none !important; transition:none !important; }\r\n      #ps-earn .btn{ transition:none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"kicker\" data-earn-reveal style=\"--delay:0ms;\">Pronto Solu\u00e7\u00f5es Pro<\/div>\r\n\r\n    <article class=\"card\" aria-labelledby=\"ps-earn-title\" data-earn-reveal style=\"--delay:90ms;\">\r\n      <h3 id=\"ps-earn-title\" data-earn-reveal style=\"--delay:140ms;\">Ganhos &amp; comiss\u00e3o (exemplo mensal com transpar\u00eancia total)<\/h3>\r\n\r\n      <p class=\"chips\" data-earn-reveal style=\"--delay:180ms;\">\r\n        <span class=\"pill\">\r\n          <svg class=\"icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n            <path d=\"M4.6 4.6 19.4 19.4\"><\/path>\r\n            <path d=\"M15 7.5a7 7 0 0 0-6.5 2.5m0 4a7 7 0 0 0 8.5 1.5\"><\/path>\r\n          <\/svg>\r\n          0 \u20ac de mensalidade\r\n        <\/span>\r\n        <span class=\"pill\">\r\n          <svg class=\"icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n            <path d=\"M9 12l2 2 4-4\"><\/path>\r\n          <\/svg>\r\n          Comiss\u00e3o s\u00f3 em trabalho conclu\u00eddo\r\n        <\/span>\r\n      <\/p>\r\n\r\n      <p data-earn-reveal style=\"--delay:220ms;\">Trabalhe quando quiser, sem fideliza\u00e7\u00e3o. Define os seus pre\u00e7os e desloca\u00e7\u00e3o antes de cada visita. Recebe por MB WAY ou IBAN ap\u00f3s confirma\u00e7\u00e3o do cliente.<\/p>\r\n\r\n      <!-- Desktop\/tablet table -->\r\n      <table class=\"table\" role=\"table\" aria-label=\"Exemplo indicativo de fatura\u00e7\u00e3o\" data-earn-reveal style=\"--delay:260ms;\">\r\n        <thead>\r\n          <tr><th>Exemplo<\/th><th>Quantidade<\/th><th>Valor<\/th><\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <tr>\r\n            <td>Trabalhos no m\u00eas (exemplo)<\/td>\r\n            <td>10<\/td>\r\n            <td>-<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td>Pre\u00e7o m\u00e9dio por servi\u00e7o (definido por si)<\/td>\r\n            <td>-<\/td>\r\n            <td>\u20ac120<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td><strong>Fatura\u00e7\u00e3o bruta estimada<\/strong><\/td>\r\n            <td>-<\/td>\r\n            <td class=\"emph\">\u20ac1.200<\/td>\r\n          <\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n\r\n      <!-- Mobile receipt (no scroll) -->\r\n      <div class=\"m-table\" role=\"group\" aria-label=\"Exemplo indicativo de fatura\u00e7\u00e3o\" data-earn-reveal style=\"--delay:260ms;\">\r\n        <div class=\"m-row\">\r\n          <div class=\"m-key\">Trabalhos no m\u00eas (exemplo)<\/div>\r\n          <div class=\"m-val\">10<\/div>\r\n        <\/div>\r\n        <div class=\"m-row\">\r\n          <div class=\"m-key\">Pre\u00e7o m\u00e9dio por servi\u00e7o (definido por si)<\/div>\r\n          <div class=\"m-val\">\u20ac120<\/div>\r\n        <\/div>\r\n        <div class=\"m-row\">\r\n          <div class=\"m-key\"><strong>Fatura\u00e7\u00e3o bruta estimada<\/strong><\/div>\r\n          <div class=\"m-val m-emph\">\u20ac1.200<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p data-earn-reveal style=\"--delay:300ms;\">Exemplo: com uma comiss\u00e3o de 20 %, a Pronto Solu\u00e7\u00f5es ficaria com \u20ac240 e voc\u00ea receberia \u20ac960 por m\u00eas.<\/p>\r\n\r\n      <p class=\"note\" data-earn-reveal style=\"--delay:340ms;\">\r\n        <strong>Exemplo meramente indicativo.<\/strong>\r\n        Os valores reais dependem do tipo de servi\u00e7o, zona, pre\u00e7os definidos por si e da sua disponibilidade.\r\n        N\u00e3o garantimos um n\u00famero m\u00ednimo de leads ou trabalhos por m\u00eas.\r\n      <\/p>\r\n\r\n      <ul class=\"list\" aria-label=\"Benef\u00edcios\" data-earn-reveal style=\"--delay:380ms;\">\r\n        <li>\r\n          <span class=\"ico-badge\" aria-hidden=\"true\">\r\n            <svg class=\"icon\" viewBox=\"0 0 24 24\">\r\n              <path d=\"M16 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\r\n              <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n              <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n              <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>Leads <strong>exclusivos<\/strong>: um cliente por t\u00e9cnico, sem leil\u00f5es de pre\u00e7o.<\/span>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"ico-badge\" aria-hidden=\"true\">\r\n            <svg class=\"icon\" viewBox=\"0 0 24 24\">\r\n              <path d=\"M3 11v-1a2 2 0 0 1 2-2h1l10-4v16l-10-4H5a2 2 0 0 1-2-2v-1\"><\/path>\r\n              <path d=\"M7 15v4\"><\/path>\r\n              <circle cx=\"7\" cy=\"19\" r=\"1\"><\/circle>\r\n            <\/svg>\r\n          <\/span>\r\n          <span><strong>Desloca\u00e7\u00e3o<\/strong>, pre\u00e7os e condi\u00e7\u00f5es acordados antes da visita.<\/span>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"ico-badge\" aria-hidden=\"true\">\r\n            <svg class=\"icon\" viewBox=\"0 0 24 24\">\r\n              <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"><\/rect>\r\n              <circle cx=\"16\" cy=\"12\" r=\"2\"><\/circle>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>Recebe por <strong>MB WAY<\/strong> ou <strong>IBAN<\/strong> depois do trabalho conclu\u00eddo.<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"cta-row\" data-earn-reveal style=\"--delay:420ms;\">\r\n        <!-- If you already wired global \u201cscroll + trigger hero button\u201d, this can stay as a normal anchor to the hero -->\r\n        <a href=\"#pro-hero\" class=\"btn btn-primary\" data-cta=\"tech-earn-apply\" aria-label=\"Inscrever-se\">Inscrever-se<\/a>\r\n\r\n        <a href=\"https:\/\/wa.me\/351923224674?text=Tenho%20d%C3%BAvidas%20sobre%20ganhos%20e%20comiss%C3%A3o%20na%20Pronto%20Solu%C3%A7%C3%B5es%20Pro.\" class=\"btn btn-outline\" data-cta=\"tech-earn-wa\" aria-label=\"Falar no WhatsApp\" target=\"_blank\" rel=\"noopener\">Falar no WhatsApp<\/a>\r\n      <\/div>\r\n    <\/article>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      var root = document.getElementById('ps-earn');\r\n      if (!root) return;\r\n\r\n      function enter(){\r\n        if (root.classList.contains('is-in')) return;\r\n        root.classList.add('is-in');\r\n      }\r\n\r\n      if ('IntersectionObserver' in window){\r\n        var io = new IntersectionObserver(function(entries){\r\n          entries.forEach(function(e){\r\n            if (e.isIntersecting){\r\n              enter();\r\n              io.disconnect();\r\n            }\r\n          });\r\n        }, { threshold: 0.18 });\r\n        io.observe(root);\r\n      } else {\r\n        enter();\r\n      }\r\n    })();\r\n  <\/script>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df55828 e-con-full e-flex e-con e-parent\" data-id=\"df55828\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f89209 elementor-widget elementor-widget-html\" data-id=\"1f89209\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- BLOCK 2 | PRONTO | TECNICOS | REQUISITOS -->\r\n<section id=\"ps-req\" role=\"region\" aria-labelledby=\"ps-req-title\">\r\n\r\n  <style>\r\n    #ps-req{\r\n      --navy:#0F2B46; --yellow:#FFD233; --ink:#152435; --muted:#6c7a89;\r\n      --bg:#F4F7FC; --card:#0F2B46; --radius:16px; --shadow:0 10px 28px rgba(15,43,70,.16);\r\n      --badge:rgba(255,210,51,.18);\r\n      --ease:cubic-bezier(.2,.8,.2,1);\r\n      --revealY: 12px;\r\n      font-family:\"Poppins\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      color:#eaf3ff; background:var(--bg);\r\n    }\r\n\r\n    #ps-req .wrap{\r\n      max-width:980px;\r\n      margin:0 auto;\r\n      padding:40px 20px 50px;\r\n    }\r\n\r\n    #ps-req h3{\r\n      color:#fff;\r\n      font-size:clamp(1.3rem,1vw + .9rem,1.75rem);\r\n      margin:0 0 10px;\r\n    }\r\n\r\n    #ps-req .card{\r\n      background:var(--card);\r\n      border-radius:var(--radius);\r\n      box-shadow:var(--shadow);\r\n      padding:22px;\r\n    }\r\n\r\n    \/* lista + \u00edcones *\/\r\n    #ps-req .list{\r\n      display:grid;\r\n      grid-template-columns:1fr;\r\n      gap:12px;\r\n      margin:14px 0 0;\r\n    }\r\n    #ps-req .list li{\r\n      list-style:none;\r\n      display:flex;\r\n      gap:12px;\r\n      align-items:flex-start;\r\n      color:#eaf3ff;\r\n    }\r\n    #ps-req .ico-badge{\r\n      flex:0 0 48px;\r\n      width:48px;\r\n      height:48px;\r\n      border-radius:999px;\r\n      background:var(--badge);\r\n      display:grid;\r\n      place-items:center;\r\n      margin-top:2px;\r\n    }\r\n    #ps-req .icon{\r\n      width:24px;\r\n      height:24px;\r\n      stroke:#fff;\r\n      fill:none;\r\n      stroke-width:2;\r\n      stroke-linecap:round;\r\n      stroke-linejoin:round;\r\n    }\r\n\r\n    \/* CTAs *\/\r\n    #ps-req .cta-row{\r\n      display:flex;\r\n      gap:12px;\r\n      flex-wrap:wrap;\r\n      margin-top:16px;\r\n    }\r\n    #ps-req .btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:.6rem;\r\n      padding:12px 18px;\r\n      border-radius:16px;\r\n      border:2px solid transparent;\r\n      text-decoration:none;\r\n      font-weight:600;\r\n      white-space:nowrap;\r\n      transition:transform .12s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;\r\n      min-height:44px;\r\n      touch-action:manipulation;\r\n      will-change:transform;\r\n      outline-offset:3px;\r\n    }\r\n    #ps-req .btn:focus-visible{\r\n      outline:3px solid rgba(255,255,255,.5);\r\n    }\r\n    #ps-req .btn:active{\r\n      transform:translateY(1px);\r\n    }\r\n    #ps-req .btn-primary{\r\n      background:#E1A134;\r\n      color:#111;\r\n      box-shadow:0 6px 18px rgba(0,0,0,.35);\r\n    }\r\n    #ps-req .btn-primary:hover{\r\n      background:#D97706; \r\n      transform:translateY(-2px);\r\n      box-shadow:0 10px 26px rgba(0,0,0,.45);\r\n    }\r\n    #ps-req .btn-outline{\r\n      background:transparent;\r\n      border-color:rgba(255,255,255,.28);\r\n      color:#fff;\r\n    }\r\n    #ps-req .btn-outline:hover{\r\n      background:rgba(255,255,255,.06);\r\n      transform:translateY(-2px);\r\n      box-shadow:0 10px 26px rgba(0,0,0,.45);\r\n    }\r\n\r\n    @media (max-width:640px){\r\n      #ps-req .wrap{\r\n        padding:32px 16px 40px;\r\n      }\r\n      #ps-req .card{\r\n        padding:18px 16px;\r\n      }\r\n      #ps-req .cta-row{\r\n        flex-direction:column;\r\n        align-items:stretch;\r\n      }\r\n      #ps-req .btn{\r\n        width:100%;\r\n      }\r\n    }\r\n\r\n\r\n    \/* Soft reveal staging (matches ps-how behaviour) *\/\r\n    #ps-req [data-req-reveal]{\r\n      opacity:0;\r\n      transform:translate3d(0, var(--revealY), 0);\r\n      filter: blur(2px);\r\n      transition: opacity 520ms var(--ease), transform 520ms var(--ease), filter 520ms var(--ease);\r\n      transition-delay: var(--delay, 0ms);\r\n      will-change: transform, opacity;\r\n    }\r\n    #ps-req.is-in [data-req-reveal]{\r\n      opacity:1;\r\n      transform:translate3d(0,0,0);\r\n      filter: blur(0px);\r\n    }\r\n\r\n    \/* Stagger reveal for each requirement row *\/\r\n    #ps-req .list li{\r\n      opacity:0;\r\n      transform:translate3d(0, var(--revealY), 0);\r\n      filter: blur(2px);\r\n      transition: opacity 520ms var(--ease), transform 520ms var(--ease), filter 520ms var(--ease);\r\n      transition-delay: var(--li-delay, 0ms);\r\n      will-change: transform, opacity;\r\n    }\r\n    #ps-req.is-in .list li{\r\n      opacity:1;\r\n      transform:translate3d(0,0,0);\r\n      filter: blur(0px);\r\n    }\r\n\r\n    \/* Delays tuned for 5 items *\/\r\n    #ps-req .list li:nth-child(1){ --li-delay: 140ms; }\r\n    #ps-req .list li:nth-child(2){ --li-delay: 230ms; }\r\n    #ps-req .list li:nth-child(3){ --li-delay: 320ms; }\r\n    #ps-req .list li:nth-child(4){ --li-delay: 410ms; }\r\n    #ps-req .list li:nth-child(5){ --li-delay: 500ms; }\r\n\r\n\r\n    @media (prefers-reduced-motion:reduce){\r\n      #ps-req .btn{ transition:none; }\r\n\r\n      #ps-req [data-req-reveal],\r\n      #ps-req .list li{\r\n        opacity:1 !important;\r\n        transform:none !important;\r\n        filter:none !important;\r\n        transition:none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <aside class=\"card\" aria-labelledby=\"ps-req-title\" data-req-reveal style=\"--delay:0ms;\">\r\n      <h3 id=\"ps-req-title\">Requisitos para entrar<\/h3>\r\n\r\n      <ul class=\"list\">\r\n        <li>\r\n          <span class=\"ico-badge\" aria-hidden=\"true\">\r\n            <svg class=\"icon\" viewBox=\"0 0 24 24\">\r\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\r\n              <circle cx=\"9\" cy=\"12\" r=\"2\"><\/circle>\r\n              <path d=\"M15 10h4M15 14h4\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>Cart\u00e3o de Cidad\u00e3o\/ID e <strong>NIF<\/strong> do titular.<\/span>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"ico-badge\" aria-hidden=\"true\">\r\n            <svg class=\"icon\" viewBox=\"0 0 24 24\">\r\n              <path d=\"M12 22s8-4 8-10V6l-8-4-8 4v6c0 6 8 10 8 10Z\"><\/path>\r\n              <path d=\"m9 12 2 2 4-4\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>Comprovativo de atividade e <strong>seguro<\/strong> (b\u00e1sico).<\/span>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"ico-badge\" aria-hidden=\"true\">\r\n            <svg class=\"icon\" viewBox=\"0 0 24 24\">\r\n              <path d=\"M12 21s7-6 7-11a7 7 0 0 0-14 0c0 5 7 11 7 11Z\"><\/path>\r\n              <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>Zonas e <strong>hor\u00e1rios<\/strong> de cobertura definidos.<\/span>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"ico-badge\" aria-hidden=\"true\">\r\n            <svg class=\"icon\" viewBox=\"0 0 24 24\">\r\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\"><\/path>\r\n              <path d=\"M14 2v6h6\"><\/path>\r\n              <path d=\"M16 13H8M16 17H8M10 9H8\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n          <span><strong>Desloca\u00e7\u00e3o<\/strong> clara antes da visita.<\/span>\r\n        <\/li>\r\n        <li>\r\n          <span class=\"ico-badge\" aria-hidden=\"true\">\r\n            <svg class=\"icon\" viewBox=\"0 0 24 24\">\r\n              <path d=\"m12 3 2.4 4.86 5.36.78-3.88 3.78.92 5.35L12 15.9l-4.8 2.87.92-5.35L4.24 8.64l5.36-.78L12 3z\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>Avalia\u00e7\u00e3o m\u00e9dia dos clientes <strong>\u2265 4.6<\/strong>.<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"cta-row\" data-req-reveal style=\"margin-top:14px; --delay:720ms;\">\r\n        <a href=\"\/candidatura\" class=\"btn btn-primary\" data-cta=\"tech-req-apply\" aria-label=\"Inscrever-se\">Inscrever-se<\/a>\r\n        <a href=\"https:\/\/wa.me\/351923224674?text=Quero%20confirmar%20os%20requisitos%20para%20entrar%20como%20t%C3%A9cnico\" class=\"btn btn-outline\" data-cta=\"tech-req-wa\" aria-label=\"Falar no WhatsApp\" target=\"_blank\" rel=\"noopener\">Falar no WhatsApp<\/a>\r\n      <\/div>\r\n    <\/aside>\r\n  <\/div>\r\n<script>\r\n  (function(){\r\n    var root = document.getElementById('ps-req');\r\n    if (!root) return;\r\n\r\n    function enter(){\r\n      if (root.classList.contains('is-in')) return;\r\n      root.classList.add('is-in');\r\n    }\r\n\r\n    if ('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if (e.isIntersecting){\r\n            enter();\r\n            io.disconnect();\r\n          }\r\n        });\r\n      }, { threshold: 0.18 });\r\n      io.observe(root);\r\n    } else {\r\n      enter();\r\n    }\r\n  })();\r\n<\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf578ff e-con-full e-flex e-con e-parent\" data-id=\"cf578ff\" data-element_type=\"container\" data-e-type=\"container\" id=\"faq-tecnicos\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fe4f3b elementor-widget elementor-widget-html\" data-id=\"4fe4f3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- PRONTO | TECNICOS | SECTION 6: FAQ (Bolt-style cards, first open) -->\r\n<section id=\"ps-faq\" class=\"ps-faq-angi\">\r\n  <style>\r\n    #ps-faq{\r\n      --navy:#0F2B46; --ink:#152435; --muted:#6c7a89; --bg:#F4F7FC;\r\n      --ease:cubic-bezier(.2,.8,.2,1);\r\n      --revealY: 12px;\r\n      font-family:\"Poppins\",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n      color:var(--ink); background:var(--bg);\r\n    }\r\n\r\n    #ps-faq .wrap{\r\n      max-width:1140px;\r\n      margin:0 auto;\r\n      padding:64px 20px;\r\n    }\r\n\r\n    #ps-faq .layout{\r\n      display:grid;\r\n      grid-template-columns:0.9fr 1.6fr;\r\n      gap:48px;\r\n      align-items:flex-start;\r\n    }\r\n\r\n    #ps-faq h2{\r\n      margin:0 0 8px;\r\n      font-size:clamp(1.6rem, 1.2vw + 1.1rem, 2.3rem);\r\n      color:#0F2B46;\r\n    }\r\n\r\n    \/* FAQ list as separate cards (Bolt-style) *\/\r\n    #ps-faq .faq-list{\r\n      background:transparent;\r\n    }\r\n\r\n    #ps-faq details{\r\n      margin:0 0 14px;\r\n      border-radius:12px;\r\n      border:1px solid rgba(21,36,53,.14);\r\n      background:#fff;\r\n      box-shadow:0 6px 18px rgba(15,43,70,.04); \/* softer shadow *\/\r\n      overflow:hidden;\r\n    }\r\n\r\n    #ps-faq details:last-of-type{\r\n      margin-bottom:0;\r\n    }\r\n\r\n    #ps-faq summary{\r\n      list-style:none;\r\n      cursor:pointer;\r\n      display:flex;\r\n      align-items:center;\r\n      gap:12px;\r\n      padding:18px 20px;\r\n      font-weight:700;\r\n      color:#0F2B46;\r\n      outline:none;\r\n    }\r\n\r\n    #ps-faq summary::-webkit-details-marker{\r\n      display:none;\r\n    }\r\n\r\n    #ps-faq .chev{\r\n      flex:0 0 20px;\r\n      width:20px;\r\n      height:20px;\r\n      color:#0F2B46;\r\n      opacity:.9;\r\n      transition:transform .2s ease;\r\n    }\r\n\r\n    #ps-faq details[open] .chev{\r\n      transform:rotate(180deg);\r\n    }\r\n\r\n    #ps-faq .answer{\r\n      padding:0 20px 18px 52px;\r\n      line-height:1.65;\r\n      color:var(--ink);\r\n    }\r\n\r\n    #ps-faq .answer .note{\r\n      color:var(--muted);\r\n    }\r\n\r\n    \/* CTA row (only Inscrever-se button now) *\/\r\n    #ps-faq .cta-row{\r\n      margin-top:28px;\r\n      display:flex;\r\n      gap:12px;\r\n      flex-wrap:wrap;\r\n    }\r\n\r\n    #ps-faq .btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:.6rem;\r\n      padding:12px 18px;\r\n      border-radius:12px;\r\n      border:2px solid transparent;\r\n      text-decoration:none;\r\n      font-weight:700;\r\n      white-space:nowrap;\r\n      transition:transform .05s ease,box-shadow .25s ease,background .25s ease;\r\n    }\r\n    #ps-faq .btn:hover{\r\n      transform:translateY(-2px);\r\n      box-shadow:0 10px 26px rgba(15,43,70,.20);\r\n    }\r\n    #ps-faq .btn:active{\r\n      transform:translateY(1px);\r\n    }\r\n\r\n    #ps-faq .btn-primary{\r\n      background:#E1A134;\r\n      color:#111;\r\n      box-shadow:0 6px 18px rgba(255,210,51,.35);\r\n    }\r\n    #ps-faq .btn-primary:hover{\r\n      background:#D97706;\r\n    }\r\n    @media (max-width:900px){\r\n      #ps-faq .wrap{\r\n        padding:48px 16px;\r\n      }\r\n\r\n      #ps-faq .layout{\r\n        grid-template-columns:1fr;\r\n        gap:24px;\r\n      }\r\n\r\n      \/* center heading block on mobile *\/\r\n      #ps-faq .layout > div:first-child{\r\n        text-align:center;\r\n      }\r\n\r\n      #ps-faq h2{\r\n        font-size:1.6rem;\r\n        max-width:100%;\r\n      }\r\n\r\n      #ps-faq .answer{\r\n        padding-left:32px;\r\n        padding-right:24px;\r\n      }\r\n    }\r\n\r\n    \/* Soft reveal (ps-how style) *\/\r\n#ps-faq [data-faq-reveal]{\r\n  opacity:0;\r\n  transform:translate3d(0, var(--revealY), 0);\r\n  filter: blur(2px);\r\n  transition: opacity 520ms var(--ease), transform 520ms var(--ease), filter 520ms var(--ease);\r\n  transition-delay: var(--delay, 0ms);\r\n  will-change: transform, opacity;\r\n}\r\n#ps-faq.is-in [data-faq-reveal]{\r\n  opacity:1;\r\n  transform:translate3d(0,0,0);\r\n  filter: blur(0px);\r\n}\r\n\r\n\/* Stagger reveal for each FAQ card (no need to edit every <details>) *\/\r\n#ps-faq details{\r\n  opacity:0;\r\n  transform:translate3d(0, var(--revealY), 0);\r\n  filter: blur(2px);\r\n  transition: opacity 520ms var(--ease), transform 520ms var(--ease), filter 520ms var(--ease);\r\n  transition-delay: var(--faq-delay, 0ms);\r\n  will-change: transform, opacity;\r\n}\r\n#ps-faq.is-in details{\r\n  opacity:1;\r\n  transform:translate3d(0,0,0);\r\n  filter: blur(0px);\r\n}\r\n\r\n\/* Delays for 9 items (adjust if you add\/remove FAQs) *\/\r\n#ps-faq details:nth-of-type(1){ --faq-delay: 120ms; }\r\n#ps-faq details:nth-of-type(2){ --faq-delay: 200ms; }\r\n#ps-faq details:nth-of-type(3){ --faq-delay: 280ms; }\r\n#ps-faq details:nth-of-type(4){ --faq-delay: 360ms; }\r\n#ps-faq details:nth-of-type(5){ --faq-delay: 440ms; }\r\n#ps-faq details:nth-of-type(6){ --faq-delay: 520ms; }\r\n#ps-faq details:nth-of-type(7){ --faq-delay: 600ms; }\r\n#ps-faq details:nth-of-type(8){ --faq-delay: 680ms; }\r\n#ps-faq details:nth-of-type(9){ --faq-delay: 760ms; }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  #ps-faq [data-faq-reveal],\r\n  #ps-faq details{\r\n    opacity:1 !important;\r\n    transform:none !important;\r\n    filter:none !important;\r\n    transition:none !important;\r\n  }\r\n  #ps-faq .chev{ transition:none; }\r\n}\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"layout\">\r\n      <!-- Left column -->\r\n      <div>\r\n        <h2 data-faq-reveal style=\"--delay:0ms;\">Perguntas frequentes<\/h2>\r\n      <\/div>\r\n\r\n      <!-- Right column -->\r\n      <div>\r\n        <div class=\"faq-list\">\r\n\r\n          <!-- First one open by default -->\r\n          <details open>\r\n            <summary>\r\n              <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <polyline points=\"6 9 12 15 18 9\"\r\n                          fill=\"none\"\r\n                          stroke=\"currentColor\"\r\n                          stroke-width=\"1.8\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\" \/>\r\n              <\/svg>\r\n              Quantos pedidos posso receber?\r\n            <\/summary>\r\n            <div class=\"answer\">\r\n              Depende da zona e dos hor\u00e1rios que cobre. Quem aceita <strong>urg\u00eancias<\/strong> (noite\/fins de semana) tende a receber mais pedidos.\r\n              Cada pedido \u00e9 <strong>exclusivo<\/strong> para um t\u00e9cnico de cada vez. Se n\u00e3o responder em tempo \u00fatil, reatribu\u00edmos ao pr\u00f3ximo dispon\u00edvel.\r\n            <\/div>\r\n          <\/details>\r\n\r\n          <details>\r\n            <summary>\r\n              <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <polyline points=\"6 9 12 15 18 9\"\r\n                          fill=\"none\"\r\n                          stroke=\"currentColor\"\r\n                          stroke-width=\"1.8\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\" \/>\r\n              <\/svg>\r\n              Como funcionam os pagamentos?\r\n            <\/summary>\r\n            <div class=\"answer\">\r\n              Pagamos por <strong>MB WAY<\/strong> ou <strong>IBAN<\/strong> ap\u00f3s confirma\u00e7\u00e3o de trabalho conclu\u00eddo com o cliente.\r\n              Indicamos o prazo de pagamento no despacho e enviamos comprovativo.\r\n            <\/div>\r\n          <\/details>\r\n\r\n          <details>\r\n            <summary>\r\n              <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <polyline points=\"6 9 12 15 18 9\"\r\n                          fill=\"none\"\r\n                          stroke=\"currentColor\"\r\n                          stroke-width=\"1.8\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\" \/>\r\n              <\/svg>\r\n              Posso recusar um trabalho?\r\n            <\/summary>\r\n            <div class=\"answer\">\r\n              Sim. Basta recusar de forma r\u00e1pida (idealmente <strong>at\u00e9 5 minutos<\/strong>) para podermos reatribuir. Recusas frequentes ou <em>no-shows<\/em> podem levar a pausa tempor\u00e1ria.\r\n            <\/div>\r\n          <\/details>\r\n\r\n          <details>\r\n            <summary>\r\n              <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <polyline points=\"6 9 12 15 18 9\"\r\n                          fill=\"none\"\r\n                          stroke=\"currentColor\"\r\n                          stroke-width=\"1.8\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\" \/>\r\n              <\/svg>\r\n              Quem define pre\u00e7os e o call-out?\r\n            <\/summary>\r\n            <div class=\"answer\">\r\n              O <strong>call-out<\/strong> \u00e9 definido por si e deve ser comunicado ao cliente antes da desloca\u00e7\u00e3o. Materiais\/pe\u00e7as s\u00e3o cobrados juntamente com a <strong>comiss\u00e3o total<\/strong>. Taxas de urg\u00eancia s\u00e3o aceites desde que <strong>claras e aprovadas<\/strong> pelo cliente.\r\n            <\/div>\r\n          <\/details>\r\n\r\n          <details>\r\n            <summary>\r\n              <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <polyline points=\"6 9 12 15 18 9\"\r\n                          fill=\"none\"\r\n                          stroke=\"currentColor\"\r\n                          stroke-width=\"1.8\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\" \/>\r\n              <\/svg>\r\n              Como s\u00e3o atribu\u00eddos os trabalhos?\r\n            <\/summary>\r\n            <div class=\"answer\">\r\n              Usamos telefone\/WhatsApp para <strong>despacho r\u00e1pido<\/strong>. O pedido \u00e9 enviado para um t\u00e9cnico dispon\u00edvel na zona.\r\n              Se n\u00e3o houver resposta, reatribu\u00edmos para garantir tempo de chegada ao cliente.\r\n            <\/div>\r\n          <\/details>\r\n\r\n          <details>\r\n            <summary>\r\n              <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <polyline points=\"6 9 12 15 18 9\"\r\n                          fill=\"none\"\r\n                          stroke=\"currentColor\"\r\n                          stroke-width=\"1.8\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\" \/>\r\n              <\/svg>\r\n              E se o cliente cancelar?\r\n            <\/summary>\r\n            <div class=\"answer\">\r\n              Se o cliente cancelar antes da visita, <strong>n\u00e3o h\u00e1 comiss\u00e3o<\/strong>. Se cancelar ap\u00f3s in\u00edcio do servi\u00e7o, seguimos a pol\u00edtica comunicada no despacho (proteger tempo e desloca\u00e7\u00e3o).\r\n            <\/div>\r\n          <\/details>\r\n\r\n          <details>\r\n            <summary>\r\n              <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <polyline points=\"6 9 12 15 18 9\"\r\n                          fill=\"none\"\r\n                          stroke=\"currentColor\"\r\n                          stroke-width=\"1.8\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\" \/>\r\n              <\/svg>\r\n              Que documentos preciso para entrar?\r\n            <\/summary>\r\n            <div class=\"answer\">\r\n              <strong>ID + NIF<\/strong> do titular, <strong>prova de atividade\/seguro<\/strong> (b\u00e1sico) e defini\u00e7\u00e3o de <strong>zonas\/hor\u00e1rios<\/strong>. Mantemos avalia\u00e7\u00e3o \u2265 <strong>4.6\u2605<\/strong>.\r\n            <\/div>\r\n          <\/details>\r\n\r\n          <details>\r\n            <summary>\r\n              <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <polyline points=\"6 9 12 15 18 9\"\r\n                          fill=\"none\"\r\n                          stroke=\"currentColor\"\r\n                          stroke-width=\"1.8\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\" \/>\r\n              <\/svg>\r\n              Quando come\u00e7o a receber pedidos?\r\n            <\/summary>\r\n            <div class=\"answer\">\r\n              Ap\u00f3s valida\u00e7\u00e3o, costumamos enviar <strong>1\u20132 pedidos de teste<\/strong> para ativa\u00e7\u00e3o inicial. Se correr bem, mantemos fluxo conforme a sua disponibilidade e zona.\r\n            <\/div>\r\n          <\/details>\r\n\r\n          <details>\r\n            <summary>\r\n              <svg class=\"chev\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <polyline points=\"6 9 12 15 18 9\"\r\n                          fill=\"none\"\r\n                          stroke=\"currentColor\"\r\n                          stroke-width=\"1.8\"\r\n                          stroke-linecap=\"round\"\r\n                          stroke-linejoin=\"round\" \/>\r\n              <\/svg>\r\n              Como tratam dados pessoais (RGPD)?\r\n            <\/summary>\r\n            <div class=\"answer\">\r\n              Usamos apenas os dados necess\u00e1rios para <strong>despacho e fatura\u00e7\u00e3o<\/strong> (telefone, WhatsApp, email, NIF). Pode solicitar acesso\/remo\u00e7\u00e3o conforme a nossa Pol\u00edtica de Privacidade.\r\n            <\/div>\r\n          <\/details>\r\n        <\/div>\r\n\r\n        <!-- CTA row: only Inscrever-se -->\r\n        <div class=\"cta-row\" data-faq-reveal style=\"--delay:860ms;\">\r\n          <a href=\"\/candidatura\" class=\"btn btn-primary\" data-cta=\"tech-faq-apply\" aria-label=\"Inscrever-se\">Inscrever-se<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function(){\r\n    var root = document.getElementById('ps-faq');\r\n    if (!root) return;\r\n\r\n    function enter(){\r\n      if (root.classList.contains('is-in')) return;\r\n      root.classList.add('is-in');\r\n    }\r\n\r\n    if ('IntersectionObserver' in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if (e.isIntersecting){\r\n            enter();\r\n            io.disconnect();\r\n          }\r\n        });\r\n      }, { threshold: 0.18 });\r\n      io.observe(root);\r\n    } else {\r\n      enter();\r\n    }\r\n  })();\r\n<\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Quer mais trabalhos em Porto? Receba pedidos de Canaliza\u00e7\u00e3o, Eletricidade e Faz-tudo Qual \u00e9 a sua especialidade? \u25be Canalizador Desentupimento Canalizador Fugas de \u00e1gua Canalizador Esquentador Eletricista Disjuntor Eletricista Tomadas Eletricista Curto-circuito Faz-tudo Manuten\u00e7\u00e3o geral \ud83d\udee0\ufe0f Canalizador \u26a1 Eletricista \ud83d\udd27 Faz-tudo Come\u00e7ar a receber trabalhos Sem fideliza\u00e7\u00e3o \u2022 Suporte 24\/7 \u2022 MB WAY\/IBAN Pronto Solu\u00e7\u00f5es [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4064,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4021","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/pages\/4021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/comments?post=4021"}],"version-history":[{"count":241,"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/pages\/4021\/revisions"}],"predecessor-version":[{"id":5295,"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/pages\/4021\/revisions\/5295"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/media\/4064"}],"wp:attachment":[{"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/media?parent=4021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}