/* /financiamiento/ (HP Financial Services) — encima de okdock-home.css, que ya trae
   okd-wrap, okd-panel, okd-btn, okd-sec-head y los tokens de marca. Prefijo hp- para
   no chocar con nada de la home. */
.hp{--hp-ink:#0E1726;--hp-mute:#51617A}
/* Respaldo por si el JS no corre: el header es sticky y el salto nativo dejaria
   el destino debajo. 150px cubre header (~130) mas un respiro. */
.hp [id]{scroll-margin-top:150px}
.hp-kicker{display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--okd-blue);margin-bottom:10px}

/* Hero + cifras */
.hp-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;align-items:center;background:#fff;border:1px solid #E1E9F5;border-radius:16px;padding:34px 36px;overflow:hidden}
.hp-hero h1{font-family:Poppins,Inter,sans-serif;font-size:34px;line-height:1.12;margin:0 0 14px;letter-spacing:-.02em;color:var(--hp-ink);text-wrap:balance}
.hp-hero h1 em{font-style:normal;color:var(--okd-blue)}
.hp-hero p{font-size:15.5px;line-height:1.55;color:#3C4B60;margin:0 0 18px;max-width:56ch}
.hp-hero__acts{display:flex;gap:12px;flex-wrap:wrap}
.hp-hero__img{border-radius:12px;overflow:hidden;aspect-ratio:4/3}
.hp-hero__img img{width:100%;height:100%;object-fit:cover;display:block}
.hp-cifras{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.hp-cifras li{background:#fff;border:1px solid #E1E9F5;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.hp-cifras b{font-family:Poppins,Inter,sans-serif;font-size:17px;color:var(--hp-ink);letter-spacing:-.01em}
.hp-cifras span{font-size:12.5px;color:var(--hp-mute)}

/* Paneles de texto */
.hp-dos{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;align-items:stretch}
.hp .okd-panel h2{font-family:Poppins,Inter,sans-serif;font-size:21px;margin:0 0 10px;letter-spacing:-.01em}
.hp .okd-panel>p{font-size:14.5px;line-height:1.6;color:#3C4B60;margin:0 0 12px;max-width:62ch}
.hp-nota{font-size:12.5px;color:var(--hp-mute);line-height:1.5;margin:10px 0 0 !important}
.hp-nota a{color:var(--okd-blue);font-weight:600}

/* Franja con foto y la frase */
.hp-cita{position:relative;border-radius:16px;overflow:hidden;background:#0E1726 center/cover no-repeat;padding:56px 40px;color:#fff;text-align:center}
.hp-cita::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,23,38,.55),rgba(14,23,38,.8))}
.hp-cita blockquote,.hp-cita p{position:relative;margin:0 auto}
.hp-cita blockquote{font-family:Poppins,Inter,sans-serif;font-size:30px;line-height:1.2;letter-spacing:-.02em;max-width:22ch;text-wrap:balance;padding:0;border:0}
.hp-cita blockquote::before{content:"";display:block;width:56px;height:5px;background:var(--okd-yellow);margin:0 auto 18px;border-radius:3px}
.hp-cita p{margin-top:14px;font-size:15px;color:#C9D4E5;max-width:56ch}

/* Ejemplo */
.hp-ejemplo table{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}
.hp-ejemplo th{text-align:left;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--hp-mute);padding:6px 0;border-bottom:1px solid #E1E9F5;background:none}
.hp-ejemplo td{padding:9px 0;border-bottom:1px solid #EEF3FB;font-variant-numeric:tabular-nums}
.hp-ejemplo th:not(:first-child),.hp-ejemplo td:not(:first-child){text-align:right}
.hp-ejemplo .tot td{font-weight:700;border-bottom:0;font-size:15px}
.hp-ejemplo .tot small{font-weight:400;color:var(--hp-mute);font-size:12px}

/* Ventajas y requisitos: listas con palomita */
.hp-vent{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hp-vent>div{background:#F4F7FC;border-radius:12px;padding:16px 18px}
.hp-vent h3,.hp-req h3{font-family:Poppins,Inter,sans-serif;font-size:15px;margin:0 0 8px;color:var(--hp-ink)}
.hp-vent ul,.hp-req ul,.hp-fin,.hp-pasos{margin:0;padding:0;list-style:none}
.hp-vent li,.hp-req li{position:relative;padding:5px 0 5px 22px;font-size:14px;line-height:1.45;color:#3C4B60;margin:0}
.hp-vent li::before,.hp-req li::before{content:"";position:absolute;left:0;top:11px;width:12px;height:12px;background:var(--okd-blue);
	-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='12' fill='black'/><path d='M7 12.5l3 3 7-7' stroke='white' stroke-width='2.6' fill='none'/></svg>") center/contain no-repeat;
	mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='12' fill='black'/><path d='M7 12.5l3 3 7-7' stroke='white' stroke-width='2.6' fill='none'/></svg>") center/contain no-repeat}

/* Proceso y fin del plazo */
.hp-pasos{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.hp-pasos li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.4;color:#3C4B60;padding:6px 0;margin:0}
.hp-pasos b{flex:0 0 26px;height:26px;border-radius:50%;background:var(--okd-blue);color:#fff;display:grid;place-items:center;font-size:12.5px}
.hp-fin-panel{padding-top:0 !important;overflow:hidden}
.hp-fin-panel__img{margin:0 -22px 16px;height:150px}
.hp-fin-panel__img img{width:100%;height:100%;object-fit:cover;display:block}
.hp-fin li{padding:10px 0;border-bottom:1px solid #EEF3FB;font-size:14px;line-height:1.45;color:#3C4B60;margin:0}
.hp-fin li:last-child{border-bottom:0}
.hp-fin b{display:block;color:var(--hp-ink);font-size:15px;margin-bottom:2px}

/* Requisitos */
.hp-req{display:grid;grid-template-columns:.7fr 1fr 1fr 1fr;gap:14px}
.hp-req>div{border:1px solid #E1E9F5;border-radius:12px;padding:16px 18px}
.hp-req__img{padding:0 !important;border:0 !important;overflow:hidden;min-height:220px}
.hp-req__img img{width:100%;height:100%;object-fit:cover;display:block}
.hp-req h3{display:flex;align-items:center;gap:8px}
.hp-req h3 span{width:22px;height:22px;border-radius:50%;background:var(--okd-yellow);color:#0E1726;font-size:12px;display:grid;place-items:center;flex:0 0 auto}

/* Formulario */
.hp-form{display:grid;grid-template-columns:1fr 1.5fr;background:#fff;border:1px solid #E1E9F5;border-radius:16px;overflow:hidden}
.hp-form__txt{position:relative;background:#0E1726 center/cover no-repeat;color:#fff;padding:34px 32px;display:flex;align-items:flex-end}
.hp-form__txt::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,23,38,.35),rgba(14,23,38,.92) 70%)}
.hp-form__txt>div{position:relative}
.hp-form__txt .hp-kicker{color:#FFD400}
.hp-form__txt h2{font-family:Poppins,Inter,sans-serif;font-size:26px;line-height:1.15;margin:0 0 12px;letter-spacing:-.02em;color:#fff}
.hp-form__txt p{font-size:14.5px;line-height:1.55;color:#C9D4E5;margin:0 0 16px}
.hp-form__txt ul{margin:0;padding:0;list-style:none}
.hp-form__txt li{font-size:14px;padding:5px 0 5px 20px;position:relative;color:#E6EDF8;margin:0}
.hp-form__txt li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:#FFD400}
.hp-form__txt li a{color:#fff;text-decoration:underline}
.hp-form__f{display:flex;flex-direction:column;gap:12px;padding:30px 32px;margin:0}
.hp-form__f .g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hp-form__f label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--hp-mute);margin:0}
.hp-form__f input,.hp-form__f select,.hp-form__f textarea{font:inherit;font-size:14px;font-weight:400;color:#0E1726;border:1.5px solid #E1E9F5;border-radius:8px;padding:9px 11px;background:#fff;width:100%;box-shadow:none;height:auto;min-height:0;line-height:1.4}
.hp-form__f input:focus,.hp-form__f select:focus,.hp-form__f textarea:focus{outline:0;border-color:var(--okd-blue)}
.hp-form__f .hp-err{border-color:#D93025}
.hp-form__f .chk{flex-direction:row;align-items:flex-start;gap:8px;font-weight:400;font-size:12.5px;line-height:1.45}
.hp-form__f .chk input{width:auto;margin:2px 0 0}
.hp-form__f .chk a{color:var(--okd-blue);font-weight:600}
.hp-form__sitio{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hp-form__msg{margin:0;padding:10px 12px;border-radius:8px;font-size:13.5px;line-height:1.45;background:#FFF1F0;color:#B3261E}
.hp-form__msg--ok{background:#E9F7EE;color:#1B6B3A}
.hp-form__f button[type="submit"]{align-self:flex-start;font-size:15px;padding:12px 24px;border-radius:10px}
.hp-form__f button[disabled]{opacity:.55;cursor:wait}
.hp-legal{font-size:12px;color:var(--hp-mute);margin:12px 4px 0;line-height:1.5}

@media (max-width:1080px){.hp-cifras{grid-template-columns:repeat(3,1fr)}.hp-req{grid-template-columns:1fr 1fr}.hp-req__img{min-height:160px}}
@media (max-width:860px){
	.hp-hero,.hp-dos,.hp-form,.hp-vent,.hp-req{grid-template-columns:1fr}
	.hp-hero{padding:24px 20px}.hp-hero h1{font-size:27px}
	.hp-pasos{grid-template-columns:1fr}.hp-cifras{grid-template-columns:1fr 1fr}
	.hp-cita{padding:40px 22px}.hp-cita blockquote{font-size:23px}
	.hp-form__txt{min-height:260px}.hp-form__f{padding:22px 20px}.hp-form__f .g2{grid-template-columns:1fr}
}