/* ============================================================================
   FARELLO — Tema PREVENCIÓN SALUD (landing de captura /prevencion-salud/)
   ----------------------------------------------------------------------------
   La identidad visual replica la del sitio oficial prevencionsalud.com.ar:
   magenta institucional #E20172 + celeste #40A6EC, fondos claros y limpios.
   Se aplica sobre el design system Farello redefiniendo los tokens en
   body.ps-theme — los componentes (btn, field, faq, footer…) se retiñen solos.
   ============================================================================ */

.ps-theme {
  /* Magenta institucional Prevención Salud */
  --magenta:      #E20172;
  --magenta-600:  #C90165;
  --magenta-700:  #A80154;
  --magenta-300:  #F399C7;
  --magenta-100:  #F9CCE3;
  --magenta-50:   #FEF0F7;
  /* El "violeta" del sistema pasa a ser el celeste PS */
  --purple:       #1B7FC4;
  --purple-600:   #16699F;
  --purple-700:   #1A425E;
  --purple-300:   #8CCBF5;
  --purple-100:   #D9EDFB;
  --purple-50:    #EEF6FD;
  --grad-brand-soft: linear-gradient(125deg, #E20172 0%, #40A6EC 100%);
  --grad-wash: linear-gradient(180deg, #EEF6FD 0%, #fff 60%);
  --shadow-brand: 0 10px 24px rgba(226, 1, 114, .25);
  background: #fff;
}

/* ---------- Barra superior (logo PS + acompañamiento Farello) ---------- */
.ps-top{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--border-1);}
.ps-top__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:66px;padding-block:.55rem;}
.ps-top__brand img{height:34px;width:auto;display:block;}
.ps-top__with{display:none;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;color:var(--fg-3);}
.ps-top__with img{height:20px;width:auto;opacity:.95;}
@media (min-width:700px){ .ps-top__with{display:flex;} }
.ps-top .btn{font-size:.88rem;padding:.6rem 1.1rem;}

/* ---------- Hero claro con formulario ---------- */
.ps-hero{background:linear-gradient(180deg,#EEF6FD 0%,#FEF0F7 70%,#fff 100%);padding:clamp(2.4rem,6vw,4.5rem) 0 clamp(2.6rem,6vw,4rem);position:relative;overflow:hidden;}
.ps-hero::after{content:"+";position:absolute;right:-2rem;top:-4rem;font-size:22rem;font-weight:900;line-height:1;
  color:var(--purple-100);opacity:.55;pointer-events:none;user-select:none;}
.ps-hero__inner{position:relative;z-index:1;display:grid;gap:clamp(1.8rem,4vw,3rem);grid-template-columns:1fr;align-items:start;}
@media (min-width:960px){ .ps-hero__inner{grid-template-columns:1.05fr .95fr;} }
.ps-hero__badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;text-transform:uppercase;
  letter-spacing:.07em;color:var(--purple-700);background:#fff;border:1px solid var(--purple-100);
  padding:.45rem .9rem;border-radius:var(--r-pill);box-shadow:var(--shadow-xs);margin-bottom:1.1rem;}
.ps-hero__badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px rgba(30,158,106,.16);}
.ps-hero__title{font-weight:900;font-size:clamp(2rem,5.4vw,3.4rem);line-height:1.05;letter-spacing:-.02em;color:var(--ink-900);margin-bottom:1rem;text-wrap:balance;}
.ps-hero__title em{font-style:normal;color:var(--magenta);}
.ps-hero__sub{font-size:clamp(1.02rem,2vw,1.18rem);color:var(--fg-2);max-width:54ch;margin-bottom:1.5rem;}
.ps-hero__points{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.6rem;}
.ps-hero__points li{display:flex;gap:.6rem;align-items:baseline;color:var(--fg-2);font-size:.98rem;}
.ps-hero__points li::before{content:"✓";color:var(--success);font-weight:900;flex:none;}
.ps-hero__points strong{color:var(--ink-900);}
.ps-hero__official{font-size:.82rem;color:var(--fg-3);}
.ps-hero__official a{color:var(--purple-700);font-weight:700;text-decoration:underline;text-underline-offset:2px;}

/* ---------- Tarjeta del cotizador / captura ---------- */
.ps-form{background:#fff;border:1px solid var(--border-1);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);
  padding:clamp(1.4rem,3.5vw,2rem);position:relative;}
.ps-form::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--r-lg) var(--r-lg) 0 0;
  background:var(--grad-brand-soft);}
.ps-form h2{font-weight:900;font-size:1.35rem;color:var(--ink-900);margin-bottom:.3rem;}
.ps-form > p{color:var(--fg-3);font-size:.9rem;margin-bottom:1.3rem;}
.ps-form .field{margin-bottom:.95rem;}
.ps-form .field > label{font-size:.85rem;}
.ps-form__consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.8rem;color:var(--fg-3);margin:.9rem 0 1.1rem;}
.ps-form__consent input{margin-top:.2rem;accent-color:var(--magenta);}
.ps-form__submit{width:100%;justify-content:center;font-size:1.03rem;padding:1rem 1.4rem;}
.ps-form__hint{font-size:.78rem;color:var(--fg-3);text-align:center;margin-top:.8rem;}
.ps-form__ok{text-align:center;padding:2rem 1rem;}
.ps-form__ok-icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;
  background:rgba(30,158,106,.12);color:var(--success);}
.ps-form__ok-icon svg{width:32px;height:32px;}
.ps-form__ok h3{font-weight:900;font-size:1.3rem;margin-bottom:.5rem;color:var(--ink-900);}
.ps-form__ok p{color:var(--fg-2);font-size:.95rem;margin-bottom:1.2rem;}

/* ---------- Franja de confianza ---------- */
.ps-trust{background:var(--purple-700);color:#fff;}
.ps-trust__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 2.4rem;padding:1rem 0;}
.ps-trust__item{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;color:rgba(255,255,255,.94);}
.ps-trust__item svg{width:17px;height:17px;color:var(--purple-300);flex:none;}

/* ---------- Compliance (Superintendencia) ---------- */
.ps-compliance{background:var(--ink-100);border-top:1px solid var(--border-1);}
.ps-compliance__inner{padding:1.1rem 0;font-size:.78rem;color:var(--fg-3);display:flex;flex-wrap:wrap;gap:.3rem 1.6rem;align-items:center;}
.ps-compliance__inner a{font-weight:700;color:var(--fg-2);text-decoration:underline;text-underline-offset:2px;}

/* Página clara: secciones alternan blanco / celeste suave */
.ps-theme .section{background:#fff;}
.ps-theme .section--tint{background:var(--purple-50);}
.ps-theme .section--rosa{background:var(--magenta-50);}