/* Landings públicas del CRM · se adaptan a los colores, tema y tipografía de cada marca */
@font-face{font-family:Inter;src:url(fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url(fonts/montserrat-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url(fonts/montserrat-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
*{box-sizing:border-box}
[hidden]{display:none!important}
:root{--bg:#F5F7FA;--card:#fff;--ink:#0F1B2D;--body:#3A4556;--mute:#6B7585;--line:#DCE2EA;--field:#fff;--err:#C0261A;--head:Montserrat,Inter,sans-serif;--text:Inter,system-ui,sans-serif}
body{margin:0;background:var(--bg);color:var(--body);font:400 16px/1.55 var(--text)}
.f-sora{--head:Sora,system-ui,sans-serif;--text:Sora,system-ui,sans-serif}
.f-sora.light{--bg:#F6F5F2;--line:#DDD9D0}
.dark{--bg:#000;--card:#0C0C0C;--ink:#fff;--body:#C9C9C9;--mute:#9B9B9B;--line:rgba(255,255,255,.16);--field:#141414;--err:#FF8A7A}
.lp-wrap{width:min(1160px,100%);margin:0 auto;padding:0 24px}
.pv{background:#FFF4D6;color:#5A4100;text-align:center;font:500 13px var(--text);padding:8px}
.lp-top{position:absolute;left:0;right:0;z-index:3}
.lp-top .lp-wrap{display:flex;align-items:center;justify-content:space-between;height:78px}
.lp-logo{height:34px;display:block;filter:brightness(0) invert(1)}
.lp-word{font:600 24px/1 var(--head);color:#fff;letter-spacing:-.02em}
.lp-word i{font-style:normal;color:var(--c2)}
.lp-langs{display:flex;gap:2px}
.lp-langs a{color:rgba(255,255,255,.75);font:600 12px/1 var(--text);padding:7px 8px;border-radius:6px;text-decoration:none;letter-spacing:.04em}
.lp-langs a.on{color:#fff;background:rgba(255,255,255,.16)}

.lp-hero{position:relative;background:var(--c1);color:#fff;padding:118px 0 72px;min-height:100vh;display:flex;align-items:center}
.dark .lp-hero{background:#000}
.lp-img{position:absolute;inset:0;background-size:cover;background-position:center}
.lp-img::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,12,20,.9) 0%,rgba(8,12,20,.72) 45%,rgba(8,12,20,.35) 100%)}
.lp-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,460px);gap:56px;align-items:center}
.lp-kicker{font:600 12.5px/1.3 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--c2);margin:0 0 18px}
.light.f-inter .lp-kicker{color:#AFC3DD}
.lp-copy h1{font:700 clamp(32px,4.4vw,54px)/1.06 var(--head);letter-spacing:-.025em;margin:0 0 20px;color:#fff;max-width:640px}
.f-sora .lp-copy h1{font-weight:600}
.lp-lead{font-size:18px;color:rgba(255,255,255,.84);max-width:560px;margin:0 0 24px}
.lp-points{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}
.lp-points li{position:relative;padding-left:28px;color:rgba(255,255,255,.9);font-size:15.5px}
.lp-points li::before{content:"";position:absolute;left:2px;top:7px;width:12px;height:7px;border-left:2px solid var(--c2);border-bottom:2px solid var(--c2);transform:rotate(-45deg)}
.light.f-inter .lp-points li::before{border-color:#AFC3DD}
.lp-sla{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.78);margin:0}
.lp-sla span{width:8px;height:8px;border-radius:50%;background:#3DD68C;box-shadow:0 0 0 0 rgba(61,214,140,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(61,214,140,0)}100%{box-shadow:0 0 0 0 rgba(61,214,140,0)}}
@media (prefers-reduced-motion:reduce){.lp-sla span{animation:none}}

.lp-card{background:var(--card);color:var(--body);border-radius:14px;padding:28px 26px 24px;box-shadow:0 30px 80px rgba(0,0,0,.28);border:1px solid var(--line)}
.lp-card h2{font:700 22px/1.2 var(--head);color:var(--ink);margin:0 0 4px;letter-spacing:-.015em}
.f-sora .lp-card h2{font-weight:600}
.lp-sub{margin:0 0 18px;color:var(--mute);font-size:14px}
.lp-card form{display:grid;gap:12px}
.lp-card label{display:block;font:500 13px var(--text);color:var(--ink)}
.lp-card input,.lp-card select{display:block;width:100%;margin-top:5px;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);font:400 15px var(--text)}
.lp-card select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mute) 50%),linear-gradient(135deg,var(--mute) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}
.lp-card input:focus,.lp-card select:focus{outline:2px solid color-mix(in srgb,var(--c2) 35%,transparent);border-color:var(--c2)}
.lp-card [aria-invalid=true],.lp-card .bad{border-color:var(--err);background:color-mix(in srgb,var(--err) 6%,var(--field))}
.lp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp-tel{display:flex;margin-top:5px}
.lp-tel b{display:grid;place-items:center;min-width:64px;padding:0 10px;border:1px solid var(--line);border-right:0;border-radius:8px 0 0 8px;background:color-mix(in srgb,var(--ink) 4%,var(--field));font:600 14px var(--text);color:var(--ink)}
.lp-tel input{margin:0;border-radius:0 8px 8px 0}
.lp-fe{display:block;color:var(--err);font:500 12.5px var(--text);margin-top:5px}
.lp-err{background:color-mix(in srgb,var(--err) 10%,transparent);color:var(--err);padding:10px 12px;border-radius:8px;font-size:14px}
.lp-consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;color:var(--mute)!important;font-size:12.5px!important;line-height:1.45}
.lp-consent input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--c2)}
.lp-consent a{color:inherit}
.lp-btn{height:50px;border:0;border-radius:9px;background:var(--c2);color:#fff;font:600 16px var(--text);cursor:pointer;margin-top:4px;transition:filter .15s}
.dark .lp-btn,.f-sora .lp-btn{color:#120D05}
.lp-btn:hover{filter:brightness(1.08)}
.lp-fine{margin:0;text-align:center;color:var(--mute);font-size:12.5px}
.hp{position:absolute;left:-6000px;width:1px;height:1px;overflow:hidden}
.lp-thanks{text-align:center;padding:24px 6px}
.lp-check{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:color-mix(in srgb,var(--c2) 14%,transparent);color:var(--c2)}
.light.f-inter .lp-check{color:#18794E;background:#E7F4EC}
.lp-thanks h2{margin-bottom:8px}
.lp-thanks p{margin:0;color:var(--mute)}
.lp-foot{background:var(--bg);color:var(--mute);font-size:13px}
.lp-foot .lp-wrap{display:flex;justify-content:space-between;gap:12px;padding-top:22px;padding-bottom:22px;flex-wrap:wrap}
.lp-foot a{color:inherit}
/* Imagen al costado: la pieza se ve entera, sin texto encima */
.lp-side .lp-grid{align-items:start}
.lp-art{margin:0 0 26px;width:fit-content;max-width:100%;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.lp-art img{display:block;width:auto;max-width:100%;height:auto;max-height:440px}
.lp-opt{font-weight:400;color:var(--mute)}
@media (max-width:900px){
  .lp-art img{max-height:360px}
  .lp-hero{padding:96px 0 40px;min-height:0;display:block}
  .lp-grid{grid-template-columns:1fr;gap:30px}
  .lp-lead{font-size:16.5px}
  .lp-card{padding:22px 18px}
}
@media (max-width:480px){.lp-wrap{padding:0 16px}.lp-row{grid-template-columns:1fr}.lp-top .lp-wrap{height:64px}.lp-hero{padding-top:84px}}
