:root{
  --mhl-green:#2F6F3E;
  --mhl-green-2:#4F7B4B;
  --mhl-soft:#EEF7E8;
  --mhl-cream:#F8F6F1;
  --mhl-text:#1F2937;
  --mhl-muted:#6B7280;
  --mhl-border:#D9EAD3;
  --mhl-amber:#D9A441;
  --mhl-red:#B94A48;
  --mhl-white:#fff;
  --mhl-radius:24px;
  --mhl-shadow:0 10px 30px rgba(31,41,55,.08);
}

.mhl-app,.mhl-public,.mhl-app *,.mhl-public *{box-sizing:border-box}
.mhl-app,.mhl-public{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mhl-text)}
.mhl-app{min-height:100vh;background:linear-gradient(135deg,#f8f6f1 0%,#eef7e8 48%,#f9fbf4 100%);padding:14px 14px 92px;max-width:1280px;margin:0 auto}
.mhl-shell{min-height:72vh;background:linear-gradient(135deg,#f8f6f1 0%,#eef7e8 60%,#fff 100%);border-radius:32px;padding:28px;margin:12px}
.mhl-topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border:1px solid var(--mhl-border);border-radius:24px;padding:10px 14px;box-shadow:0 4px 18px rgba(31,41,55,.06);margin-bottom:14px}
.mhl-brand-wrap{display:flex;align-items:center;gap:12px;min-width:0}
.mhl-logo-small{width:58px;height:auto;display:block}
.mhl-brand-wrap strong{display:block;font-size:16px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mhl-brand-wrap span{display:block;font-size:12px;color:var(--mhl-muted);margin-top:2px}
.mhl-user-link{color:var(--mhl-green);text-decoration:none;font-weight:800;font-size:13px;background:var(--mhl-soft);padding:10px 12px;border-radius:999px}
.mhl-main{display:block}
.mhl-screen{display:none;animation:mhlFade .18s ease-out}
.mhl-screen.active{display:block}
@keyframes mhlFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.mhl-welcome-card,.mhl-card,.mhl-zone-card,.mhl-crop-card,.mhl-diary-item,.mhl-advice-card,.mhl-empty{background:rgba(255,255,255,.9);border:1px solid var(--mhl-border);border-radius:var(--mhl-radius);box-shadow:var(--mhl-shadow)}
.mhl-welcome-card{padding:22px;margin-bottom:14px;background:linear-gradient(135deg,#ffffff 0%,#eef7e8 100%)}
.mhl-eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;color:var(--mhl-green-2);font-size:12px;font-weight:900}
.mhl-welcome-card h1,.mhl-section-head h1{font-size:clamp(26px,5vw,42px);margin:0 0 8px;line-height:1.02;color:var(--mhl-text)}
.mhl-welcome-card p,.mhl-section-head p{color:var(--mhl-muted);margin:0;font-size:15px}
.mhl-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.mhl-action-tile{min-height:104px;border:0;border-radius:26px;background:#fff;box-shadow:var(--mhl-shadow);border:1px solid var(--mhl-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--mhl-text);font-weight:900;font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mhl-action-tile span{font-size:32px;line-height:1}.mhl-action-tile:active{transform:scale(.98)}
.mhl-two-col{display:grid;grid-template-columns:1fr;gap:14px}.mhl-card{padding:16px}.mhl-card h2{font-size:19px;margin:0}.mhl-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.mhl-mini-btn{border:1px solid var(--mhl-border);background:var(--mhl-soft);color:var(--mhl-green);border-radius:999px;padding:10px 12px;font-weight:900;cursor:pointer}
.mhl-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:6px 0 14px;flex-wrap:wrap}.mhl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:18px;border:1px solid var(--mhl-border);padding:11px 16px;text-decoration:none;font-weight:900;cursor:pointer;font-size:15px}.mhl-btn-primary{background:var(--mhl-green);border-color:var(--mhl-green);color:white}.mhl-btn-secondary{background:white;color:var(--mhl-text)}
.mhl-zone-grid,.mhl-advice-grid,.mhl-calendar-grid{display:grid;grid-template-columns:1fr;gap:14px}.mhl-zone-card{padding:16px;display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:start}.mhl-zone-icon,.mhl-crop-icon,.mhl-diary-icon,.mhl-advice-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:var(--mhl-soft);font-size:28px}.mhl-zone-card h2{margin:0 0 8px;font-size:20px}.mhl-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#e9f5e5;color:var(--mhl-green);margin:2px}.mhl-chip.soft{background:#f3f4f6;color:#4b5563}.mhl-zone-crops{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.mhl-zone-crops span,.mhl-mini-crops span{background:#fff;border:1px solid var(--mhl-border);border-radius:999px;padding:8px 10px;font-weight:800;font-size:13px}.mhl-card-action{grid-column:1/-1;border:0;background:var(--mhl-green);color:white;border-radius:16px;min-height:46px;font-weight:900;margin-top:4px;cursor:pointer}
.mhl-crop-list{display:grid;grid-template-columns:1fr;gap:10px}.mhl-crop-card{padding:12px;display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center}.mhl-crop-card h3{margin:0;font-size:17px}.mhl-crop-card p{margin:4px 0;color:var(--mhl-muted);font-size:13px}.mhl-status-select{grid-column:1/-1;width:100%;min-height:44px;border:1px solid var(--mhl-border);border-radius:14px;padding:8px 10px;background:white;font-weight:800;color:var(--mhl-text)}
.mhl-diary-list{display:grid;gap:10px}.mhl-diary-item{padding:12px;display:grid;grid-template-columns:54px 1fr;gap:10px}.mhl-diary-body strong{display:block;font-size:16px}.mhl-diary-body small{display:block;color:var(--mhl-muted);font-size:12px;margin-top:2px}.mhl-diary-body p{margin:7px 0 0;color:#374151}.mhl-diary-rel{font-weight:800;color:var(--mhl-green)!important}.mhl-diary-photo{margin-top:10px;width:100%;max-height:240px;object-fit:cover;border-radius:18px;border:1px solid var(--mhl-border)}
.mhl-calendar-grid .mhl-card{min-height:160px}.mhl-mini-crops{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mhl-tip-card{background:linear-gradient(135deg,#fff,#fff7e8)}.mhl-advice-card{padding:16px}.mhl-advice-card h2{font-size:20px;margin:8px 0}.mhl-advice-card p{margin:7px 0;color:#374151}.mhl-advice-card small{display:block;margin-top:10px;color:var(--mhl-green);font-weight:800}.mhl-empty{padding:20px;text-align:center}.mhl-empty.compact{padding:16px}.mhl-empty strong{display:block;font-size:17px}.mhl-empty p{color:var(--mhl-muted);margin:8px 0 14px}.mhl-bottom-nav{position:fixed;z-index:50;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:1px solid var(--mhl-border);border-radius:24px;padding:8px;box-shadow:0 8px 30px rgba(31,41,55,.16);max-width:980px;margin:0 auto}.mhl-bottom-nav button{border:0;background:transparent;border-radius:16px;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--mhl-muted);font-weight:900;cursor:pointer}.mhl-bottom-nav button span{font-size:21px}.mhl-bottom-nav button small{font-size:10px}.mhl-bottom-nav button.active{background:var(--mhl-green);color:#fff}.mhl-modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.45);z-index:90;backdrop-filter:blur(4px)}.mhl-modal{position:fixed;z-index:100;left:10px;right:10px;bottom:10px;max-width:620px;margin:0 auto;background:#fff;border:1px solid var(--mhl-border);border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.25);padding:16px;max-height:88vh;overflow:auto}.mhl-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.mhl-modal-head h2{margin:0;font-size:24px}.mhl-modal-head button{border:0;border-radius:999px;width:42px;height:42px;background:#f3f4f6;font-size:28px;line-height:1;cursor:pointer}.mhl-form{display:grid;gap:12px}.mhl-form label{display:grid;gap:6px;font-weight:900;color:#374151}.mhl-form input,.mhl-form select,.mhl-form textarea{width:100%;border:1px solid var(--mhl-border);border-radius:16px;min-height:50px;padding:11px 12px;font:inherit;background:#fff;color:var(--mhl-text)}.mhl-form textarea{min-height:110px;resize:vertical}.mhl-form details{border:1px solid var(--mhl-border);border-radius:18px;padding:12px;background:#fbfdf9}.mhl-form summary{cursor:pointer;font-weight:900;color:var(--mhl-green)}.mhl-form details label{margin-top:12px}.mhl-form-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mhl-file-label{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;border-radius:18px;border:1px solid var(--mhl-border);padding:11px 16px;background:white;font-weight:900;cursor:pointer}.mhl-file-label input{display:none}.mhl-voice-status{margin:0;color:var(--mhl-green);font-weight:800}.mhl-login-gate{display:grid;place-items:center;min-height:70vh}.mhl-login-card,.mhl-hero{text-align:center;background:rgba(255,255,255,.92);border:1px solid var(--mhl-border);border-radius:32px;padding:28px;box-shadow:var(--mhl-shadow);max-width:720px;margin:auto}.mhl-logo{width:min(320px,86vw);height:auto}.mhl-hero h1,.mhl-login-card h1{font-size:clamp(30px,6vw,58px);line-height:1;margin:18px 0 10px}.mhl-hero p,.mhl-login-card p{font-size:18px;color:var(--mhl-muted);margin:0 auto 20px;max-width:620px}.mhl-hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media (min-width:720px){.mhl-app{padding:22px 22px 96px}.mhl-action-grid{grid-template-columns:repeat(4,1fr)}.mhl-two-col{grid-template-columns:1fr 1fr}.mhl-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mhl-crop-list.large{grid-template-columns:repeat(2,minmax(0,1fr))}.mhl-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mhl-advice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mhl-status-select{grid-column:auto}.mhl-crop-card{grid-template-columns:54px 1fr 180px}.mhl-bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(980px,calc(100vw - 24px))}}
@media (min-width:1080px){.mhl-app{padding-left:28px;padding-right:28px}.mhl-zone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mhl-advice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mhl-calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mhl-action-grid{grid-template-columns:repeat(8,1fr)}.mhl-action-tile{min-height:118px}.mhl-bottom-nav{position:sticky;bottom:16px;margin-top:20px}.mhl-main{padding-bottom:0}}
@media (max-width:420px){.mhl-bottom-nav{grid-template-columns:repeat(3,1fr)}.mhl-app{padding-bottom:158px}.mhl-action-tile{min-height:94px}.mhl-brand-wrap span{display:none}}

/* ------------------------------------------------------------
   v0.1.1 · Modo app / pantalla completa
   ------------------------------------------------------------ */
html body.mhl-page-app,
body.mhl-page-app{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  background:#F8F6F1!important;
}
body.mhl-page-app.mhl-blank-body{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.mhl-page-app.mhl-modal-open{
  overflow:hidden!important;
}
body.mhl-page-app #wpadminbar{
  position:fixed;
}
body.mhl-page-app .mhl-blank-root,
body.mhl-page-app #mhl-app,
body.mhl-page-app .mhl-app,
body.mhl-page-app .mhl-public-wrap{
  width:100%!important;
  max-width:none!important;
  min-height:100dvh;
  margin:0!important;
}
body.mhl-page-app .mhl-app{
  border-radius:0!important;
  isolation:isolate;
}
body.mhl-page-app .mhl-shell{
  width:min(1280px,100%);
  max-width:1280px;
  margin-inline:auto!important;
}
body.mhl-page-app .mhl-topbar{
  top:calc(env(safe-area-inset-top,0px) + 8px);
}
body.mhl-page-app .mhl-bottom-nav{
  bottom:calc(env(safe-area-inset-bottom,0px) + 10px);
}
body.mhl-page-app .mhl-modal{
  bottom:calc(env(safe-area-inset-bottom,0px) + 10px);
}
body.mhl-page-app .mhl-action-tile,
body.mhl-page-app .mhl-btn,
body.mhl-page-app .mhl-mini-btn,
body.mhl-page-app .mhl-card-action,
body.mhl-page-app .mhl-bottom-nav button{
  touch-action:manipulation;
}
body.mhl-page-app .mhl-action-tile{
  min-height:112px;
}
body.mhl-page-app .mhl-btn,
body.mhl-page-app .mhl-mini-btn,
body.mhl-page-app .mhl-card-action,
body.mhl-page-app .mhl-form input,
body.mhl-page-app .mhl-form select,
body.mhl-page-app .mhl-form textarea{
  font-size:16px;
}
@media (display-mode: standalone){
  body.mhl-page-app .mhl-topbar{top:calc(env(safe-area-inset-top,0px) + 10px)}
}
@media (max-width:719px){
  body.mhl-page-app .mhl-app{
    padding-left:max(12px,env(safe-area-inset-left,0px));
    padding-right:max(12px,env(safe-area-inset-right,0px));
  }
  body.mhl-page-app .mhl-topbar{
    border-radius:22px;
  }
  body.mhl-page-app .mhl-logo-small{
    width:54px;
  }
  body.mhl-page-app .mhl-brand-wrap strong{
    font-size:15px;
  }
  body.mhl-page-app .mhl-user-link{
    min-width:54px;
    text-align:center;
  }
}
@media (min-width:720px) and (max-width:1079px){
  body.mhl-page-app .mhl-action-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  body.mhl-page-app .mhl-zone-grid,
  body.mhl-page-app .mhl-advice-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (min-width:1080px){
  body.mhl-page-app .mhl-app{
    padding-top:24px;
  }
  body.mhl-page-app .mhl-bottom-nav{
    border-radius:28px;
  }
}