/* FmBolivia SEO Total PRO V5.17.15 - móvil: Clima | Logo | Dólar; sin hora meteorológica. */
/* Escritorio: conserva el reparto de tres columnas de V5.17.14. */
.masthead-grid>.fmb-ind-weather{grid-column:1;grid-row:1;align-self:center;min-width:0}
.masthead-grid>.brand{grid-column:2;grid-row:1;justify-self:center}
.masthead-grid>.fmb-ind-rate{grid-column:3;grid-row:1;align-self:center;min-width:0}
.fmb-ind{box-sizing:border-box;font-family:Inter,Arial,sans-serif;min-width:0;min-height:86px;border:1px solid #e3eaeb;border-radius:16px;background:linear-gradient(135deg,#fff,#f3faf9);box-shadow:0 5px 19px rgba(10,45,49,.075);overflow:hidden}
.fmb-ind>a{display:flex;align-items:center;gap:10px;min-width:0;min-height:86px;padding:11px;color:#102d35;text-decoration:none}
.fmb-ind-emoji{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#e9f7f5;font-size:27px;line-height:1}
.fmb-ind-copy{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;flex:1}
.fmb-ind-city{display:block;font-size:13px;font-weight:850;line-height:1.15;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#153038}
.fmb-ind-weatherline{display:flex;align-items:baseline;gap:5px;min-width:0;flex-wrap:wrap}
.fmb-ind-temp{font-size:23px;line-height:1.08;font-weight:900;letter-spacing:-.04em;color:#0c4546;white-space:nowrap}
.fmb-ind-condition{font-size:10px;color:#557078;line-height:1.25}
.fmb-ind-updated{font-size:9px;color:#617880;line-height:1.2}
.fmb-ind-rate{background:linear-gradient(130deg,#fff,#f3faf5)}
.fmb-ind-rate .fmb-ind-emoji{background:#e4f4e8;font-size:24px}
.fmb-ind-rate .fmb-ind-city{font-size:11px}
.fmb-ind-rate .fmb-ind-temp{font-size:23px;color:#063e34}
.fmb-ind a:focus-visible{outline:3px solid #b60000;outline-offset:-3px;border-radius:14px}
.fmb-ind-mobile{display:none}
@media(max-width:820px){
 /* Fijamos sólo los controles de navegación. El logotipo se mueve al centro de la franja informativa. */
 .mobile-fixed-header .mobile-header-row{display:flex!important;align-items:center!important;justify-content:space-between!important}
 .mobile-fixed-header .mobile-menu-button,.mobile-fixed-header .mobile-search-button{flex:0 0 auto}
 .masthead-grid>.fmb-ind-weather,.masthead-grid>.fmb-ind-rate{display:none!important}
 .fmb-ind-mobile{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(76px,96px) minmax(0,1fr);gap:7px;align-items:center;padding:9px 10px;background:linear-gradient(180deg,#fff,#f7fbfa);border-bottom:1px solid #e5edef;box-sizing:border-box;width:100%}
 .fmb-ind-mobile .fmb-ind{min-height:77px;border-radius:13px;box-shadow:0 3px 14px rgba(9,48,48,.055)}
 .fmb-ind-mobile .fmb-ind>a{min-height:77px;padding:7px;gap:5px;align-items:center}
 .fmb-ind-mobile .fmb-ind-emoji{flex:0 0 28px;width:28px;height:28px;font-size:20px;border-radius:9px}
 .fmb-ind-mobile .fmb-ind-copy{gap:4px}
 .fmb-ind-mobile .fmb-ind-city{font-size:10px;line-height:1.15;max-width:100%}
 .fmb-ind-mobile .fmb-ind-weatherline{gap:2px;display:flex;flex-wrap:wrap}
 .fmb-ind-mobile .fmb-ind-temp{font-size:17px}
 .fmb-ind-mobile .fmb-ind-condition{font-size:9px;line-height:1.2;max-height:25px;overflow:hidden}
 .fmb-ind-mobile .fmb-ind-rate .fmb-ind-temp{font-size:17px}
 .fmb-ind-mobile .fmb-ind-rate .fmb-ind-updated{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .fmb-ind-mobile .fmb-ind-center{min-width:0;display:flex;align-items:center;justify-content:center;height:77px}
 .fmb-ind-mobile .mobile-header-logo{display:flex!important;align-items:center;justify-content:center!important;margin:0!important;padding:0!important;max-width:100%!important;width:100%!important;height:77px!important;min-width:0!important;box-shadow:none!important;border:0!important;background:none!important}
 .fmb-ind-mobile .mobile-header-logo img{display:block!important;width:100%!important;max-width:96px!important;height:auto!important;max-height:69px!important;object-fit:contain!important;margin:0 auto!important}
 .fmb-ind-mobile .mobile-header-logo span{font-size:18px!important}
}
@media(max-width:400px){
 .fmb-ind-mobile{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:5px;padding:7px 5px}
 .fmb-ind-mobile .fmb-ind{min-height:72px}
 .fmb-ind-mobile .fmb-ind>a{min-height:72px;padding:5px;gap:4px}
 .fmb-ind-mobile .fmb-ind-emoji{flex-basis:24px;width:24px;height:24px;font-size:18px}
 .fmb-ind-mobile .fmb-ind-city{font-size:9px}
 .fmb-ind-mobile .fmb-ind-temp,.fmb-ind-mobile .fmb-ind-rate .fmb-ind-temp{font-size:15px}
 .fmb-ind-mobile .fmb-ind-condition{font-size:8px}
 .fmb-ind-mobile .fmb-ind-center,.fmb-ind-mobile .mobile-header-logo{height:72px!important}
 .fmb-ind-mobile .mobile-header-logo img{max-width:76px!important;max-height:58px!important}
}
@media(prefers-reduced-motion:reduce){.fmb-ind{transition:none}}

/* V5.17.17: ÚNICA FILA FIJA MÓVIL: Menú | Clima | Logo | Dólar | Buscar */
@media (max-width:820px) {
  .mobile-fixed-header .mobile-header-row {
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) minmax(68px,86px) minmax(0,1fr) 30px!important;
    column-gap:5px!important;
    align-items:center!important;
    justify-content:stretch!important;
    min-height:79px!important;
    height:auto!important;
    padding:5px 7px!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  .mobile-fixed-header .mobile-menu-button {
    grid-column:1!important;
    min-width:0!important;
    width:30px!important;
    max-width:30px!important;
    justify-self:center!important;
    overflow:visible!important;
    padding:2px 0!important;
    margin:0!important;
  }
  .mobile-fixed-header .fmb-ind-weather {
    grid-column:2!important;
  }
  .mobile-fixed-header .mobile-header-logo {
    grid-column:3!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:86px!important;
    height:65px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .mobile-fixed-header .mobile-header-logo img {
    display:block!important;
    width:100%!important;
    max-width:86px!important;
    max-height:63px!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .mobile-fixed-header .mobile-header-logo span {font-size:16px!important}
  .mobile-fixed-header .fmb-ind-rate {
    grid-column:4!important;
  }
  .mobile-fixed-header .mobile-search-button {
    grid-column:5!important;
    min-width:0!important;
    width:30px!important;
    max-width:30px!important;
    justify-self:center!important;
    overflow:visible!important;
    margin:0!important;
    padding:2px 0!important;
  }
  .mobile-fixed-header .mobile-header-row>.fmb-ind {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:65px!important;
    height:65px!important;
    border-radius:10px!important;
    margin:0!important;
    box-shadow:0 2px 9px rgba(7,51,54,.06)!important;
    overflow:hidden!important;
  }
  .mobile-fixed-header .mobile-header-row>.fmb-ind>a {
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    width:100%!important;
    height:63px!important;
    min-height:0!important;
    padding:5px!important;
    box-sizing:border-box!important;
  }
  .mobile-fixed-header .fmb-ind-emoji {
    width:23px!important;
    height:23px!important;
    flex:0 0 23px!important;
    font-size:17px!important;
    border-radius:7px!important;
  }
  .mobile-fixed-header .fmb-ind-copy {min-width:0!important;gap:2px!important}
  .mobile-fixed-header .fmb-ind-city {font-size:10px!important;line-height:1.15!important}
  .mobile-fixed-header .fmb-ind-temp {font-size:16px!important;letter-spacing:-.04em!important}
  .mobile-fixed-header .fmb-ind-condition {font-size:9px!important;line-height:1.1!important}
  .mobile-fixed-header .fmb-ind-rate .fmb-ind-updated {font-size:8px!important;line-height:1.1!important}
  .mobile-fixed-header .fmb-ind-weatherline {gap:2px!important;flex-wrap:wrap!important}
  /* No hay franja inferior; se elimina el espacio en blanco del diseño anterior. */
  .fmb-ind-mobile {display:none!important}
  body {padding-top:calc(82px + env(safe-area-inset-top))!important}
}
@media (max-width:390px) {
  .mobile-fixed-header .mobile-header-row {
    grid-template-columns:26px minmax(0,1fr) 63px minmax(0,1fr) 26px!important;
    column-gap:3px!important;
    padding:4px!important;
    min-height:70px!important;
  }
  .mobile-fixed-header .mobile-menu-button,
  .mobile-fixed-header .mobile-search-button {width:26px!important;max-width:26px!important}
  .mobile-fixed-header .mobile-header-logo {max-width:63px!important;height:58px!important}
  .mobile-fixed-header .mobile-header-logo img {max-width:63px!important;max-height:55px!important}
  .mobile-fixed-header .mobile-header-row>.fmb-ind {height:59px!important;min-height:59px!important;border-radius:9px!important}
  .mobile-fixed-header .mobile-header-row>.fmb-ind>a {height:57px!important;padding:3px!important;gap:2px!important}
  .mobile-fixed-header .fmb-ind-emoji {width:18px!important;height:18px!important;flex-basis:18px!important;font-size:15px!important}
  .mobile-fixed-header .fmb-ind-city {font-size:9px!important}
  .mobile-fixed-header .fmb-ind-temp {font-size:14px!important}
  .mobile-fixed-header .fmb-ind-condition {font-size:8px!important}
  .mobile-fixed-header .fmb-ind-rate .fmb-ind-updated {font-size:7px!important}
  body {padding-top:calc(75px + env(safe-area-inset-top))!important}
}
