:root{--fondo:#f6f6f3;--tarjeta:#fff;--linea:#e3e3de;--linea-suave:#efefea;--tinta:#16181d;--tinta-2:#2d3038;--gris:#5b5f68;--gris-claro:#8a8d94;--acento:#2b5bd7;--acento-suave:#eef2fc;--enlace:#2347b8;--hueco:#e7e7e1;--radio:14px;--mono:"IBM Plex Mono", ui-monospace, monospace;--titulos:"Inter Tight", Inter, system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--fondo);color:var(--tinta);margin:0;font-family:Inter,system-ui,sans-serif}a{color:var(--enlace)}a:hover{color:#16307f}h1,h2,h3{font-family:var(--titulos);letter-spacing:-.01em;margin:0}button,input,textarea,select{font:inherit}.contenedor{max-width:1240px;margin:0 auto;padding:0 24px}.aviso-demo{color:#5a4500;text-align:center;background:#fff4d6;border-bottom:1px solid #ebd9a3;padding:8px 24px;font-size:13px}.cabecera{border-bottom:1px solid var(--linea);background:#fff}.cabecera .contenedor{flex-wrap:wrap;align-items:center;gap:12px 32px;padding-top:14px;padding-bottom:14px;display:flex}.marca{color:var(--tinta);font-family:var(--titulos);flex-grow:1;align-items:center;gap:12px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.marca-logo{background:var(--tinta);color:#fff;letter-spacing:-.02em;border-radius:8px;place-items:center;width:36px;height:36px;font-size:14px;display:grid}.nav{flex-wrap:wrap;gap:4px 22px;font-size:15px;font-weight:500;display:flex}.nav a{color:var(--tinta);text-decoration:none}.nav a.destacado{color:var(--enlace)}.boton{cursor:pointer;border:1px solid var(--tinta);min-height:44px;color:var(--tinta);background:#fff;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.boton.oscuro{background:var(--tinta);color:#fff}.boton.blanco{color:var(--tinta);background:#fff;border-color:#fff}.boton:disabled{opacity:.5;cursor:default}main.contenedor{flex-direction:column;gap:28px;padding-top:36px;padding-bottom:64px;display:flex}.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);padding:20px}.hero h1{letter-spacing:-.02em;font-size:clamp(32px,5vw,44px);line-height:1.08}.hero p{color:#444851;max-width:760px;margin:12px 0 0;font-size:18px;line-height:1.5}.chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{color:var(--tinta-2);background:#fff;border:1px solid #dcdcd6;border-radius:16px;padding:6px 12px;font-size:13px;text-decoration:none}.chip.azul{background:var(--acento-suave);color:#1e3a8a;border-color:#0000}.pestanas{flex-wrap:wrap;gap:8px;display:flex}.pestana{cursor:pointer;min-height:44px;color:var(--tinta-2);background:#fff;border:1px solid #d2d2cb;border-radius:22px;padding:0 18px;font-size:14px;font-weight:600}.pestana[aria-pressed=true]{background:var(--tinta);color:#fff;border-color:var(--tinta)}.desc-metrica{flex-wrap:wrap;align-items:baseline;gap:8px 32px;margin-top:12px;display:flex}.desc-metrica p{color:var(--tinta-2);flex:999 480px;margin:0;font-size:15px;line-height:1.5}.desc-metrica span{color:var(--gris);font-size:13px}.cifras{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.cifra{font-family:var(--mono);font-size:36px;font-weight:600;line-height:1.1}.etiqueta{color:var(--gris);font-size:13px}.mapa-scroll{overflow-x:auto}.mapa{min-width:760px}.mapa-fila{border-top:1px solid var(--linea-suave);align-items:center;display:flex}.mapa-nombre{flex-shrink:0;align-items:center;gap:10px;width:180px;font-size:14px;font-weight:600;display:flex}.mapa-pista{flex-grow:1;height:64px;position:relative}.mapa-eje{flex-grow:1;height:22px;position:relative}.mapa-sd{color:#6b6f78;flex-shrink:0;width:140px;padding-left:16px;font-size:12px}.tick{font-family:var(--mono);color:var(--gris);font-size:12px;position:absolute;top:0;transform:translate(-50%)}.rejilla{background:#edede8;width:1px;position:absolute;top:0;bottom:0}.punto{width:36px;height:36px;box-shadow:0 0 0 1.5px var(--acento);background:var(--hueco);color:var(--tinta-2);border:2px solid #fff;border-radius:18px;place-items:center;font-size:11px;font-weight:600;text-decoration:none;display:grid;position:absolute;overflow:hidden}.punto img,.avatar img{object-fit:cover;width:100%;height:100%}.punto.cuadrado{background:var(--acento-suave);border-radius:8px}.dos-columnas{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.partidos{flex-direction:column;flex:999 640px;gap:16px;min-width:0;display:flex}.rejilla-partidos{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.logo-hueco{width:52px;height:52px;font-family:var(--titulos);color:var(--tinta-2);background:#fafaf8;border:1.5px dashed #b9bbb3;border-radius:10px;flex-shrink:0;place-items:center;font-size:18px;font-weight:700;display:grid;overflow:hidden}.logo-hueco.peque{border-radius:8px;width:32px;height:32px;font-size:13px}.logo-hueco img{object-fit:contain;width:100%;height:100%}.barra{background:#edede8;border-radius:3px;height:6px;overflow:hidden}.barra>div{background:var(--acento);border-radius:3px;height:100%}.integrantes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.integrante{color:var(--tinta);border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:6px 2px;text-decoration:none;display:flex}.integrante:hover{background:var(--fondo)}.anillo{border-radius:29px;width:58px;height:58px;padding:4px}.avatar{background:var(--hueco);color:#4a4e57;border:3px solid #fff;border-radius:25px;place-items:center;width:50px;height:50px;font-size:14px;font-weight:600;display:grid;overflow:hidden}.avatar.grande{border:0;border-radius:52px;width:104px;height:104px;font-size:30px;box-shadow:0 0 0 1px #d2d2cb}.mono{font-family:var(--mono)}.ranking{flex-direction:column;flex:380px;gap:14px;min-width:0;display:flex}.ranking ol{margin:0;padding:0;list-style:none}.ranking li{border-bottom:1px solid var(--linea-suave);align-items:center;gap:12px;padding:8px 0;display:flex}.franja{background:var(--tinta);border-radius:var(--radio);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding:28px;display:flex}.franja h2{color:#fff;font-size:24px}.franja p{color:#c9cbd1;margin:8px 0 0;font-size:15px;line-height:1.5}.pie{color:var(--gris);border-top:1px solid var(--linea);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:20px;font-size:13px;display:flex}.evidencia{flex-direction:column;gap:14px;display:flex}.sello{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.sello.desfavorable{color:#8a2e05;background:#fbe7dc}.sello.neutra{color:#6b4a00;background:#fdf0cf}.sello.favorable{color:#1d5b2c;background:#e1f0e4}.sello.info{background:var(--acento-suave);color:#1e3a8a}.referencias{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.referencia{background:var(--fondo);border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.referencia .titulo-ref{color:var(--gris);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.campo{flex-direction:column;gap:6px;display:flex}.campo label{font-size:14px;font-weight:600}.campo input,.campo textarea,.campo select{background:#fff;border:1px solid #c9cbc3;border-radius:10px;min-height:46px;padding:10px 14px;font-size:16px}.campo small{color:var(--gris);font-size:13px}.error{color:#8a2e05;font-size:14px}.prosa{max-width:760px;color:var(--tinta-2);font-size:16px;line-height:1.65}.prosa h2{color:var(--tinta);margin-top:28px;font-size:22px}.prosa table{border-collapse:collapse;width:100%;font-size:14px}.prosa td,.prosa th{border-bottom:1px solid var(--linea);text-align:left;vertical-align:top;padding:8px}@media (max-width:640px){.integrantes{grid-template-columns:repeat(2,minmax(0,1fr))}}.cabecera .marca{flex-grow:0}.lema{color:var(--gris);flex-grow:1;font-size:12.5px}@media (max-width:860px){.cabecera .marca{flex-grow:1}.lema{display:none}}
