/* Calculadora de Guild Fest. Tarjetas claras, como el resto de rnx-autofarm.com.
   Ojo: main.css del tema trae `select { display:none }`, hay que reponer el display. */

.gf-titulo { font-size:30px; font-weight:950; color:#0f172a; margin:0 0 6px; }
.gf-intro { color:#475569; font-size:14.5px; line-height:1.6; margin:0 0 20px; max-width:760px; }

.gf-layout { display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr); gap:18px; align-items:start; }
@media (max-width:900px) { .gf-layout { grid-template-columns:1fr; } }

.gf-panel { background:#fff; border:1px solid #e7edf5; border-radius:16px; padding:17px 19px;
    box-shadow:0 6px 18px rgba(15,23,42,.06); }
.gf-panel-titulo { font-size:15px; font-weight:900; color:#0f172a; margin:0 0 14px; }
.gf-panel-titulo i { color:#0d6efd; margin-right:7px; }

.gf-campo { display:block; margin:0 0 14px; }
.gf-campo > span { display:block; font-size:12px; font-weight:800; color:#475569; margin-bottom:5px; }
.gf-campo select, .gf-campo input {
    display:block; width:100%; border-radius:10px; padding:9px 11px; font-size:14px; font-weight:700;
    background:#f8fafc; border:1px solid #cbd5e1; color:#0f172a; }
.gf-campo select:focus, .gf-campo input:focus { border-color:#0d6efd; outline:none; }
.gf-campo select option { background:#fff; color:#0f172a; }
.gf-campo small { display:block; margin-top:7px; font-size:11px; line-height:1.45; color:#64748b; }

.gf-modos { display:flex; gap:7px; flex-wrap:wrap; }
.gf-modo, .gf-crit { flex:1 1 auto; border-radius:999px; padding:8px 12px; font-size:12px; font-weight:800;
    background:#f1f5f9; border:1px solid #cbd5e1; color:#475569; cursor:pointer; white-space:nowrap; }
.gf-modo:hover, .gf-crit:hover { border-color:#0d6efd; color:#0d6efd; }
.gf-modo.activo, .gf-crit.activo { background:#0d6efd; border-color:#0d6efd; color:#fff; }

.gf-aviso { margin-top:6px; padding:9px 12px; border-radius:10px; font-size:12px; line-height:1.5; }
.gf-aviso i { margin-right:6px; }
.gf-aviso-ok { background:#ecfdf5; border:1px solid #a7f3d0; color:#065f46; }
.gf-aviso-ojo { background:#fffbeb; border:1px solid #fde68a; color:#92400e; }

.gf-cifras { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:9px; margin-bottom:14px; }
.gf-cifra { padding:11px 13px; border-radius:12px; background:#f1f5f9; }
.gf-cifra span { display:block; font-size:11px; font-weight:800; color:#475569; margin-bottom:3px; }
.gf-cifra b { font-size:22px; font-weight:950; color:#0f172a; }
.gf-cifra-alta { background:#e7f0ff; border:1px solid #b6d1ff; }
.gf-cifra-alta b { color:#0d6efd; }

.gf-tabla-caja { overflow-x:auto; }
.gf-tabla { width:100%; border-collapse:collapse; font-size:13.5px; }
.gf-tabla th { text-align:left; font-size:11px; font-weight:900; color:#64748b; text-transform:uppercase;
    letter-spacing:.4px; padding:7px 9px; border-bottom:2px solid #e7edf5; }
.gf-tabla td { padding:9px; border-bottom:1px solid #f1f5f9; color:#172033; vertical-align:middle; }
.gf-tabla tr:last-child td { border-bottom:0; }
.gf-dcha { text-align:right; white-space:nowrap; }
.gf-dcha b { font-size:15px; font-weight:950; color:#0f172a; }
.gf-dcha small { display:block; font-size:11px; color:#94a3b8; font-weight:700; }

.gf-et { display:inline-block; padding:3px 9px; border-radius:999px; font-size:11px; font-weight:900; }
.gf-et-auto { background:#dcfce7; color:#166534; }
.gf-et-parcial { background:#fef3c7; color:#92400e; }
.gf-et-manual { background:#e2e8f0; color:#475569; }
.gf-et-nd { background:#f1f5f9; color:#94a3b8; }

.gf-vacio { color:#64748b; font-size:13px; margin:0; }

.gf-venta-caja { margin-top:18px; padding:16px 18px; border-radius:14px;
    background:linear-gradient(135deg,#0f172a,#1e3a8a); color:#e2e8f0; }
.gf-venta-caja h3 { margin:0 0 9px; font-size:16px; font-weight:900; color:#fff; }
.gf-venta-caja h3 i { color:#60a5fa; margin-right:7px; }
.gf-venta-caja p { margin:0 0 7px; font-size:13.5px; line-height:1.6; }
.gf-venta-caja b { color:#fff; }
.gf-venta-extra { color:#cbd5e1; font-size:12.5px; }
.gf-venta-btn { display:inline-block; margin-top:8px; padding:9px 18px; border-radius:999px;
    background:#0d6efd; color:#fff; font-weight:900; font-size:13px; text-decoration:none; }
.gf-venta-btn:hover { background:#3b82f6; color:#fff; text-decoration:none; }

.gf-nota { margin:22px 0 0; font-size:11.5px; line-height:1.6; color:#64748b; max-width:860px; }

/* (regla sin uso, se conserva por si vuelve el escalon de cantidad) */
.gf-qty { display:inline-block; margin-left:7px; padding:2px 8px; border-radius:6px;
    background:#eef2ff; color:#4338ca; font-size:11px; font-weight:900; }

/* Descartar misiones y variantes bonificadas */
.gf-quitar { border:0; background:transparent; color:#cbd5e1; font-size:14px; font-weight:900;
    line-height:1; padding:4px 6px; border-radius:6px; cursor:pointer; }
.gf-quitar:hover { background:#fee2e2; color:#dc2626; }
.gf-bon { color:#64748b; font-size:12px; font-weight:800; white-space:nowrap; }
.gf-chips { display:flex; flex-wrap:wrap; gap:6px; }
.gf-chip { display:inline-flex; align-items:center; gap:6px; padding:4px 9px; border-radius:999px;
    background:#f1f5f9; border:1px solid #cbd5e1; font-size:11px; font-weight:800; color:#475569; }
.gf-chip b { cursor:pointer; color:#94a3b8; }
.gf-chip b:hover { color:#dc2626; }
.gf-restaurar { margin-top:8px; border:1px solid #cbd5e1; background:#fff; color:#475569;
    border-radius:999px; padding:5px 12px; font-size:11px; font-weight:800; cursor:pointer; }
.gf-restaurar:hover { border-color:#0d6efd; color:#0d6efd; }