/* Páginas de contenido de LARRE (ruta, reglamento, cómo llegar). Usa las variables de larre.css. */
.lp{padding:140px 0 80px}
.lp .lp-lead{font-family:"JetBrains Mono",monospace;font-size:14px;line-height:1.9;max-width:68ch;margin-bottom:40px;color:var(--ink-2)}
.lp h2{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(26px,3.4vw,40px);text-transform:uppercase;letter-spacing:-.005em;margin:48px 0 18px;line-height:1}
.lp p,.lp li{font-size:16px;line-height:1.7;color:var(--ink-2);max-width:68ch}
.lp p+p{margin-top:12px}
.lp a{color:var(--terra-dark);border-bottom:1px solid var(--line-strong)}
.lp a:hover{color:var(--terra)}
.lp .lp-facts{list-style:none;border-top:1px solid var(--line-strong);max-width:760px}
.lp .lp-facts li{display:flex;gap:24px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);max-width:none}
.lp .lp-facts b{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--terra-dark);flex:0 0 38%}
.lp .lp-facts span{flex:1;text-align:right}
.lp table{border-collapse:collapse;width:100%;max-width:760px;font-size:15px}
.lp th,.lp td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.lp th{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--terra-dark);border-bottom:1px solid var(--line-strong)}
.lp .lp-rules{list-style:none;max-width:760px}
.lp .lp-rules li{padding:14px 0;border-bottom:1px solid var(--line);max-width:none}
.lp .lp-rules strong{display:block;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:4px}
.lp ul:not([class]){padding-left:1.2em;margin:10px 0 14px}
.lp ul:not([class]) li+li{margin-top:4px}
.lp .lp-more{margin-top:56px;display:flex;flex-wrap:wrap;gap:10px 28px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
@media (max-width:640px){.lp{padding-top:110px}.lp .lp-facts li{flex-direction:column;gap:2px}.lp .lp-facts span{text-align:left}}

/* Subapartados de las páginas de contenido (guía). */
.lp h3{font-family:"JetBrains Mono",monospace;font-size:14px;letter-spacing:.04em;font-weight:600;color:var(--ink);margin:30px 0 8px;max-width:68ch}
.lp table+h2,.lp ul+h2{margin-top:52px}

/* Formulario de la lista de aviso de preinscripción. */
.lf{max-width:620px;margin-top:8px}
.lf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lf-row{margin-bottom:22px}
.lf-row label,.lf-check label{display:block;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.lf-row .lf-opt{text-transform:none;letter-spacing:.02em;color:var(--ink-2)}
.lf-help{font-size:14px!important;color:var(--ink-2);margin:-2px 0 8px}
.lf input[type=text],.lf input[type=email],.lf input[type=tel],.lf textarea{width:100%;background:transparent;border:1px solid var(--line-strong);border-radius:0;padding:12px 14px;font-family:inherit;font-size:16px;color:var(--ink);-webkit-appearance:none;appearance:none}
.lf textarea{resize:vertical;line-height:1.6}
.lf input:focus,.lf textarea:focus{outline:2px solid var(--terra);outline-offset:1px;border-color:var(--terra)}
.lf input::placeholder,.lf textarea::placeholder{color:var(--ink-2);opacity:.6}
.lf-check{display:flex;gap:12px;align-items:flex-start;margin:4px 0 26px}
.lf-check input{margin-top:3px;width:18px;height:18px;flex:0 0 18px;accent-color:var(--terra)}
.lf-check label{text-transform:none;letter-spacing:.01em;font-family:inherit;font-size:14px;line-height:1.6;color:var(--ink-2);margin:0}
.lf-send{border:0;cursor:pointer}
.lf-send[disabled]{opacity:.55;cursor:default}
.lf-note{font-size:13px!important;color:var(--ink-2);margin-top:18px}
.lf-msg{font-family:"JetBrains Mono",monospace;font-size:13px!important;line-height:1.7;margin-top:18px;padding:14px 16px;border-left:3px solid var(--line-strong)}
.lf-msg.lf-ok{border-left-color:var(--terra);color:var(--ink)}
.lf-msg.lf-err{border-left-color:#8c2f2f}
.cta-pre{margin-bottom:12px}
@media (max-width:640px){.lf input[type=text],.lf input[type=email],.lf textarea{font-size:16px}}
