/* =========================================================
   APARDIAN — página de propuesta (adonde llevan los mails de Radar)
   Portada y formulario sobre negro, servicios y pasos sobre hueso:
   el mismo sistema de la home (Anton + Work Sans, rojo de acento).
   ========================================================= */
.prp{background:var(--white);color:var(--black)}
.prp-nav{justify-content:space-between}
.prp-nav-der{display:flex;align-items:center;gap:14px}

.prp-hero{background:var(--black);color:var(--white);padding-top:clamp(130px,16vw,210px);display:grid;gap:26px;justify-items:start}
.prp-hero .sec-label{color:rgba(248,247,246,.6);margin:0}
.prp-h1{font-size:clamp(52px,9vw,148px);margin:0;max-width:14ch;text-wrap:balance;text-shadow:0 0 34px rgba(255,0,51,.25)}
.prp-lead{font-size:clamp(17px,1.5vw,21px);font-weight:300;line-height:1.55;max-width:56ch;margin:0;color:rgba(248,247,246,.82)}

.prp-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(23,23,23,.14)}
.prp-lista li{display:grid;gap:10px;align-content:start;padding:28px 26px 30px 0;border-bottom:1px solid rgba(23,23,23,.14);min-width:0}
.prp-lista li + li{padding-left:26px;border-left:1px solid rgba(23,23,23,.14)}
.prp-n{font-family:var(--display);color:var(--red);font-size:15px}
.prp-lista h2{font-size:clamp(28px,2.6vw,40px);margin:0;line-height:1}
.prp-lista p{margin:0;color:#4a4745;line-height:1.6}
.prp-uy{margin:30px 0 0;max-width:70ch;font-size:16px}
.prp-uy .mono{margin-right:8px}

.prp-pasos{background:#EFEDEA}
.prp-pasos ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.prp-pasos li{display:grid;gap:8px;align-content:start}
.prp-pasos b{color:var(--red);font-size:15px;letter-spacing:.06em}
.prp-pasos h3{font-size:clamp(26px,2.4vw,36px);margin:0;line-height:1}
.prp-pasos p{margin:0;color:#4a4745;max-width:40ch}

.prp-pedir{background:var(--black);color:var(--white)}
.prp-pedir .sec-label{color:rgba(248,247,246,.6)}
.prp-h2{font-size:clamp(44px,7vw,110px);margin:0 0 34px}
.prp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:880px}
.prp-ancho{grid-column:1/-1}
.prp-campo{display:grid;gap:8px;min-width:0}
.prp-campo span{font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(248,247,246,.6)}
.prp-campo input,.prp-campo select,.prp-campo textarea{
  font:16px/1.4 var(--body);color:var(--white);background:#1f1e1d;border:1px solid rgba(248,247,246,.2);
  border-radius:0;padding:14px 14px;width:100%;
}
.prp-campo select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#F8F7F6 50%),linear-gradient(135deg,#F8F7F6 50%,transparent 50%);background-position:calc(100% - 22px) 52%,calc(100% - 16px) 52%;background-size:6px 6px;background-repeat:no-repeat;padding-right:44px}
.prp-campo textarea{resize:vertical}
.prp-campo input:focus-visible,.prp-campo select:focus-visible,.prp-campo textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.prp-enviar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}
.prp-enviar .cta-red{border:0;cursor:pointer}
.prp-error{margin:0;color:#ff6b86;font-size:14px}
.prp-nota{margin:28px 0 0;color:rgba(248,247,246,.7);font-size:14px;max-width:80ch}
.prp-nota a{color:var(--white);text-decoration:underline;text-underline-offset:3px;user-select:all}

.prp-pie{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:28px var(--pad);background:var(--black);color:rgba(248,247,246,.7);border-top:1px solid rgba(248,247,246,.12)}
.prp-pie .brand{color:var(--white)}
.prp-pie a.mono:hover{color:var(--red)}

@media (max-width:1000px){
  .prp-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prp-lista li:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:640px){
  .prp-nav .cta-nav{display:none}
  .prp-lista{grid-template-columns:minmax(0,1fr)}
  .prp-lista li,.prp-lista li + li{padding-left:0;border-left:0}
  .prp-pasos ol{grid-template-columns:minmax(0,1fr)}
  .prp-form{grid-template-columns:minmax(0,1fr)}
}