/* Dieta BMR Calculator v1.0.1 (mobile refinements) */
.dbc-wrap{padding:0 12px;max-width:880px;margin:0 auto;}
.dbc-title{margin:8px 0 4px;font-weight:800;}
.dbc-intro{color:#475569}
.dbc-form{margin-top:10px}
.dbc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dbc-field{display:flex;flex-direction:column;gap:6px;background:#f7f9fc;border:1px solid #e7eef7;border-radius:12px;padding:10px}
.dbc-field small{color:#64748b}
.dbc-inline{display:grid;grid-template-columns:2fr 1fr;gap:8px;align-items:center}
.dbc-field select,.dbc-field input{width:100%;padding:10px 12px;border:1px solid #dbe4f0;border-radius:10px;background:#fff;font-size:16px; /* prevent iOS zoom */ -webkit-appearance:none; appearance:none;}
.dbc-wide{grid-column:1/-1}
.dbc-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.dbc-btn{background:#2563eb;color:#fff;border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer;flex:1 1 180px;text-align:center}
.dbc-btn:hover{opacity:.95}
.dbc-ghost{background:#eef2f7;color:#0f172a; border:1px solid #dbe1ea}
.dbc-results{margin-top:16px}
.dbc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dbc-card{background:#fff;border:1px solid #e5eaf3;border-radius:14px;padding:12px;box-shadow:0 2px 6px rgba(16,24,40,.06)}
.dbc-card-title{font-weight:700;color:#334155}
.dbc-card-value{font-size:1.6rem;font-weight:800;margin-top:4px}
.dbc-card-foot{color:#64748b;font-size:.9rem;margin-top:2px}
@media(max-width:640px){
  .dbc-grid{grid-template-columns:1fr;gap:10px}
  .dbc-field{padding:10px}
  .dbc-cards{grid-template-columns:1fr}
  .dbc-btn{flex:1 1 100%}
}