/* ═══════════════════════════════════════════════════════════════════════
   PROMPT BOX — preview /prompt/ (no forma parte del bundle de producción)
   Estilo glob.ai: input tipo píldora + glow + anillo de código en el botón.
   Solo se carga desde prompt/index.html — no afecta ninguna otra página.
   ═══════════════════════════════════════════════════════════════════════ */

#pg-home .prompt-wrap{position:relative;margin:24px auto;padding:0 56px;box-sizing:border-box;width:80%}
#pg-home .prompt-glow{position:absolute;left:50%;top:50%;width:135%;height:320%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(var(--accent-rgb),.38),rgba(var(--accent-rgb),.14) 45%,rgba(var(--accent-rgb),0) 72%);filter:blur(28px);pointer-events:none;z-index:-1}
#pg-home .prompt-box{position:relative;display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:13px 8px 13px 20px;box-shadow:0 24px 48px -22px rgba(0,0,0,.4)}
#pg-home .prompt-box:focus-within{border-color:var(--accent)}
#pg-home .pb-icon{display:flex;flex-shrink:0;color:var(--muted)}
#pg-home .pb-input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:var(--mono,monospace);font-size:14.5px;color:var(--text)}
#pg-home .pb-input::placeholder{color:var(--muted)}
#pg-home .pb-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
#pg-home .pb-send-wrap{position:relative;width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
#pg-home .pb-send-ring{position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);pointer-events:none}
#pg-home .pb-send{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;cursor:pointer;color:#000;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 40%,var(--ink)))}
#pg-home .prompt-caption{margin-top:14px;font-family:var(--mono,monospace);font-size:11.5px;letter-spacing:.02em;color:var(--muted);text-align:center}

/* ── A-Lima: botón en matices de lima (sin mezclar a negro), flecha negra ── */
[data-theme="a-lima"] #pg-home .pb-send{background:radial-gradient(circle at 32% 28%,var(--g2),var(--accent) 55%,var(--gx) 100%)}

/* ── B-Teal: contenedor del prompt blanco, botón verde plano, glow gris — mismo efecto y misma intensidad que en los otros 2 skins, solo recoloreado a gris (el gris pierde "pop" vs. un lima saturado, así que va con más opacidad para verse igual de presente) ── */
[data-theme="b-teal"]{--muted-rgb:77,81,83}
[data-theme="b-teal"] #pg-home .prompt-box{background:#fff}
[data-theme="b-teal"] #pg-home .pb-send{background:var(--accent)}
[data-theme="b-teal"] #pg-home .prompt-glow{background:radial-gradient(closest-side,rgba(var(--muted-rgb),.55),rgba(var(--muted-rgb),.24) 45%,rgba(var(--muted-rgb),0) 72%)}

/* ── C-Carbón: sin cambios, el gradiente por defecto ya funciona bien ── */

@media(max-width:768px){
  #pg-home .prompt-wrap{padding:0 40px;width:100%}
}