/* ==========================================================================
   ENTRETENIMIENTO TOLIMA · ESCALA FINAL PÚBLICA v12.15
   Más compacta, profesional y responsive de portátil a móvil.
   ========================================================================== */

html{font-size:15px}

/* Franja superior */
.et212-ribbon{
  min-height:72px !important;
}

.et212-ribbon-inner{
  min-height:72px !important;
  width:min(1380px,calc(100% - 44px)) !important;
}

.et212-social-block{
  padding-left:54px !important;
}

.et212-socials a{
  width:34px !important;
  height:34px !important;
}

.et212-socials svg{
  width:16px !important;
  height:16px !important;
}

.et212-ribbon-copy{
  padding-right:52px !important;
  font-size:.74rem !important;
}

/* Masthead general más pequeño */
.et212-header-inner{
  width:min(1440px,calc(100% - 50px)) !important;
  min-height:118px !important;
  grid-template-columns:minmax(285px,.95fr) minmax(470px,1.25fr) minmax(300px,.95fr) !important;
  gap:22px !important;
}

.et212-meta-icon{
  width:36px !important;
  height:36px !important;
}

.et212-date{
  font-size:.72rem !important;
}

.et212-time{
  font-size:.68rem !important;
}

.et212-brand-word{
  font-size:clamp(2.15rem,2.75vw,3.45rem) !important;
}

.et212-brand-region{
  font-size:clamp(1.35rem,1.8vw,2.15rem) !important;
}

.et212-tagline{
  margin-top:8px !important;
  font-size:.54rem !important;
}

.et212-btn{
  min-height:46px !important;
  padding:0 17px !important;
  border-radius:14px !important;
  font-size:.76rem !important;
}

.et212-btn-outline{
  min-width:182px !important;
}

.et212-btn-solid{
  min-width:124px !important;
}

/* Nav: fit real en portátiles; scroll solo cuando ya es necesario. */
.et212-nav-inner{
  min-height:58px !important;
  width:100% !important;
  max-width:1580px !important;
  padding:0 4px !important;
}

.et212-nav a{
  min-width:0 !important;
  flex:1 1 0 !important;
  gap:6px !important;
  padding:0 clamp(6px,.65vw,12px) !important;
  font-size:clamp(.64rem,.68vw,.76rem) !important;
}

.et212-nav-icon{
  width:17px !important;
  height:17px !important;
  flex-basis:17px !important;
}

.et212-nav-icon svg{
  width:17px !important;
  height:17px !important;
}

.et212-nav a.active::after{
  height:2px !important;
  bottom:3px !important;
}

/* Quita riesgo de corte del último item en pantallas de portátil. */
@media(max-width:1450px) and (min-width:1101px){
  .et212-nav a{
    font-size:.66rem !important;
    padding-inline:5px !important;
    gap:5px !important;
  }

  .et212-nav-icon,
  .et212-nav-icon svg{
    width:15px !important;
    height:15px !important;
  }

  .et212-brand-word{
    font-size:2.65rem !important;
  }

  .et212-brand-region{
    font-size:1.72rem !important;
  }
}

@media(max-width:1100px){
  .et212-nav{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none;
  }

  .et212-nav::-webkit-scrollbar{display:none}

  .et212-nav-inner{
    width:max-content !important;
    min-width:100% !important;
    padding-right:18px !important;
  }

  .et212-nav a{
    flex:0 0 auto !important;
    min-width:108px !important;
    padding-inline:12px !important;
  }
}

@media(max-width:960px){
  .et212-header-inner{
    min-height:auto !important;
    padding:18px 0 !important;
  }
}

@media(max-width:650px){
  html{font-size:14px}
  .et212-ribbon{min-height:58px !important}
  .et212-ribbon-inner{min-height:58px !important}
  .et212-nav-inner{min-height:52px !important}
  .et212-nav a{min-width:102px !important;font-size:.67rem !important}
}

/* Artículo: un poco más compacto. */
.article-shell{
  width:min(calc(100% - 32px),1060px) !important;
}

.story-head{
  width:min(100%,820px) !important;
  padding-top:14px !important;
  padding-bottom:20px !important;
}

.story-head h1{
  font-size:clamp(30px,3vw,45px) !important;
}

.deck{
  font-size:15px !important;
}