/* Landing bespoke — PsicoAlianza Selección. Paleta y tipografía propias de
   este producto (confirmadas en textos-colores-fuentes.txt del Figma
   real): Lato (300/400/600/700/900, única familia del diseño) + sistema
   de color morado "SEL/ORG" de PsicoAlianza con acentos de verde CTA,
   amarillo y cian para enlaces de contacto. No reutiliza paleta ni
   tipografía de eFile ni de otras landings. */

:root{
  --pse-purple:#612C68;--pse-purple-dark:#2A2A80;--pse-purple-deep:#4A0987;
  --pse-cta-purple:#71058C;--pse-cta-purple2:#4A0987;
  --pse-green:#16BF9C;--pse-score-green:#81BF45;
  --pse-yellow:#FFD12E;--pse-red:#ED1C24;
  --pse-navy:#0A0A21;--pse-navy2:#343E84;
  --pse-cyan:#00A9E4;
  --pse-ink:#1D1D1D;--pse-onyx:#414141;--pse-muted:#6B6B6B;--pse-gray:#B0B0B0;--pse-line:#E0E0E0;
  --pse-offwhite:#F5F5F5;
  --pse-radius:16px;
}
.pse{font-family:'Lato',sans-serif;color:var(--pse-ink);line-height:1.55;overflow-x:hidden}
.pse h1,.pse h2,.pse b,.pse strong{font-family:'Lato',sans-serif;font-weight:900}
.pse .pse-h2{font-size:30px;font-weight:700;line-height:1.28;color:var(--pse-ink)}
.pse .pse-h2.pse-center,.pse-center{text-align:center}
.pse .pse-h2.pse-white{color:#fff}
.pse .pse-lede{color:var(--pse-muted);font-size:16px;margin-top:8px}
.pse .pse-sec{padding:64px 24px}
.pse img{display:block;max-width:100%;height:auto}

.pse-btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Lato',sans-serif;font-weight:900;font-size:15px;padding:15px 28px;border-radius:999px;text-decoration:none;border:none;cursor:pointer;transition:transform .15s,opacity .15s}
.pse-btn:hover{transform:translateY(-1px);opacity:.92}
.pse-btn-green{background:var(--pse-green);color:#fff}
.pse-btn-dark{background:var(--pse-navy);color:#fff;width:100%}

/* Barra de marca */
.pse-brandbar{background:linear-gradient(120deg,var(--pse-cta-purple),var(--pse-purple-deep));padding:16px;text-align:center}
.pse-brand-pill{display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:7px 15px}

/* HERO */
.pse-hero{background:linear-gradient(120deg,#2A2568 0%,#4A2E86 55%,#71058C 100%);padding:70px 24px 90px}
.pse-hero-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:48px}
.pse-hero-txt{flex:1;min-width:300px;color:#fff}
.pse-hero-txt h1{font-size:44px;font-weight:900;line-height:1.18;margin-bottom:18px}
.pse-hero-txt p{font-size:16px;color:rgba(255,255,255,.92);max-width:520px;margin-bottom:28px}
.pse-hero-photo-wrap{flex:none;width:420px;position:relative}
.pse-hero-photo{width:100%;border-radius:20px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}
.pse-hero-badge{position:absolute;background:#fff;border-radius:14px;padding:8px 14px 8px 8px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 24px rgba(0,0,0,.18);font-size:11px}
.pse-hero-badge b{display:block;font-size:11px;color:var(--pse-ink)}
.pse-hero-badge span{color:var(--pse-score-green);font-weight:700;font-size:10px}
.pse-hero-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.pse-hero-badge-top{top:6%;left:-6%}
.pse-hero-crown{position:absolute;top:-12px;left:20px;width:18px;height:18px;color:var(--pse-yellow);background:#fff;border-radius:50%;padding:2px;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.pse-hero-badge-bottom{bottom:10%;right:-8%;padding:10px}
.pse-hero-thumb{color:var(--pse-score-green);width:20px;height:20px}
.pse-hero-thumb svg{width:100%;height:100%}

/* EL PROBLEMA */
.pse-problem{background:#fff;padding:64px 24px}
.pse-problem-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:64px}
.pse-problem-photo-wrap{flex:none;width:300px;position:relative}
.pse-problem-photo{width:100%;border-radius:18px}
.pse-problem-circle{position:absolute;width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 8px 18px rgba(0,0,0,.15)}
.pse-problem-circle-1{top:-16px;left:-30px}
.pse-problem-circle-2{bottom:10px;left:-46px}
.pse-problem-txt{flex:1;min-width:280px}
.pse-eyebrow{display:block;color:var(--pse-purple);font-weight:900;font-size:16px;margin-bottom:10px}
.pse-problem-txt p{font-size:20px;color:var(--pse-ink)}
.pse-steps-bar{display:flex;gap:10px;margin-top:22px}
.pse-steps-bar i{display:block;height:5px;flex:1;border-radius:99px;background:var(--pse-line)}
.pse-steps-bar i.on{background:var(--pse-purple-dark)}
.pse-steps-bar-light i{background:rgba(255,255,255,.25)}
.pse-steps-bar-light i.on{background:var(--pse-cyan)}

/* QUE ES */
.pse-quees{background:var(--pse-offwhite);padding:64px 24px}
.pse-quees-in{max-width:1180px;margin:0 auto;display:flex;align-items:flex-start;gap:56px}
.pse-quees-txt{flex:1;min-width:300px}
.pse-quees-badge{display:inline-block;background:var(--pse-navy);color:#fff;font-weight:700;font-size:17px;padding:10px 20px;border-radius:10px;margin-bottom:22px}
.pse-quees-item{margin-bottom:18px}
.pse-quees-item b{display:block;font-size:16px;margin-bottom:4px;color:var(--pse-ink)}
.pse-quees-item p{font-size:15px;color:var(--pse-muted)}
.pse-quees-photo-wrap{flex:none;width:440px;position:relative}
.pse-quees-photo{width:100%;border-radius:18px}
.pse-score-badge{position:absolute;display:flex;align-items:center;gap:6px;border-radius:999px;color:#fff;font-weight:900;font-size:14px;padding:6px 12px 6px 6px;box-shadow:0 8px 16px rgba(0,0,0,.2)}
.pse-score-badge img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.pse-score-89{top:6%;right:8%;background:var(--pse-score-green);padding:14px 16px;font-size:18px}
.pse-score-66{top:38%;right:-6%;background:var(--pse-yellow);color:var(--pse-ink)}
.pse-score-38{top:58%;right:14%;background:var(--pse-red)}
.pse-score-legend{position:absolute;left:0;right:0;bottom:-54px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.12);display:flex;gap:18px;padding:14px 18px;font-size:11px;color:var(--pse-onyx);font-weight:700}
.pse-score-legend span{display:flex;align-items:center;gap:8px;flex:1}
.pse-dot{width:12px;height:12px;border-radius:50%;flex:none}
.pse-dot-red{background:var(--pse-red)}
.pse-dot-yellow{background:var(--pse-yellow)}
.pse-dot-green{background:var(--pse-score-green)}

/* BENEFICIOS */
.pse-benefits{background:#fff;padding:96px 24px 64px}
.pse-benefits-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:64px}
.pse-benefits-photo-wrap{flex:none;width:300px;position:relative}
.pse-benefits-photo{width:100%;border-radius:18px}
.pse-ai-tag{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:var(--pse-yellow);color:var(--pse-ink);font-weight:700;font-size:13px;padding:9px 16px;border-radius:999px;display:flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 8px 16px rgba(0,0,0,.18)}
.pse-benefits-list{flex:1;min-width:300px;display:flex;flex-direction:column;gap:20px}
.pse-benefit-item{display:flex;gap:14px;align-items:flex-start}
.pse-arrow{flex:none;width:22px;height:22px;color:var(--pse-purple);margin-top:3px}
.pse-arrow svg{width:100%;height:100%}
.pse-benefit-item b{display:block;font-size:19px;color:var(--pse-purple);margin-bottom:4px}
.pse-benefit-item p{font-size:15px;color:var(--pse-ink)}

/* 4 TARJETAS MORADO */
.pse-cards{background:linear-gradient(120deg,var(--pse-cta-purple),var(--pse-purple-deep));padding:60px 24px}
.pse-cards-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pse-card{background:#fff;border-radius:var(--pse-radius);padding:26px 22px;text-align:center}
.pse-card-ic{width:48px;height:48px;margin:0 auto 14px}
.pse-card b{display:block;font-size:16px;color:var(--pse-purple);margin-bottom:10px}
.pse-card p{font-size:13px;color:var(--pse-muted)}

/* CLIENTES */
.pse-trust{background:#fff;padding:64px 24px}
.pse-trust-logos{max-width:1100px;margin:32px auto 0;display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}
.pse-trust-logos img{max-height:34px;width:auto}

/* ESTADISTICAS */
.pse-stats{background:var(--pse-offwhite);padding:0 24px 64px}
.pse-stats-card{max-width:1100px;margin:0 auto;background:#fff;border-radius:var(--pse-radius);box-shadow:0 14px 34px rgba(0,0,0,.08);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:36px 28px}
.pse-stat{text-align:center}
.pse-stat b{display:block;font-size:26px;color:var(--pse-purple-dark);margin-bottom:6px}
.pse-stat span{font-size:14px;color:var(--pse-ink)}

/* OBJECIONES */
.pse-objections{background:var(--pse-offwhite);padding:64px 24px}
.pse-objections-grid{max-width:1180px;margin:32px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.pse-objection{border-left:2px solid var(--pse-line);padding-left:20px}
.pse-objection:first-child{border-left:none;padding-left:0}
.pse-objection b{display:block;color:var(--pse-purple-dark);font-size:18px;margin-bottom:8px}
.pse-objection p{font-size:13.5px;color:var(--pse-ink)}

/* ATS (oscuro) */
.pse-ats{background:linear-gradient(135deg,var(--pse-navy),var(--pse-navy2));padding:56px 24px 90px}
.pse-ats-in{max-width:1180px;margin:36px auto 0;display:flex;align-items:center;gap:48px}
.pse-ats-txt{flex:1;min-width:280px;color:#fff}
.pse-ats-txt b{display:block;font-size:22px;font-weight:900;margin-bottom:10px}
.pse-ats-txt p{font-size:14.5px;color:rgba(255,255,255,.85);max-width:380px}
.pse-ats-photo-wrap{flex:none;width:420px;position:relative;min-height:320px}
.pse-ats-photo{position:relative;z-index:1;width:70%;margin:0 auto;border-radius:16px}
.pse-ats-laptop{position:absolute;left:-6%;bottom:0;width:62%;z-index:2;filter:drop-shadow(0 14px 22px rgba(0,0,0,.4))}
.pse-ats-score{position:absolute;display:flex;align-items:center;gap:6px;background:var(--pse-score-green);color:#fff;font-weight:900;font-size:14px;border-radius:999px;padding:6px 14px;box-shadow:0 8px 16px rgba(0,0,0,.3);z-index:3}
.pse-ats-score small{font-weight:700;font-size:11px}
.pse-ats-score-big{top:0;right:8%;font-size:20px;padding:12px 18px}
.pse-ats-score-1{top:34%;right:-4%}
.pse-ats-score-2{top:52%;right:2%}
.pse-ats-score-3{top:70%;right:10%}

/* FAQ */
.pse-faq{background:#fff;padding:64px 24px}
.pse-faq-list{max-width:860px;margin:32px auto 0}
.pse-faq-item{border-bottom:1px solid var(--pse-line);padding:18px 4px}
.pse-faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:'Lato',sans-serif;font-weight:700;font-size:16px;color:var(--pse-ink)}
.pse-faq-item summary::-webkit-details-marker{display:none}
.pse-chev{width:18px;height:18px;flex:none;color:var(--pse-purple);transition:transform .2s}
.pse-faq-item[open] .pse-chev{transform:rotate(180deg)}
.pse-faq-item p{margin-top:10px;font-size:14px;color:var(--pse-muted);max-width:760px}

/* CTA INTRO + FORM */
.pse-cta-intro{background:var(--pse-offwhite);padding:64px 24px}
.pse-cta-intro-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:48px;margin-bottom:44px}
.pse-cta-intro-txt{flex:1;min-width:300px}
.pse-cta-intro-txt h2{color:var(--pse-purple)}
.pse-cta-intro-txt p{font-size:15px;color:var(--pse-ink);margin-top:12px}
.pse-rule{width:60px;height:3px;background:var(--pse-purple);margin-top:18px}
.pse-cta-intro-photo-wrap{flex:none;width:340px;position:relative}
.pse-cta-intro-photo{width:100%;border-radius:18px}
.pse-tag-pill{position:absolute;display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:13px;padding:9px 16px 9px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 16px rgba(0,0,0,.18)}
.pse-tag-pill img{width:22px;height:22px;filter:brightness(0) invert(1)}
.pse-tag-blue{background:linear-gradient(90deg,#1E5D79,#283C80);top:2%;left:-14%}
.pse-tag-red{background:linear-gradient(90deg,#75242A,#8C2A32);top:28%;left:-22%}
.pse-tag-teal{background:linear-gradient(90deg,#2AB296,#1C8C74);top:54%;left:-18%}
.pse-tag-purple{background:linear-gradient(90deg,#4A0987,#6B068B);top:80%;left:-10%}
.pse-ai-badge{position:absolute;bottom:-6%;right:-4%;background:var(--pse-yellow);color:var(--pse-ink);font-weight:900;font-size:20px;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;box-shadow:0 8px 16px rgba(0,0,0,.18)}

.pse-alert{max-width:560px;margin:0 auto 18px;padding:12px 16px;border-radius:10px;font-size:13.5px;font-weight:600;font-family:'Lato',sans-serif}
.pse-alert-success{background:#E7F7EC;color:#1E7A3C}
.pse-alert-error{background:#FBEAE5;color:#973423}

.pse-form{max-width:560px;margin:0 auto;background:#0071BC;border-radius:var(--pse-radius);padding:32px;display:flex;flex-direction:column;gap:12px}
.pse-form input,.pse-form select{width:100%;padding:13px 16px;border:none;border-radius:10px;font-family:'Lato',sans-serif;font-size:14.5px;color:var(--pse-ink);background:#fff}
.pse-form input::placeholder{color:var(--pse-gray)}
.pse-phone{display:flex;gap:8px}
.pse-phone select{flex:none;width:100px;font-size:12px;padding-left:8px;padding-right:4px}
.pse-phone input{flex:1;min-width:0}
.pse-check{display:flex;align-items:flex-start;gap:8px;color:#fff;font-size:13px}
.pse-check input{width:auto;margin-top:2px}
.pse-check a{color:#fff;text-decoration:underline}

/* FOOTER propio */
.pse-foot{background:#000;color:#fff;padding:48px 24px 0}
.pse-foot-in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12)}
.pse-foot-logo{flex:1;min-width:200px}
.pse-foot-col{flex:1;min-width:220px}
.pse-foot-col b{display:block;color:var(--pse-cyan);font-size:18px;margin-bottom:14px}
.pse-foot-col a{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:15px;margin-bottom:8px}
.pse-foot-social{display:flex;gap:12px;margin-top:4px}
.pse-foot-social img{width:38px;height:38px}
.pse-foot-bottom{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;padding:20px 0;font-size:13px;color:rgba(255,255,255,.75)}
.pse-foot-bottom a{color:rgba(255,255,255,.75);text-decoration:none}

/* ===== Responsive — sin frame móvil en Figma (confirmado en
   textos-colores-fuentes.txt): adaptado con los mismos breakpoints
   (1080px / 860px / 560px) usados en el resto del sitio. ===== */
@media(max-width:1080px){
  .pse-cards-grid{grid-template-columns:1fr 1fr}
  .pse-objections-grid{grid-template-columns:1fr;gap:22px}
  .pse-objection{border-left:none;padding-left:0;border-top:2px solid var(--pse-line);padding-top:16px}
  .pse-objection:first-child{border-top:none;padding-top:0}
  .pse-stats-card{grid-template-columns:1fr 1fr}
  .pse-score-legend{position:static;margin-top:16px;flex-direction:column;gap:10px}
  .pse-quees-photo-wrap{margin-bottom:70px}
}
@media(max-width:860px){
  .pse-hero-in,.pse-problem-in,.pse-quees-in,.pse-benefits-in,.pse-ats-in,.pse-cta-intro-in{flex-direction:column;text-align:center}
  .pse-hero-txt p{margin-left:auto;margin-right:auto}
  .pse-hero-photo-wrap,.pse-problem-photo-wrap,.pse-quees-photo-wrap,.pse-benefits-photo-wrap,.pse-ats-photo-wrap,.pse-cta-intro-photo-wrap{width:280px;margin:0 auto}
  .pse-hero-badge,.pse-tag-pill,.pse-score-badge{position:static;display:inline-flex;margin:6px}
  .pse-problem-circle{display:none}
  .pse-cta-intro-photo-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
  .pse-ai-badge{position:static;margin:10px auto 0}
  .pse-ats-photo-wrap{min-height:auto;display:flex;flex-direction:column;align-items:center;gap:10px}
  .pse-ats-laptop{position:static;width:80%}
  .pse-ats-photo{width:60%}
  .pse-ats-score{position:static;display:inline-flex;margin:4px}
  .pse-cards-grid{grid-template-columns:1fr}
  .pse-stats-card{grid-template-columns:1fr 1fr}
  .pse-trust-logos{gap:22px}
  .pse-hero-txt h1{font-size:32px}
  .pse-h2{font-size:24px}
  .pse-benefit-item{text-align:left}
}
@media(max-width:560px){
  .pse-sec{padding:44px 18px}
  .pse-hero{padding:48px 18px 60px}
  .pse-form{padding:22px}
  .pse-phone{flex-direction:row}
  .pse-stats-card{grid-template-columns:1fr}
  .pse-foot-bottom{flex-direction:column;text-align:center}
}
