/* ===========================================================
   FRISK — página de captação de pontos comerciais
   =========================================================== */

.pg-parceria{ padding-top:76px; }

/* ---------- Hero ---------- */
.phero{ padding-block:clamp(42px,6vw,86px) clamp(20px,3vw,40px); }
.phero__in{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(32px,5vw,72px); align-items:center; }
@media (max-width:900px){ .phero__in{ grid-template-columns:1fr; } }
.phero h1{ font-size:clamp(2.6rem,6.6vw,5rem); margin:0 0 .4em; }
.phero .lead{ max-width:42ch; }
.phero__media img{ width:100%; border-radius:var(--r); }
.phero .hero__cta{ margin-top:2rem; }

/* ---------- O que agrega ---------- */
.agrega{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--azul-12);
}
@media (max-width:900px){ .agrega{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px){ .agrega{ grid-template-columns:1fr; } }
.agrega li{ background:var(--offwhite); padding:clamp(26px,3vw,38px); }
.agrega span{
  display:inline-block; font-family:var(--ff-display); font-weight:900;
  font-size:.9rem; letter-spacing:.04em; color:var(--offwhite);
  background:var(--azul); border-radius:999px; padding:.3em .85em; margin-bottom:1.1rem;
}
.agrega h3{ font-size:1.28rem; margin-bottom:.5em; }
.agrega p{ font-size:.96rem; color:var(--azul-80); }

/* ---------- Requisitos ---------- */
.req{ margin:0; display:grid; gap:1px; background:rgba(235,231,224,.2); border-radius:var(--r); overflow:hidden; }
.req > div{
  background:var(--azul); display:grid; grid-template-columns:minmax(120px,.8fr) 1.4fr;
  gap:16px; padding:1.05em clamp(16px,2vw,26px); align-items:baseline;
}
@media (max-width:480px){ .req > div{ grid-template-columns:1fr; gap:4px; } }
.req dt{ font-weight:700; font-size:.92rem; }
.req dd{ margin:0; font-size:.95rem; color:rgba(235,231,224,.78); }
.req dd b{ color:var(--offwhite); }

/* ---------- Locais ---------- */
.locais{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:12px; }
.locais li{
  background:var(--offwhite); color:var(--azul); border-radius:999px;
  padding:.8em 1.5em; font-weight:600; font-size:.98rem;
}

/* ---------- Passos ---------- */
.passos{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(20px,2.5vw,32px); counter-reset:p; }
@media (max-width:900px){ .passos{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .passos{ grid-template-columns:1fr; } }
.passos li{ border-top:2px solid var(--azul); padding-top:1.3rem; }
.passos span{ font-size:.74rem; letter-spacing:.2em; text-transform:uppercase; color:var(--azul-60); font-weight:600; }
.passos h3{ font-size:1.3rem; margin:.45em 0 .4em; }
.passos p{ font-size:.95rem; color:var(--azul-80); }
.passos em{ display:block; margin-top:.5em; font-style:normal; font-size:.88rem; color:var(--azul-60); }

/* ---------- Formulário ---------- */
.form-wrap{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(32px,5vw,72px); align-items:start; }
@media (max-width:900px){ .form-wrap{ grid-template-columns:1fr; } }
.form-wrap .chan a{ border-color:rgba(235,231,224,.4); color:var(--offwhite); }
.form-wrap .chan a.chan--wa{ background:var(--offwhite); color:var(--azul); border-color:var(--offwhite); }
.form-wrap .chan a.chan--wa:hover{ background:#fff; color:var(--azul); border-color:#fff; }

.form{ background:rgba(235,231,224,.06); border:1px solid rgba(235,231,224,.18); border-radius:var(--r); padding:clamp(24px,3.2vw,40px); }
.f-row{ margin-bottom:18px; }
.f-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
@media (max-width:560px){ .f-grid{ grid-template-columns:1fr; } }
.form label{ display:block; font-size:.82rem; font-weight:600; letter-spacing:.04em; margin-bottom:.5em; color:rgba(235,231,224,.82); }
.form input, .form select, .form textarea{
  width:100%; font-family:var(--ff-text); font-size:1rem; color:var(--offwhite);
  background:rgba(0,0,0,.18); border:1.5px solid rgba(235,231,224,.26);
  border-radius:11px; padding:.82em 1em; transition:border-color .25s var(--t), background .25s var(--t);
}
.form textarea{ resize:vertical; min-height:110px; }
.form select{ appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23EBE7E0' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 1em center; background-size:12px; padding-right:2.6em; }
.form select option{ background:#00334A; color:#EBE7E0; }
.form input::placeholder, .form textarea::placeholder{ color:rgba(235,231,224,.4); }
.form input:focus, .form select:focus, .form textarea:focus{
  outline:none; border-color:var(--offwhite); background:rgba(0,0,0,.28);
}
.form input:user-invalid, .form select:user-invalid{ border-color:#E8927C; }
.f-submit{ width:100%; justify-content:center; margin-top:8px; font-size:1rem; padding:1em 1.5em; }
.f-note{ font-size:.8rem; color:rgba(235,231,224,.55); margin-top:1.1rem; line-height:1.5; }
.hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

/* Mensagens de retorno */
.msg{ border-radius:12px; padding:1.1em 1.3em; margin-bottom:22px; font-size:.95rem; line-height:1.5; }
.msg--ok{ background:var(--offwhite); color:var(--azul); font-weight:600; }
.msg--erro{ background:rgba(232,146,124,.16); border:1px solid rgba(232,146,124,.5); color:#F4C4B6; }

/* Header sempre sólido nesta página */
.pg-parceria .hdr{ background:rgba(235,231,224,.94); backdrop-filter:saturate(1.4) blur(14px); -webkit-backdrop-filter:saturate(1.4) blur(14px); box-shadow:0 1px 0 var(--azul-12); }
.pg-parceria .hdr .brand, .pg-parceria .hdr .nav a, .pg-parceria .hdr .btn, .pg-parceria .burger{ color:var(--azul); }
@media (max-width:860px){
  .pg-parceria body.menu-open .brand, .pg-parceria body.menu-open .burger{ color:var(--offwhite); }
  .pg-parceria .nav__links a{ color:var(--offwhite); }
}
