/* Portada, gracias y textos legales de Arrenclau */
:root{--fondo:#F5F3EE;--papel:#fff;--pizarra:#2F3E4B;--pizarra-2:#425566;--tinta:#1D2833;--gris:#4F5D69;--linea:#DAD5CB;--suave:#ECEFF2;--ambar:#F2A93B;--ambar-suave:#FFF3DC;--ambar-texto:#7A4B00;--verde:#256B43;--verde-suave:#E4F1E8;--rojo:#A8261D}
*{box-sizing:border-box}
html{background:var(--fondo)}
body{margin:0;background:var(--fondo);color:var(--tinta);font:19px/1.6 "Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2{font-family:"Quicksand",system-ui,sans-serif;color:var(--pizarra);font-weight:700;letter-spacing:-.01em}
h1{font-size:52px;line-height:1.08;margin:0 0 16px}
h2{font-size:28px;line-height:1.2;margin:0 0 12px}
a{color:var(--pizarra)}
:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}
.cab-web{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1100px;margin:0 auto;padding:22px 24px}
.logo-web{display:block;width:220px;height:auto}
main{max-width:1100px;margin:0 auto;padding:0 24px 40px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 22px;border:2px solid var(--pizarra);border-radius:12px;background:var(--papel);color:var(--pizarra);font-weight:700;font-size:18px;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--suave)}
.btn.principal{background:var(--pizarra);color:#fff}
.btn.principal:hover{background:var(--pizarra-2)}
.btn.grande{min-height:60px;font-size:20px;padding:12px 28px}
.botones{display:flex;gap:14px;flex-wrap:wrap}
.portada{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center;padding:40px 0 56px}
.entradilla{font-size:23px;max-width:34ch;margin:0 0 26px}
.nota{color:var(--gris);margin-top:14px}
.simbolo{width:100%;max-width:380px;justify-self:center}
.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}
.tres article,.bloque{background:var(--papel);border:1px solid var(--linea);border-radius:16px;padding:26px 28px}
.tres h2{font-size:24px}
.bloque{margin-bottom:22px}
.bloque p{max-width:70ch;margin:0}
.aviso-web{background:var(--ambar-suave);border-color:#EBC27A}
.pasos-web{margin:0;padding-left:28px}
.pasos-web li{margin:8px 0}
details{border-top:1px solid var(--linea);padding:6px 0}
details:first-of-type{border-top:0}
summary{cursor:pointer;font-weight:700;color:var(--pizarra);min-height:48px;display:flex;align-items:center}
details p{margin:0 0 12px}
.cierre{text-align:center;padding:40px 0 10px}
.cierre .botones{justify-content:center}
.pie-web{max-width:1100px;margin:0 auto;padding:24px;border-top:1px solid var(--linea);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--gris);font-size:17px}
.pie-web nav{display:flex;gap:20px;flex-wrap:wrap}
.pie-web p{margin:0}
/* Gracias */
.gracias{max-width:720px;margin:20px auto;background:var(--papel);border:1px solid var(--linea);border-radius:20px;padding:40px;text-align:center}
.clave{font-family:"Quicksand",system-ui,sans-serif;font-size:36px;font-weight:700;color:var(--pizarra);background:var(--suave);border-radius:14px;padding:16px 20px;letter-spacing:.06em;margin:16px 0;word-break:break-all}
.ok{color:var(--verde);font-weight:700}.err{color:var(--rojo);font-weight:700}
/* Legal */
.legal{background:var(--papel);border:1px solid var(--linea);border-radius:16px;padding:32px 36px;max-width:820px}
.legal h1{font-size:38px}
.plantilla{background:var(--ambar-suave);color:var(--ambar-texto);border-radius:12px;padding:12px 16px;font-weight:700}
.legal li{margin:6px 0}
@media(max-width:860px){h1{font-size:40px}.portada{grid-template-columns:1fr;padding-top:16px}.simbolo{max-width:240px;order:-1}.tres{grid-template-columns:1fr}.logo-web{width:170px}.gracias,.legal{padding:26px 20px}.clave{font-size:26px}}

.demo-link{margin:16px 0 4px;font-size:19px;font-weight:700}
.demo-link a{color:var(--pizarra);text-decoration-color:var(--ambar);text-decoration-thickness:3px;text-underline-offset:5px}

.privado-web{border-left:7px solid var(--verde);background:#fff;border-radius:14px;padding:22px 26px}
.privado-web h2{display:flex;align-items:center;gap:12px;color:var(--verde)}

.sello{display:inline-block;background:var(--ambar-suave,#FFF3DC);color:var(--ambar-texto,#7A4E00);border:2px solid var(--ambar,#F2A93B);border-radius:99px;padding:6px 16px;font-weight:700;margin:0 0 14px}
.lista-web{font-size:19px;line-height:1.6;padding-left:24px}
.form-fundador{display:grid;gap:14px;max-width:520px;margin:18px auto;text-align:left}
.form-fundador label{display:grid;gap:6px;font-weight:700}
.form-fundador input,.form-fundador select{font:inherit;font-size:18px;min-height:52px;padding:10px 14px;border:2px solid #DAD5CB;border-radius:12px;background:#fff}
.form-fundador .marca-web{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.form-fundador .marca-web input{width:24px;height:24px;min-height:0;flex:none;margin-top:2px}
.form-fundador .resultado{min-height:1.4em;font-weight:700;margin:0}

.movil-web{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.movil-web>div{flex:1;min-width:260px}
.qr-web{margin:0;text-align:center;flex:none}
.qr-web img{border:1px solid #DAD5CB;border-radius:14px;padding:8px;background:#fff}
.qr-web figcaption{font-size:15px;color:#4F5D69;margin-top:6px}
@media(max-width:700px){.qr-web{display:none}}