html{overflow-x:clip}body{padding-bottom:env(safe-area-inset-bottom)}
.selector-dia{display:flex;align-items:center;gap:8px;min-width:0}.selector-dia label{font-size:13px;white-space:nowrap}.selector-dia input[type=date]{flex:1;min-width:0;width:auto;min-height:44px;padding:8px 10px;font-size:16px}.selector-dia button{min-height:44px;padding:8px 12px;font-size:13px}.cal-desplegable>summary{cursor:pointer;font-size:12px;color:var(--primary);padding:7px 2px;min-height:32px}.cal-desplegable .cal-nav{margin-top:5px}.calendario-compacto{margin-bottom:8px}
.hero-compacto{margin-bottom:12px;gap:0}.hero-compacto[hidden]{display:none!important}.hero-compacto .hero-msg{padding:10px 12px;width:100%;border-radius:14px;box-shadow:none}.hero-compacto .hero-saludo{margin-bottom:4px;font-size:10px;letter-spacing:0}.hero-compacto .hero-titulo{font-size:16px;line-height:1.3;margin:0}.hero-compacto .racha-mini{display:none}.hero-compacto .racha-chip{display:inline-flex;font-size:11px;padding:3px 7px}.motivacion-detalle>summary{font-size:11px;color:var(--primary);cursor:pointer;padding:6px 0;min-height:28px}.motivacion-detalle .hero-sub{font-size:12px}.motivacion-detalle .hero-quote{margin-top:6px;padding-top:6px}
@media(max-width:639px){.topbar .brand{white-space:nowrap;flex-shrink:0;font-size:18px}.topbar .saludo{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{gap:8px}.hero-compacto .hs-texto{font-size:9px}}
.pwa-install{position:fixed;right:16px;bottom:calc(90px + env(safe-area-inset-bottom));z-index:30;background:white}.pwa-install[hidden]{display:none}
@media(max-width:600px){input,select,textarea{font-size:16px!important}}
#dlg-evaluar .picker-btn{flex-direction:row!important;min-height:48px!important;padding:8px!important;gap:8px;border:1px solid #82b8b0}
#dlg-evaluar .picker-ico{width:28px;height:28px;box-shadow:none}
#dlg-evaluar .picker-ico .ico{width:18px;height:18px}
#dlg-evaluar .eval-modo-tab{min-height:44px;padding:6px;font-size:12px}
#dlg-evaluar .comida-tipos{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
#dlg-evaluar button.comida-tipo{padding:7px 3px!important;min-height:62px!important;gap:3px!important}
#dlg-evaluar .ct-emoji svg{width:18px!important;height:18px!important}
#dlg-evaluar .ct-nombre{font-size:11px!important}
#dlg-evaluar .ct-estado{font-size:8px!important}
#dlg-evaluar button.comida-tipo.active{background:#008080!important;border-color:#00635f!important;color:white!important;box-shadow:none!important}
#dlg-evaluar button.comida-tipo.active .ct-nombre,#dlg-evaluar button.comida-tipo.active .ct-estado,#dlg-evaluar button.comida-tipo.active .ct-emoji{color:white!important}
#dlg-evaluar .modo-info{padding:7px 10px;font-size:12px;margin:4px 0}
#dlg-evaluar .eval-recientes{padding:8px;margin:4px 0}
#dlg-evaluar .eval-recientes summary{cursor:pointer;font-size:12px;min-height:32px}
.dictado-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dictado-bar button{min-height:44px;padding:8px 12px}.dictado-bar button[aria-pressed=true]{background:#008080;color:white}.dictado-status,.dictado-aviso{font-size:12px;color:var(--muted)}
.dictado-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #b9ddd5;border-radius:14px;background:#f3fbf8}
.dictado-paso{display:flex;align-items:center;gap:8px}.dictado-paso>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#008080;color:#fff;font-size:12px;font-weight:800}.dictado-paso strong{font-size:14px}
.dictado-principal{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border:0;border-radius:12px;background:#008080;color:#fff;font:inherit;font-weight:800;box-shadow:0 5px 14px #0080802b}.dictado-principal .ico{width:20px;height:20px}.dictado-principal[aria-pressed=true]{background:#b13a3a;animation:dictado-pulso 1.2s infinite}
.dictado-texto{margin-top:2px;font-size:12px}.dictado-texto textarea{margin-top:5px;min-height:78px}.eval-ai-btn>span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.eval-ai-btn>span b{font-size:13px}.eval-ai-btn>span small{font-size:10.5px;font-weight:600;opacity:.78}
.eval-manual-ajustes{border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.eval-manual-ajustes>summary{cursor:pointer;padding:10px 12px;color:var(--primary-dark);font-size:12px;font-weight:800}.eval-manual-ajustes>summary small{color:var(--muted);font-weight:600}.eval-manual-ajustes-body{display:flex;flex-direction:column;gap:10px;padding:2px 10px 12px}
@keyframes dictado-pulso{50%{box-shadow:0 0 0 5px #b13a3a26}}
.ingredientes-analisis{margin:12px 0;text-align:left}.ingredientes-analisis h4{margin:10px 0;font-size:14px}.ingredientes-analisis p{font-size:12px;line-height:1.5}.ingrediente-fila{border:1px solid #cde3dd;border-radius:10px;margin:6px 0;padding:8px}.ingrediente-fila summary{cursor:pointer;min-height:36px}.ingrediente-fila summary span{display:block;font-size:12px;color:var(--muted)}.nutrientes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.nutrientes-grid span{display:flex;flex-direction:column;background:#f0f8f5;padding:7px;border-radius:8px}.nutrientes-grid small{font-size:11px}.nutrientes-grid b{font-size:13px}.total-plato{border-top:2px solid #008080;padding-top:8px}
@media(max-width:639px){#dlg-evaluar[open]{height:auto;max-height:94dvh;padding:18px 12px calc(10px + env(safe-area-inset-bottom))}#dlg-evaluar .dlg-scroll{min-height:0}#dlg-evaluar .modal-actions{gap:8px;padding-top:8px}#dlg-evaluar .modal-actions button{min-height:44px;padding:10px;font-size:14px}#dlg-evaluar h3{margin:0 38px 8px 0;font-size:17px}.login-card{padding:20px}.login-card form{gap:12px}}

/* El modo horizontal de un telefono puede superar 640 px: compactar tambien
   por tipo de puntero, no solamente por ancho de pantalla. */
@media(max-width:900px),(hover:none) and (pointer:coarse){
  .selector-dia label{display:none}.selector-dia input[type=date]{min-height:38px;padding:5px 8px}.selector-dia button{min-height:38px;padding:5px 10px}
  .cal-desplegable>summary{min-height:26px;padding:4px 2px}.cal-desplegable:not([open]){margin-bottom:0}
  .hero-compacto{margin-bottom:7px}.hero-compacto .hero-msg{padding:8px 10px}.hero-compacto .hero-titulo{font-size:14px}.hero-compacto .hero-saludo{margin-bottom:2px}.motivacion-detalle>summary{min-height:22px;padding:3px 0}
  #dlg-evaluar .dlg-scroll{gap:6px}
  #dlg-evaluar button.comida-tipo{min-height:46px!important;padding:4px 2px!important;gap:1px!important;border-radius:9px!important}
  #dlg-evaluar .ct-emoji svg{width:15px!important;height:15px!important}
  #dlg-evaluar .ct-nombre{font-size:10px!important}#dlg-evaluar .ct-estado{font-size:7px!important}
  #dlg-evaluar .modo-info{display:none}
  #dlg-evaluar .eval-recientes{padding:5px 8px;margin:0}#dlg-evaluar .eval-recientes summary{min-height:26px}
  #dlg-evaluar .eval-modo-tabs{margin:3px 0;gap:4px}#dlg-evaluar .eval-modo-tab{min-height:40px;padding:5px 3px;font-size:10.5px;line-height:1.05}
  #dlg-evaluar .picker-btn{min-height:42px!important;padding:6px!important}.dictado-card{padding:9px;gap:6px}.dictado-principal{min-height:46px}
}