:root{
  --bg:#020714;
  --bg2:#071320;
  --panel:rgba(8,22,34,.72);
  --panel2:rgba(4,14,24,.82);
  --line:rgba(122,174,218,.28);
  --text:#f5f8ff;
  --muted:#a8b1c2;
  --cyan:#29d8ff;
  --blue:#2586ff;
  --green:#25ff9c;
  --purple:#7c48ff;
  --shadow:0 20px 70px rgba(0,0,0,.42);
  --radius:18px;
  --icon:82px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at 15% 0%,rgba(19,97,180,.24),transparent 32%),radial-gradient(circle at 85% 20%,rgba(41,216,255,.12),transparent 28%),linear-gradient(180deg,#020713,#030915 48%,#01040b);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden;overflow-y:auto;touch-action:auto}
a{color:inherit;text-decoration:none}button,input{font-family:inherit}.app-shell{max-width:1260px;margin:0 auto;padding:26px 30px 0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:20px}.brand-mark{width:102px;height:102px;border-radius:50%;background:conic-gradient(from 35deg,#2f6cff,#11193a 20%,#050914 35%,#10d7ff 72%,#2f6cff);position:relative;box-shadow:0 0 35px rgba(28,155,255,.28)}.brand-mark:after{content:"";position:absolute;inset:18px;background:var(--bg);border-radius:50%;box-shadow:inset 0 0 18px rgba(0,0,0,.7)}.brand-text{display:flex;flex-direction:column;line-height:.92;letter-spacing:1px}.brand-text span{font-size:42px;font-weight:400}.brand-text strong{font-size:56px;color:#258bff;letter-spacing:2px}.status-zone{display:flex;align-items:center;gap:18px}.status-pill{display:flex;align-items:center;gap:10px;padding:0 18px;min-height:58px;border-left:1px solid rgba(255,255,255,.12);color:#fff}.status-pill b{display:block;font-size:20px;font-weight:700}.status-pill small{display:block;color:var(--muted);font-size:14px;margin-top:3px}.status-icon{font-size:28px}.weather{color:#ffd43b}.dolar-logo{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:4px solid #2cff40;color:#071604;background:#82ff1b;font-size:28px;font-weight:900;box-shadow:0 0 16px rgba(47,255,61,.34)}.gear{width:48px;height:48px;border:0;background:transparent;color:#d9e2ef;font-size:36px;cursor:pointer}.search-card{height:60px;width:min(760px,72%);margin:0 auto 22px;display:flex;align-items:center;gap:14px;padding:0 26px;border:1px solid rgba(170,190,220,.28);border-radius:12px;background:linear-gradient(180deg,rgba(28,35,55,.82),rgba(15,22,37,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.search-card span{font-size:34px;color:#dae6f5;transform:translateY(-2px)}.search-card input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:22px}.search-card input::placeholder{color:#c2c9d5}.ad-banner{display:flex;align-items:center;gap:24px;border-radius:14px;margin:20px 0 26px;padding:22px 32px;min-height:110px;background:linear-gradient(110deg,rgba(67,70,255,.78),rgba(38,41,110,.58) 45%,rgba(15,31,72,.34));border:1px solid rgba(133,91,255,.8);box-shadow:0 20px 55px rgba(0,0,0,.28),inset 0 0 60px rgba(107,75,255,.14)}.ad-icon{width:132px;height:74px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent);font-size:66px;color:#fff}.ad-copy{display:flex;flex-direction:column;flex:1}.ad-copy b{font-size:34px}.ad-copy small{font-size:20px;color:#eef3ff;margin-top:8px}.ad-cta{padding:18px 34px;border-radius:10px;background:linear-gradient(90deg,#813dff,#035cff);font-weight:900;font-size:18px;letter-spacing:.5px}.panel{position:relative;background:linear-gradient(180deg,rgba(10,26,40,.82),rgba(5,15,27,.82));border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.04);border-radius:var(--radius);padding:22px 26px;margin-bottom:16px}.panel-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.panel-title span{color:#3bbcff;font-size:27px}.panel-title h2{font-size:24px;line-height:1;margin:0}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--icon),1fr));gap:26px 34px;align-items:start}.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:18px 20px}.tile{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;background:transparent;border:0;color:var(--text);cursor:pointer;position:relative}.tile[draggable="true"]{cursor:grab}.tile-icon{width:var(--icon);height:var(--icon);border-radius:17px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#e9edf4);border:1px solid rgba(255,255,255,.38);box-shadow:0 10px 26px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.8);overflow:hidden}.tile-icon.dark{background:linear-gradient(180deg,#101217,#030406);border-color:rgba(255,255,255,.22)}.tile-icon img{width:74%;height:74%;object-fit:contain}.tile-icon .letter{font-size:38px;font-weight:900;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.3)}.tile-name{font-size:16px;line-height:1.1;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8);min-height:34px;display:flex;align-items:flex-start;justify-content:center}.tile:hover .tile-icon{transform:translateY(-2px);filter:brightness(1.08)}.tile.editing:after{content:"✎";position:absolute;right:5px;top:-5px;width:25px;height:25px;border-radius:50%;background:#2b83ff;color:#fff;display:grid;place-items:center;font-size:14px}.folder-board{display:grid;grid-template-columns:1fr 1fr;gap:16px}.folder-panel{min-height:166px}.folder-open{position:absolute;right:18px;top:20px;border:0;background:transparent;color:#b5c6d8;font-size:34px;cursor:pointer}.folder-panel .tile-icon{width:64px;height:64px;border-radius:13px}.folder-panel .tile-name{font-size:14px;min-height:30px}.custom-area{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;align-items:stretch;margin:10px 0 18px}.custom-title{font-size:22px;font-weight:800;margin:0 0 14px}.custom-title span{color:#68b7ff;font-size:16px}.custom-grid{display:grid;grid-template-columns:repeat(5,minmax(94px,1fr));gap:22px}.custom-tile{min-height:112px;border:2px dashed rgba(255,255,255,.55);border-radius:16px;background:rgba(7,17,28,.52);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;text-align:center}.custom-tile .plus{font-size:42px;line-height:.8}.custom-tile span:last-child{font-size:17px;line-height:1.15}.custom-tile.filled{border-style:solid;border-color:rgba(92,183,255,.38)}.custom-tile.filled .tile-icon{width:58px;height:58px;border-radius:13px}.help-card{display:flex;align-items:center;gap:24px;background:linear-gradient(180deg,rgba(12,24,36,.82),rgba(7,16,28,.82));border:1px solid var(--line);border-radius:16px;padding:24px 32px}.help-spark{font-size:52px;color:#687bff}.help-card b{font-size:20px}.help-card p{margin:8px 0;color:#d5dceb;font-size:17px;line-height:1.35}.help-card button{border:0;background:transparent;color:#39cfff;font-size:17px;padding:0;cursor:pointer}.bottom-ad{background:linear-gradient(110deg,rgba(18,168,198,.7),rgba(5,73,104,.48));border-color:rgba(37,207,229,.5);min-height:90px}.bottom-ad .ad-icon{font-size:54px}.bottom-ad .ad-copy b{font-size:32px}.bottom-ad .ad-cta{background:linear-gradient(90deg,#0c9da9,#11b4be)}.footer{display:grid;grid-template-columns:1.3fr auto auto auto 1fr;gap:24px;align-items:center;min-height:72px;margin:0 -30px;padding:18px 34px;background:linear-gradient(180deg,rgba(5,10,19,.55),rgba(1,4,11,.9));border-top:1px solid rgba(255,255,255,.08);color:#e9eef8}.footer small{display:block;color:#a5adbb;font-size:15px;margin-top:4px}.footer button{border:0;background:transparent;color:#cbd4e3;text-decoration:underline;font-size:17px;cursor:pointer}.modal{border:1px solid rgba(130,177,222,.45);border-radius:18px;background:linear-gradient(180deg,#0b1828,#050b14);color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.68);max-width:520px;width:calc(100% - 28px);padding:0}.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.modal form,.info-content,.folder-modal-inner{padding:28px}.modal h3{font-size:25px;margin:0 0 20px}.modal label{display:block;font-size:15px;color:#b8c4d4;margin:14px 0}.modal input{width:100%;height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font-size:18px;padding:0 14px;margin-top:7px}.modal-note,.info-content p{color:#b8c4d4;line-height:1.45}.modal-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;margin-top:20px}.modal button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:12px 16px;cursor:pointer}.modal .primary{background:#147cff;border-color:#147cff;font-weight:800}.modal .danger{border-color:rgba(255,80,80,.5);color:#ff8d8d}.modal-close{position:absolute;right:16px;top:14px;border:0!important;background:transparent!important;font-size:30px!important;padding:4px 9px!important}.folder-modal{max-width:920px}.modal-grid{--icon:78px;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:28px}.hidden-search{display:none!important}.drag-over .tile-icon,.drag-over.custom-tile{outline:2px solid #22e5ff;outline-offset:4px}.editing-mode .tile,.editing-mode .custom-tile{animation:wobble 1.4s ease-in-out infinite}.editing-mode .tile:after{content:"↕";position:absolute;top:-6px;right:2px;background:#1d7cff;border-radius:50%;font-size:14px;width:24px;height:24px;display:grid;place-items:center}@keyframes wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(-.45deg)}75%{transform:rotate(.45deg)}}
@media(max-width:920px){.app-shell{padding:18px 14px 0}.topbar{align-items:flex-start}.brand-mark{width:72px;height:72px}.brand-mark:after{inset:13px}.brand-text span{font-size:28px}.brand-text strong{font-size:38px}.status-zone{gap:6px}.hide-small{display:none}.dolar-logo{width:42px;height:42px;font-size:22px}.status-pill{padding:0 6px;border-left:0}.gear{font-size:30px}.search-card{width:100%;height:54px}.search-card input{font-size:18px}.ad-banner{padding:16px 18px;min-height:86px}.ad-icon{display:none}.ad-copy b{font-size:24px}.ad-copy small{font-size:16px}.ad-cta{padding:14px 16px;font-size:14px}.panel{padding:16px 14px}.panel-title h2{font-size:20px}:root{--icon:68px}.icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px}.tile-icon{border-radius:15px}.tile-name{font-size:13px}.folder-board{grid-template-columns:1fr}.mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.custom-area{grid-template-columns:1fr}.custom-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.custom-tile{min-height:98px}.help-card{padding:18px}.footer{grid-template-columns:1fr 1fr 1fr;margin:0 -14px;padding:16px;font-size:14px}.footer div,.footer span{grid-column:1/-1}.footer span{text-align:left}.modal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:380px){:root{--icon:60px}.icon-grid{gap:18px 8px}.brand-text strong{font-size:33px}.brand-text span{font-size:24px}.tile-name{font-size:12px}.custom-grid{grid-template-columns:repeat(2,1fr)}}


/* v13: clima y dólar en vivo */
.live-status{
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  text-align:left;
  cursor:pointer;
  background:transparent;
  border-top:0;
  border-right:0;
  border-bottom:0;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.live-status:hover{
  background:rgba(255,255,255,.045);
  border-left-color:rgba(64,207,255,.55);
}
.live-status:active{transform:translateY(1px)}
.live-status-copy{
  display:block;
  min-width:0;
}
.live-status-copy b,
.live-status-copy small{
  white-space:nowrap;
}
.weather-live{min-width:210px}
.dollar-live{min-width:190px}
.weather-live #weatherTemp{font-size:19px}
.weather-live #weatherDetail,
.dollar-live #dollarBlue{
  font-size:12px;
  max-width:240px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.dollar-live #dollarOfficial{font-size:18px}
.live-status.is-loading{opacity:.72}
.live-status.is-error small{color:#ffb4b4}

@media(max-width:1080px){
  .weather-live{min-width:175px}
  .dollar-live{min-width:160px}
  .weather-live #weatherTemp,
  .dollar-live #dollarOfficial{font-size:16px}
  .weather-live #weatherDetail,
  .dollar-live #dollarBlue{font-size:11px}
}
@media(max-width:620px){
  .dollar-live{
    min-width:118px !important;
    max-width:145px !important;
  }
  .dollar-live .live-status-copy{min-width:0 !important}
  .dollar-live #dollarOfficial{font-size:12px !important}
  .dollar-live #dollarBlue{
    display:block !important;
    font-size:9px !important;
    max-width:92px !important;
  }
}
@media(max-width:360px){
  .dollar-live #dollarBlue{display:none !important}
}


/* v14 — ajuste real para notebooks y monitores 1280/1366 px al 100% */
@media (min-width:921px) and (max-width:1366px){
  :root{--icon:72px}

  .app-shell{
    max-width:1180px;
    padding:18px 22px 0;
  }

  .topbar{
    gap:12px;
    margin-bottom:16px;
  }

  .brand{
    gap:13px;
    flex:0 0 auto;
  }
  .brand-mark{
    width:76px;
    height:76px;
  }
  .brand-mark:after{inset:14px}
  .brand-text span{font-size:31px}
  .brand-text strong{
    font-size:42px;
    letter-spacing:1px;
  }

  .status-zone{
    min-width:0;
    gap:2px;
    justify-content:flex-end;
  }
  .status-pill{
    min-height:52px;
    padding:0 8px;
    gap:7px;
  }
  .status-pill b{font-size:15px}
  .status-pill small{
    font-size:10px;
    margin-top:2px;
  }
  .status-icon{font-size:22px}
  .dolar-logo{
    width:42px;
    height:42px;
    border-width:3px;
    font-size:21px;
  }
  .weather-live{
    min-width:170px;
    max-width:190px;
  }
  .dollar-live{
    min-width:150px;
    max-width:165px;
  }
  .weather-live #weatherTemp,
  .dollar-live #dollarOfficial{font-size:15px}
  .weather-live #weatherDetail,
  .dollar-live #dollarBlue{
    max-width:130px;
    font-size:9px;
  }
  .country-global-pill{
    min-width:126px;
    max-width:140px;
  }
  .country-select{
    max-width:105px;
    font-size:10px;
  }
  .plus-pill{
    min-width:105px;
    padding:0 9px;
  }
  .plus-cloud{
    width:30px;
    height:30px;
    font-size:16px;
  }
  .gear{
    width:34px;
    height:40px;
    font-size:27px;
  }

  .smart-tagline{
    margin:4px 0 16px;
    font-size:17px;
  }
  .smart-browser{
    max-width:980px;
    padding:16px 18px;
  }

  .panel{
    padding:18px 20px;
    margin-bottom:14px;
  }
  .panel-title{margin-bottom:15px}
  .panel-title h2{font-size:21px}
  .icon-grid{
    gap:20px 24px;
  }
  .tile{gap:7px}
  .tile-name{
    font-size:14px;
    min-height:30px;
  }

  .folder-panel{min-height:150px}
  .folder-panel .tile-icon{
    width:58px;
    height:58px;
  }

  .custom-area{
    gap:14px;
    margin-bottom:16px;
  }
  .custom-grid{gap:14px}
  .custom-tile{
    min-height:98px;
    border-radius:14px;
  }
  .custom-tile .plus{font-size:34px}
  .custom-tile span:last-child{font-size:14px}
  .help-card{
    gap:16px;
    padding:18px 22px;
  }
  .help-spark{font-size:42px}
  .help-card p{font-size:15px}

  .ad-banner{
    min-height:86px;
    padding:17px 24px;
    margin:16px 0 22px;
  }
  .ad-icon{
    width:105px;
    height:62px;
    font-size:50px;
  }
  .ad-copy b{font-size:27px}
  .ad-copy small{
    font-size:16px;
    margin-top:5px;
  }
  .ad-cta{
    padding:14px 24px;
    font-size:15px;
  }

  .footer{
    grid-template-columns:130px auto auto auto minmax(300px,1fr);
    gap:18px;
    min-height:68px;
    margin:0 -22px;
    padding:15px 24px;
  }
  .footer>div{
    width:130px;
    line-height:1.05;
  }
  .footer small{
    font-size:12px;
    line-height:1.15;
  }
  .footer button,
  .footer-link-btn{
    font-size:14px;
    white-space:nowrap;
  }
  .footer>span{
    font-size:13px;
    line-height:1.25;
    min-width:0;
  }
}

/* Evita que el encabezado se corte en resoluciones intermedias */
@media (min-width:921px) and (max-width:1120px){
  .app-shell{padding-left:16px;padding-right:16px}
  .brand-mark{width:66px;height:66px}
  .brand-mark:after{inset:12px}
  .brand-text span{font-size:27px}
  .brand-text strong{font-size:36px}
  .status-zone .hide-small:first-child{display:none}
  .weather-live{min-width:150px;max-width:160px}
  .dollar-live{min-width:135px;max-width:145px}
  .country-global-pill{min-width:112px;max-width:120px}
  .plus-pill{min-width:92px}
  .footer{
    grid-template-columns:115px auto auto auto minmax(260px,1fr);
    margin-left:-16px;
    margin-right:-16px;
  }
}


/* v15 — diseño compacto específico para 1280x1024 al 100% */
@media (min-width:1121px) and (max-width:1300px){
  :root{--icon:62px}

  .app-shell{
    width:100%;
    max-width:1230px;
    padding:12px 16px 0;
  }

  .topbar{
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    align-items:center;
    gap:12px;
    margin-bottom:10px;
  }

  .brand{
    gap:12px;
    min-width:0;
  }
  .brand-mark{
    width:70px;
    height:70px;
    flex:0 0 70px;
  }
  .brand-mark:after{inset:13px}
  .brand-text span{
    font-size:27px;
    letter-spacing:.5px;
  }
  .brand-text strong{
    font-size:37px;
    letter-spacing:1px;
  }

  .status-zone{
    display:grid;
    grid-template-columns:105px minmax(190px,1fr) 155px 120px 155px;
    align-items:center;
    gap:0;
    min-width:0;
    width:100%;
  }
  .status-pill{
    min-width:0 !important;
    max-width:none !important;
    min-height:48px;
    padding:0 8px;
    gap:6px;
    overflow:hidden;
  }
  .status-pill b{
    font-size:13px;
    line-height:1.05;
    white-space:nowrap;
  }
  .status-pill small{
    font-size:8px;
    line-height:1.15;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .status-icon{font-size:18px}
  .dolar-logo{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-width:3px;
    font-size:19px;
  }
  .weather-live,
  .dollar-live,
  .country-global-pill,
  .plus-pill{
    min-width:0 !important;
    max-width:none !important;
    width:auto !important;
  }
  .weather-live #weatherTemp,
  .dollar-live #dollarOfficial{font-size:13px}
  .weather-live #weatherDetail,
  .dollar-live #dollarBlue{
    font-size:8px;
    max-width:145px;
  }
  .country-global-pill{
    padding:0 8px;
    border-radius:12px;
  }
  .country-select{
    width:88px;
    max-width:88px;
    font-size:9px;
  }
  .plus-pill{
    padding:0 8px;
    border-radius:13px;
  }
  .plus-cloud{
    width:28px;
    height:28px;
    flex:0 0 28px;
    font-size:14px;
  }
  .plus-pill span:not(.plus-cloud):not(.plus-dot){
    min-width:0;
  }
  .plus-pill b{font-size:12px}
  .plus-pill small{
    font-size:8px;
    line-height:1.08;
    white-space:normal;
  }
  .plus-dot{
    width:7px;
    height:7px;
    flex:0 0 7px;
  }

  .smart-tagline{
    margin:0 0 10px;
    font-size:14px;
  }
  .smart-browser{
    max-width:820px;
    padding:12px 14px;
    border-radius:15px;
  }
  .smart-browser-title,
  .smart-browser-title span{
    font-size:14px;
  }

  .search-card{
    height:46px;
    width:100%;
    margin-bottom:10px;
    padding:0 16px;
  }
  .search-card span{font-size:25px}
  .search-card input{font-size:16px}

  .daily-phrase{
    max-width:720px;
    min-height:76px;
    margin-top:10px;
    margin-bottom:14px;
  }

  .panel{
    padding:14px 16px;
    margin-bottom:10px;
    border-radius:15px;
  }
  .panel-title{
    gap:9px;
    margin-bottom:11px;
  }
  .panel-title span{font-size:19px}
  .panel-title h2{font-size:18px}

  .icon-grid{
    grid-template-columns:repeat(auto-fill,minmax(68px,1fr));
    gap:14px 16px;
  }
  .tile{gap:5px}
  .tile-icon{
    width:62px;
    height:62px;
    border-radius:13px;
  }
  .tile-icon .letter{font-size:26px}
  .tile-name{
    font-size:11px;
    min-height:24px;
    line-height:1.05;
  }

  .folder-board{gap:10px}
  .folder-panel{
    min-height:125px;
    padding:14px 15px;
  }
  .folder-panel .tile-icon{
    width:50px;
    height:50px;
  }
  .folder-panel .tile-name{
    font-size:10px;
    min-height:21px;
  }
  .folder-open{
    right:12px;
    top:12px;
    font-size:25px;
  }
  .mini-grid{
    grid-template-columns:repeat(auto-fill,minmax(58px,1fr));
    gap:12px 14px;
  }

  .custom-area{
    gap:10px;
    margin:8px 0 12px;
  }
  .custom-title{
    font-size:18px;
    margin-bottom:10px;
  }
  .custom-grid{gap:10px}
  .custom-tile{
    min-height:82px;
    border-radius:12px;
  }
  .custom-tile .plus{font-size:28px}
  .custom-tile span:last-child{
    font-size:11px;
    line-height:1.08;
  }
  .help-card{
    gap:12px;
    padding:14px 18px;
    border-radius:14px;
  }
  .help-spark{font-size:32px}
  .help-card b{font-size:16px}
  .help-card p{
    margin:5px 0;
    font-size:12px;
  }
  .help-card button{font-size:12px}

  .ad-banner{
    min-height:70px;
    gap:16px;
    padding:12px 18px;
    margin:12px 0 16px;
  }
  .ad-icon{
    width:82px;
    height:50px;
    font-size:40px;
  }
  .ad-copy b{font-size:22px}
  .ad-copy small{
    font-size:13px;
    margin-top:3px;
  }
  .ad-cta{
    padding:11px 19px;
    font-size:12px;
  }

  .footer{
    grid-template-columns:95px auto auto auto auto minmax(260px,1fr) !important;
    gap:12px;
    min-height:58px;
    margin:0 -16px;
    padding:11px 18px;
  }
  .footer>div{
    width:95px;
    line-height:1;
  }
  .footer small{
    font-size:9px;
    line-height:1.12;
    margin-top:2px;
  }
  .footer button,
  .footer-link-btn{
    font-size:11px !important;
  }
  .footer>span{
    font-size:10px;
    line-height:1.18;
  }
}


/* v16 — corrección final del header en 1280 px */
@media (min-width:1121px) and (max-width:1300px){
  .app-shell{
    max-width:none !important;
    width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .topbar{
    grid-template-columns:270px minmax(0,1fr) !important;
    gap:8px !important;
  }

  /* Son 6 elementos: hora, clima, dólar, país, Plus y engranaje */
  .status-zone{
    grid-template-columns:
      92px
      minmax(170px,1fr)
      138px
      112px
      145px
      32px !important;
    gap:0 !important;
    overflow:visible !important;
  }

  .brand-mark{
    width:64px !important;
    height:64px !important;
    flex-basis:64px !important;
  }
  .brand-mark:after{inset:12px !important}
  .brand-text span{font-size:25px !important}
  .brand-text strong{font-size:34px !important}

  .status-pill{
    padding-left:6px !important;
    padding-right:6px !important;
  }

  .weather-live #weatherDetail,
  .dollar-live #dollarBlue{
    max-width:125px !important;
  }

  .plus-pill{
    width:145px !important;
    min-width:145px !important;
    max-width:145px !important;
  }
  .plus-pill small{
    font-size:7.5px !important;
    line-height:1.05 !important;
  }

  .gear{
    display:block !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    padding:0 !important;
    font-size:22px !important;
    overflow:hidden !important;
  }
}

/* En pantallas apenas menores, sacrifica el engranaje antes que cortar Plus */
@media (min-width:1000px) and (max-width:1120px){
  .gear{display:none !important}
  .status-zone{
    grid-template-columns:88px minmax(150px,1fr) 130px 108px 138px !important;
  }
}


/* v17 — clima y dólar más cercanos y legibles en 1280 px */
@media (min-width:1121px) and (max-width:1300px){
  .status-zone{
    display:grid !important;
    grid-template-columns:
      92px
      230px
      165px
      112px
      145px
      32px !important;
    column-gap:2px !important;
    justify-content:start !important;
    width:auto !important;
    overflow:visible !important;
  }

  .weather-live,
  .dollar-live{
    padding-left:7px !important;
    padding-right:7px !important;
  }

  .weather-live #weatherTemp,
  .dollar-live #dollarOfficial{
    font-size:16px !important;
    line-height:1.08 !important;
    letter-spacing:-.1px !important;
  }

  .weather-live #weatherDetail,
  .dollar-live #dollarBlue{
    font-size:10px !important;
    line-height:1.15 !important;
    max-width:190px !important;
  }

  .dolar-logo{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
    font-size:20px !important;
  }
}