/*
 * FICHA DE MANTENIMIENTO DETALLADA — style.css
 * Papel exacto: capa visual assets/css/style.css; viste elementos existentes, pero no calcula precios ni guarda información.
 * Quién lo carga o menciona: appearance.php, ARCHIVOS-Y-PARA-QUE-SIRVEN.md, assets/README.md, create_owner.php, editor.php, help.php, index.php, ingredients.php.
 * Primeros selectores o bloques detectados: :root | * | body | button,input,select,textarea | a.
 * Entradas: clases, ids, atributos y variables CSS generados por PHP/JavaScript.
 * Salidas: distribución, color, tipografía y adaptación móvil; ninguna modificación de base de datos.
 * Orden: puede complementar o sobrescribir hojas anteriores según especificidad y posición del link.
 * Padre santo, cuidado: prueba escritorio y celular; no renombres selectores sin revisar PHP y JavaScript.
  *
 * MAPA CHIDONOTE DEL ARCHIVO:
 * Selectores principales que viste: :root, *, body, button,input,select,textarea, a, .auth, .auth-card, .auth-logo, .eyebrow, h1, .muted, .form-grid y 12 más.
 * Bloques responsive @media: 1. Son los que acomodan el vestidito cuando entra desde celular o tablet.
 * Animaciones declaradas: ninguno detectado.
 * Variables CSS definidas: --pink, --hot, --blush, --peach, --ink, --muted, --line, --white, --green, --shadow.
 * Una regla más específica o cargada después puede ganar aunque otra esté arriba; por eso el orden de los <link> sí importa, muchonote.
 * Los :hover/:focus son estados de interacción; los @media son versiones por tamaño y no deben juzgarse viendo solo escritorio.
 * CSS pone bonita y acomodada la cosa, pero no calcula costos ni decide permisos. Esa chamba pertenece a PHP/JavaScript.
 * Mi rey, regla de oro: mueve una cosa a la vez y busca su nombre en todo el proyecto antes de renombrarla.
 */
:root{--pink:#ef168f;--hot:#d90983;--blush:#fff0f8;--peach:#ffd2a8;--ink:#412737;--muted:#876d7c;--line:#f2dce8;--white:#fff;--green:#1f9d72;--shadow:0 16px 40px rgba(127,39,88,.11)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fffafd;color:var(--ink)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#ffd4ac 0 8%,transparent 9%),linear-gradient(135deg,#fff3fa,#ffdff1)}.auth-card{width:min(680px,92vw);background:#fff;padding:38px;border-radius:28px;box-shadow:var(--shadow);border:1px solid #fff}.auth-logo{width:100px;height:100px;border-radius:24px;object-fit:cover;float:right}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--pink)}h1{margin:.4rem 0;font-size:clamp(28px,4vw,44px);line-height:1.05}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.form-grid label{font-size:13px;font-weight:700;display:grid;gap:7px}.form-grid input,.form-grid select,.form-grid textarea,.field{width:100%;border:1px solid var(--line);background:#fff;padding:12px 14px;border-radius:12px;outline:none}.form-grid input:focus,.form-grid select:focus,.field:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ef168f18}.full{grid-column:1/-1}.form-grid hr{grid-column:1/-1;width:100%;border:0;border-top:1px solid var(--line)}small{font-weight:500;color:var(--muted)}.btn{border:0;border-radius:12px;padding:12px 17px;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--pink),#ff58af);color:white;box-shadow:0 8px 18px #ef168f33}.btn.secondary{background:var(--blush);color:var(--hot)}.alert{padding:12px 15px;border-radius:12px;margin:16px 0}.alert.error{background:#fff0f0;color:#a02727}.alert.ok{background:#eafaf4;color:#167457}@media(max-width:620px){.form-grid{grid-template-columns:1fr}.auth-card{padding:24px}.auth-logo{width:76px;height:76px}}