/* Páginas comunes de apps.automatemj.com (portada, privacidad, borrar datos), también servidas en cada dominio de servicio.
   Usan la base /automatemj.css con los colores de AutomateMJ (los de serie de la base: índigo). */
@import url("/automatemj.css");
main{max-width:760px;margin:0 auto;padding:56px 20px 72px}
main h1{font-size:clamp(32px,6vw,46px);line-height:1.05;margin:0 0 20px}
main h2{font-size:clamp(20px,3.4vw,25px);font-weight:600;letter-spacing:-.02em;margin:38px 0 12px}
main li{color:var(--suave);margin-bottom:7px}main ul{padding-left:20px}
main>nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 30px;font:500 11px/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}
main>nav a{color:var(--meta);text-decoration:none}main>nav a:hover{color:var(--marca-texto)}
main section+section{margin-top:56px;padding-top:40px;border-top:1px solid var(--linea)}
.suave,small{color:var(--meta);font-size:14px}
input[type=email]{width:100%;max-width:360px;padding:16px;border:1px solid var(--campo);border-radius:var(--radio);background:var(--fondo);color:var(--tinta);font:400 15px Sora,system-ui,sans-serif}
main button{appearance:none;border:1px solid var(--marca);border-radius:var(--radio);background:var(--marca);color:var(--sobre-marca);font:600 15px/1.2 Sora,system-ui,sans-serif;padding:17px 30px;cursor:pointer}
main button:hover{filter:brightness(1.08)}
#borrar{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
#respuesta{padding:12px 16px;border-left:4px solid var(--marca);background:var(--panel);color:var(--tinta)}
body{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%}