/* =========================================================
   SOS BOLSO · CSS GLOBAL DO SITE
   Arquivo: public_html/assets/sos-bolso.css
   Carregado pelo mu-plugin sos-assets.php (não usar CSS Adicional)
   ========================================================= */

/* ---------- 1. FONTES ---------- */
@font-face{
  font-family:'Circular Std';
  src:url('/Fontes/circular-std-bold.ttf') format('truetype');
  font-weight:700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Circular Std';
  src:url('/Fontes/circular-std-medium.ttf') format('truetype');
  font-weight:500;font-style:normal;font-display:swap;
}
:root{
  --sos-titulo:'Circular Std','Montserrat',sans-serif;
}

/* ---------- 2. TÍTULOS (Circular Std Bold) ---------- */
h1,h2,h3,h4,
.elementor-heading-title,
.sos-form__title,
.sos-pform__title,
.sosp .sosp-h1,
.sosp .sosp-h2{
  font-family:var(--sos-titulo)!important;
  font-weight:700!important;
}

/* ---------- 3. FORMULÁRIOS (.sos-form e .sos-pform) ---------- */
/* Base compartilhada */
.sos-form,.sos-pform{
  position:relative;left:50%;right:50%;
  margin-left:-50vw;margin-right:-50vw;width:100vw;
  background:#1400c8;font-family:'Montserrat',sans-serif;box-sizing:border-box;
}
.sos-form *,.sos-pform *{box-sizing:border-box}

.sos-form__inner,.sos-pform__inner{
  max-width:1320px;margin:0 auto;padding:90px 5vw;
  display:flex;align-items:center;justify-content:space-between;gap:56px;flex-wrap:wrap;
}
.sos-form__text,.sos-pform__text{max-width:420px;flex:1 1 320px}

.sos-form__title,.sos-pform__title{
  color:#fff;font-size:clamp(24px,2.6vw,32px);line-height:1.3;margin:0;
}
.sos-pform__title{margin-bottom:16px}
.sos-pform__desc{color:rgba(255,255,255,.85);font-weight:400;font-size:15px;line-height:1.7;margin:0}

.sos-form__card,.sos-pform__card{
  background:#fff;border-radius:20px;padding:48px 44px;width:100%;
  box-shadow:0 30px 60px rgba(0,0,0,.18);
}
.sos-form__card{max-width:640px;flex:1 1 420px}
.sos-pform__card{max-width:560px;flex:1 1 380px}

.sos-form__card form,.sos-pform__card form{display:flex;flex-direction:column;gap:22px}
.sos-form__field,.sos-pform__field{display:flex;flex-direction:column;gap:8px}
.sos-form__field label,.sos-form__radio-label,.sos-pform__field label{
  font-size:13px;font-weight:600;color:#4b5262;
}

/* Campos */
.sos-form__card input[type="text"],
.sos-form__card input[type="email"],
.sos-form__card input[type="tel"],
.sos-pform__card input[type="text"],
.sos-pform__card input[type="email"],
.sos-pform__card input[type="tel"],
.sos-pform__card select,
.sos-pform__card textarea{
  width:100%;background-color:#f4f5f7;border:1px solid transparent;border-radius:8px;
  padding:13px 14px;font-family:'Montserrat',sans-serif;font-size:15px;color:#262b36;
  transition:border-color .2s ease,background-color .2s ease;
}
.sos-pform__card select{
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%234B5262' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:38px;
}
.sos-pform__card textarea{min-height:120px;resize:vertical}
.sos-pform__card textarea::placeholder{color:#9aa1ad}

.sos-form__card input:focus,
.sos-pform__card input:focus,
.sos-pform__card select:focus,
.sos-pform__card textarea:focus{
  outline:none;border-color:#1400c8;background-color:#fff;
}

/* Linha com UF */
.sos-pform__row{display:flex;gap:16px}
.sos-pform__field--grow{flex:1 1 auto}
.sos-pform__field--uf{flex:0 0 110px}

/* Rádios (CF7) */
.sos-form__radio-group,.sos-form__card .wpcf7-radio{display:flex;gap:24px}
.sos-form__card .wpcf7-list-item{margin:0}
.sos-form__card .wpcf7-list-item-label{
  display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#262b36;cursor:pointer;
}
.sos-form__card input[type="radio"]{accent-color:#1400c8;width:15px;height:15px}

/* Botão enviar */
.sos-form__submit,.sos-pform__submit{
  align-self:flex-start;margin-top:4px;color:#fff;border:none;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:15px;border-radius:8px;cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.sos-form__submit{background:#1400c8;padding:14px 26px}
.sos-form__submit:hover{background:#1100a3;transform:translateY(-1px)}
.sos-pform__submit{background:#ff6400;padding:14px 30px}
.sos-pform__submit:hover{background:#e05800;transform:translateY(-1px)}

.sos-form__card .wpcf7-response-output,
.sos-pform__card .wpcf7-response-output{margin:0;border-radius:8px;font-size:13px}

@media (max-width:900px){
  .sos-form__inner,.sos-pform__inner{padding:64px 6vw}
  .sos-form__text,.sos-pform__text{max-width:100%}
}
@media (max-width:480px){
  .sos-form__card,.sos-pform__card{padding:32px 24px}
  .sos-pform__row{flex-direction:column}
  .sos-pform__field--uf{flex:1 1 auto}
}

/* ---------- 4. PORTAL SOS+ (.sosp) ---------- */
.sosp{
  --sosp-night:#020A2C;--sosp-navy:#08196A;--sosp-anil:#1200B4;--sosp-ink:#0D145C;
  --sosp-orange:#FF6400;--sosp-orange-hot:#FF3A00;--sosp-amber:#FF9A1F;
  --sosp-mist:#F2F3F8;--sosp-line:#DCDFEC;--sosp-muted:#5A6192;--sosp-muted-d:#AEB6DD;
  --sosp-display:"Outfit","Avenir Next","Segoe UI",system-ui,sans-serif;
  --sosp-body:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;
  font-family:var(--sosp-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;
  box-sizing:border-box;position:relative;width:100%;scroll-margin-top:90px;
}
.sosp *,.sosp *::before,.sosp *::after{box-sizing:border-box}
.sosp img{max-width:100%;height:auto;display:block;border:0;box-shadow:none;border-radius:0}
.sosp a{text-decoration:none;transition:none}
.sosp .sosp-wrap{max-width:1200px;margin:0 auto;padding-left:clamp(20px,5vw,56px);padding-right:clamp(20px,5vw,56px)}
.sosp .sosp-o{color:var(--sosp-orange)}

.sosp .sosp-h1,.sosp .sosp-h2{margin:0;padding:0;letter-spacing:-.01em;text-wrap:balance;text-transform:none}
.sosp .sosp-h1{font-size:clamp(36px,4.6vw,58px);line-height:1.04}
.sosp .sosp-h2{font-size:clamp(30px,3.8vw,48px);line-height:1.07}
.sosp .sosp-lead{font-family:var(--sosp-body);font-size:clamp(16px,1.4vw,19px);line-height:1.55;margin:0;max-width:56ch}

.sosp .sosp-btn{display:inline-flex;align-items:center;gap:14px;font:600 17px/1 var(--sosp-display);padding:8px 8px 8px 24px;border-radius:999px;background:linear-gradient(90deg,var(--sosp-orange-hot),var(--sosp-orange) 70%);color:#fff;box-shadow:0 10px 26px -10px rgba(255,80,0,.8);white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease;border:0}
.sosp .sosp-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(255,80,0,.9);color:#fff}
.sosp .sosp-btn .sosp-ar{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--sosp-orange);display:grid;place-items:center;flex:none}
.sosp .sosp-btn .sosp-ar svg{width:18px;height:18px}
.sosp .sosp-btn-ghost{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);padding:16px 22px}
.sosp .sosp-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #fff}
.sosp a:focus-visible,.sosp button:focus-visible{outline:3px solid var(--sosp-orange);outline-offset:3px}

.sosp .sosp-float{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:rgba(4,20,72,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:10px 14px;font:600 14px/1.2 var(--sosp-body);color:#fff}
.sosp .sosp-float .sosp-ic{width:34px;height:34px;border-radius:10px;background:var(--sosp-orange);display:grid;place-items:center;flex:none;color:#fff}
.sosp .sosp-float .sosp-ic svg{width:18px;height:18px}
.sosp .sosp-float small{display:block;font-weight:500;color:var(--sosp-muted-d);font-size:12px}

.sosp .sosp-bubble{position:absolute;z-index:3;background:#fff;color:var(--sosp-ink);border-radius:20px 20px 20px 6px;padding:14px 18px;font:500 15px/1.3 var(--sosp-body);box-shadow:0 18px 40px -12px rgba(0,0,0,.5);max-width:230px}
.sosp .sosp-bubble b{font-family:var(--sosp-display);font-size:17px;display:block;color:var(--sosp-ink)}

@media (prefers-reduced-motion:reduce){.sosp *{animation:none!important;transition:none!important}}

/* ---------- 5. MENU MOBILE ---------- */
.site-header .wp-block-navigation__responsive-container.is-menu-open{background:#fff!important;color:#1a1a2e!important;padding:0!important;animation:sosMenuIn .25s ease-out}
@keyframes sosMenuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{position:relative;min-height:100%;padding:88px 24px 32px!important;box-sizing:border-box}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before{content:"";position:absolute;top:22px;left:24px;width:150px;height:32px;background:url("/wp-content/uploads/2026/09/Logo-preferencial.png") left center/contain no-repeat}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::after{content:"";position:absolute;top:72px;left:24px;right:24px;height:3px;border-radius:3px;background:linear-gradient(90deg,#1400c8,#ff6400)}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:18px!important;right:18px!important;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f0fb;color:#1400c8!important}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:0!important}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{width:100%;gap:0!important}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%;border-bottom:1px solid #ecebf5}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{display:flex!important;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:18px 4px!important;font-size:20px!important;font-weight:700;color:#1a1a2e!important;text-decoration:none;transition:color .2s,padding-left .2s}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after{content:"›";font-size:26px;font-weight:400;line-height:1;color:#ff6400}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.site-header .wp-block-navigation__responsive-container.is-menu-open .current-menu-item>.wp-block-navigation-item__content{color:#1400c8!important;padding-left:10px!important}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child{border-bottom:0;margin-top:28px}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child>.wp-block-navigation-item__content{justify-content:center;gap:10px;padding:16px!important;border-radius:999px;background:#ff6400;color:#fff!important;font-size:18px!important;box-shadow:0 8px 20px rgba(255,100,0,.3)}
.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child>.wp-block-navigation-item__content::after{content:"→";color:#fff;font-size:20px}