/* V4 · Experiencia móvil integral */
.mobile-more-backdrop[hidden],.mobile-more-sheet[hidden]{display:none!important}
.mobile-more-backdrop{position:fixed;inset:0;background:rgba(25,38,32,.42);z-index:130;backdrop-filter:blur(2px)}
.mobile-more-sheet{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom));left:12px;right:12px;background:#fffefa;border:1px solid #e8ede2;border-radius:23px 23px 16px 16px;z-index:131;box-shadow:0 15px 60px #233b2c35;padding:19px 15px 16px;max-height:min(72dvh,600px);overflow-y:auto}
.mobile-more-head{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e9eee5;padding:1px 3px 14px;margin-bottom:14px}
.mobile-more-head>div{display:flex;flex-direction:column;gap:4px}
.mobile-more-head strong{font:700 25px var(--display);color:#324b39}
.mobile-more-head span{font-size:11px;color:#95a196}
.mobile-more-head button{display:grid;place-items:center;border:0;border-radius:12px;width:35px;height:35px;background:#f0f3ec;color:#526757;font-size:17px}
.mobile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mobile-more-grid button{border:1px solid #e5ede1;border-radius:14px;background:#f8faf4;min-width:0;padding:13px 11px;display:flex;align-items:center;gap:10px;text-align:left;color:#3f5b46}
.mobile-more-grid button.active{border-color:#9bc18c;background:#eaf5de}
.mobile-more-grid button span{font-size:23px;flex:none}
.mobile-more-grid button strong{font-weight:800;line-height:1.35;font-size:12px;min-width:0}
.mobile-more-grid button i{margin-left:auto;font-style:normal;color:#9aaa9b}
.home-action-panel{border:1px solid #e7ebde;background:#fffefb;border-radius:23px;padding:21px 22px;margin:0 0 21px;box-shadow:0 12px 33px #3748350c}
.home-action-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}
.home-action-heading h2{font:700 25px/1.15 var(--display);color:#314a38;letter-spacing:-.7px;margin:7px 0 5px}
.home-action-heading p{font-size:12px;color:#8b9a8c;line-height:1.5;margin:0}
.home-action-sticker{font-size:34px;background:#f1eaff;border-radius:14px;padding:10px;transform:rotate(8deg)}
.home-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.home-action-card{position:relative;min-width:0;border:1px solid #dfe9d9;border-radius:17px;padding:18px 15px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;color:#344a3a;min-height:145px;cursor:pointer}
.home-action-card.green{background:#edf5e2}.home-action-card.peach{background:#ffefe6}.home-action-card.lilac{background:#f0ebfb}.home-action-card.cream{background:#fff5de}
.home-action-card>span{font-size:29px;margin-bottom:4px}
.home-action-card strong{font-size:13px;line-height:1.35;font-weight:850}
.home-action-card small{font-size:10px;line-height:1.4;color:#7e8e80}
.home-action-card i{font-style:normal;position:absolute;top:13px;right:13px;background:#ffffffb7;border-radius:9px;display:grid;place-items:center;width:24px;height:24px;font-size:17px;color:#6c8869}
.home-action-card:active{transform:scale(.99)}
.home-shortcut-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.home-shortcut-links button{border:1px solid #e5e9dd;background:#fafbf7;border-radius:99px;color:#526e55;font-size:11px;font-weight:800;padding:10px 14px}
.mobile-spending-trend,.mobile-months-panel{margin-top:15px;min-width:0}
.mobile-spending-trend .panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mobile-trend-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;align-items:end;margin:15px 0 8px;min-width:0}
.mobile-trend-item{background:transparent;border:0;padding:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;color:#607261;cursor:pointer}
.mobile-trend-item strong{font-size:10px;font-weight:800;white-space:nowrap;color:#4a6850}
.mobile-trend-item small{font-size:9px;white-space:nowrap}
.mobile-trend-track{display:flex;align-items:flex-end;justify-content:center;height:115px;width:65%;max-width:35px;background:#f4f6f0;border-radius:10px 10px 4px 4px;overflow:hidden}
.mobile-trend-track i{background:#bbd99d;width:100%;display:block;border-radius:8px 8px 4px 4px}
.mobile-trend-item.current .mobile-trend-track i{background:#91ad7b}
.mobile-trend-note{font-size:11px;color:#8c9b8c;line-height:1.5;margin:11px 0 0}
.mobile-months-panel .forecast-desktop-table{overflow-x:auto}
.mobile-months-panel .forecast-table{min-width:620px}
.mobile-months-panel .finance-month-list{display:none}
.wallet-sum{border:1px solid #e5eadd;background:#fbfcf6;border-radius:18px;padding:16px;margin:0 0 17px}
.wallet-intro{font-size:12px;color:#7c8c7d;line-height:1.55;margin-bottom:14px}
.wallet-intro b{color:#526b55}
.wallet-balance-list{display:grid;gap:9px}
.wallet-balance-row{display:grid;grid-template-columns:23px 69px minmax(0,1fr) 34px;align-items:center;gap:8px;border:1px solid #e8edde;background:white;border-radius:12px;padding:9px}
.wallet-balance-row .wallet-plus{font-size:19px;font-weight:850;text-align:center;color:#8caa7f}
.wallet-balance-row label{font-size:11px;font-weight:750;color:#657b69}
.wallet-balance-row input{width:100%;min-width:0;border:0;background:#f9faf6;border-radius:9px;padding:9px;color:#314c39;font:800 16px var(--sans);outline-color:#a5c68d}
.wallet-balance-row button{border:0;background:#f5f5f1;border-radius:9px;height:32px;width:32px;color:#8b9a8d;font-size:14px}
.wallet-balance-row button:disabled{opacity:.35}
.wallet-add{border:1px dashed #afc4a5;background:#f3f9ec;border-radius:11px;color:#537458;width:100%;margin:11px 0;padding:12px;font-size:12px;font-weight:800}
.wallet-sum-total{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#e8f2d9;border-radius:13px;padding:14px;margin:4px 0 11px}
.wallet-sum-total span{font-size:12px;color:#5b7c5b;font-weight:800}
.wallet-sum-total strong{font:700 23px var(--display);color:#31553c;overflow-wrap:anywhere;text-align:right}
@media(max-width:1100px){
 .home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mobile-trend-grid{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:14px}
}
@media(max-width:760px){
 /* Cinco accesos estables, y un menú realmente utilizable para las demás secciones */
 .mobile-nav{display:flex!important;justify-content:space-around!important;gap:0!important;padding:8px 4px calc(10px + env(safe-area-inset-bottom))!important;max-width:100%!important}
 .mobile-nav button{flex:1 1 20%!important;max-width:20%!important;min-width:0!important;padding:6px 0!important;font-size:10px!important}
 .mobile-nav button .ico{font-size:23px!important}
 .main{padding-bottom:calc(105px + env(safe-area-inset-bottom))!important}
 .home-action-panel{padding:16px 13px;border-radius:18px;margin-bottom:16px}
 .home-action-heading{margin-bottom:13px}
 .home-action-heading h2{font-size:24px}
 .home-action-heading p{font-size:11px;max-width:245px}
 .home-action-sticker{font-size:26px;padding:8px}
 .home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .home-action-card{padding:13px 11px;min-height:130px;gap:5px}
 .home-action-card>span{font-size:24px;margin-bottom:6px}
 .home-action-card strong{font-size:12px}
 .home-action-card small{font-size:10px}
 .home-shortcut-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .home-shortcut-links button{min-width:0;padding:10px 6px;font-size:10px;line-height:1.4}
 .mobile-more-sheet{bottom:calc(73px + env(safe-area-inset-bottom))}
 .mobile-spending-trend,.mobile-months-panel{padding:15px 12px}
 .mobile-trend-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 5px}
 .mobile-trend-track{height:87px;max-width:30px;width:64%}
 .mobile-trend-item strong{font-size:10px}
 .mobile-trend-item small{font-size:10px}
 .mobile-months-panel .forecast-desktop-table{display:none!important}
 .mobile-months-panel .finance-month-list{display:grid;grid-template-columns:minmax(0,1fr);gap:11px}
 .mobile-months-panel .finance-month-result strong{font-size:21px}
 .mobile-months-panel .finance-month-result{gap:8px}
 .mobile-months-panel .finance-month-result .mini-btn{white-space:nowrap}
 .wallet-sum{padding:12px}
 .wallet-balance-row{grid-template-columns:20px 57px minmax(0,1fr) 30px;gap:5px;padding:7px}
 .wallet-balance-row label{font-size:10px}
 .wallet-balance-row input{padding:10px 6px;font-size:16px}
 .wallet-sum-total strong{font-size:21px}
}
@media(max-width:380px){
 .mobile-more-grid{gap:7px}
 .mobile-more-grid button{padding:11px 8px;gap:7px}
 .mobile-more-grid button strong{font-size:11px}
 .wallet-balance-row{grid-template-columns:18px 51px minmax(0,1fr) 29px;gap:4px}
 .wallet-sum-total strong{font-size:19px}
}