.article-live {
   position: relative;
   background: #111;
   border-radius: 16px;
   overflow: hidden;
   border: 0;
   min-height: auto;
   box-shadow: 0 8px 28px rgba(0,0,0,.15);
}

.article-live a {
   display: block;
   color: #fff;
   text-decoration: none;
}

.article-live .contenedor-nota {
   position: relative;
}

.article-live .notaHeadert {
   min-height: auto;
   position: relative;
}

.article-live .contenedor-img {
   position: relative;
   margin: 0;
}

.article-live .topimagesmall {
   margin: 0;
}

.article-live .topimagesmall img {
   display: block;
   width: 100%;
   height: auto;
   min-height: 500px;
   max-height: 650px;
   object-fit: cover;
   border-radius: 16px;
}

.article-live .contenedor-img::after {
   content: '';
   position: absolute;
   inset: 0;
   background:
      linear-gradient(
         to bottom,
         rgba(0,0,0,0) 35%,
         rgba(0,0,0,.25) 55%,
         rgba(0,0,0,.85) 100%
      );
   pointer-events: none;
   z-index: 1;
}

.article-live .notaBodyt {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2;
   display: block;
   min-height: auto;
   margin: 0;
   padding: 2rem;
}

.article-live .topnotadata {
   width: 100%;
}

.article-live .localizador-nota {
   display: inline-flex;
   align-items: center;
   gap: .45rem;
   border-left: 0;
   padding: .45rem .9rem;
   margin-bottom: 0.5rem;
   border-radius: 999px;
   background: #e60012;
   color: #fff;
   font-size: .85rem;
   font-weight: 700;
   letter-spacing: .03em;
   text-transform: uppercase;
   box-shadow: 0 3px 12px rgba(230,0,18,.35);
}

.article-live .localizador-nota::before {
   content: '';
   width: .55rem;
   height: .55rem;
   border-radius: 50%;
   background: #fff;
   animation: livePulse 1.2s infinite;
}

@keyframes livePulse {
   0% { transform: scale(.9); opacity: .7; }
   50% { transform: scale(1.4); opacity: 1; }
   100% { transform: scale(.9); opacity: .7; }
}

.article-live .titulo {
   color: #fff;
   font-size: 3.3rem;
   line-height: 1.05;
   font-weight: 800;
   margin: 0 0 1rem;
   text-shadow: 0 2px 10px rgba(0,0,0,.7);
}

.article-live .autor {
   display: inline-block;
   color: rgba(255,255,255,.95);
   font-size: .9rem !important;
   font-weight: 700;
   margin-right: 1rem;
}

.article-live .parrafo-nota {
   color: rgba(255,255,255,.9);
   font-size: 1.2rem;
   margin: 1rem 0 0;
   max-width: 90%;
   text-shadow: 0 2px 8px rgba(0,0,0,.8);
}

.article-live .pieContenido {
   position: absolute;
   left: 2rem;
   right: 2rem;
   bottom: 1.25rem;
   z-index: 3;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0;
   margin: 0;
}

.article-live .seccion-nota {
   color: #fff;
   font-weight: 700;
}

.article-live .time-right {
   color: rgba(255,255,255,.9);
   margin: 0;
   float: none;
}

.article-live .topnotadata {
   padding-bottom: 2.5rem;
}

@media (max-width: 768px) {
   .article-live { margin-top: 10px; }
   .article-live .topimagesmall img { min-height: 320px; max-height: 420px; }
   .article-live .notaBodyt { padding: 1rem; }
   .article-live .titulo { font-size: 2rem; line-height: 1.05; margin-bottom: .75rem; }
   .article-live .localizador-nota { font-size: .8rem; }
   .article-live .autor { font-size: .75rem !important; }
   .article-live .parrafo-nota { font-size: .95rem; margin-top: .75rem; max-width: 100%; -webkit-line-clamp: 2; }
   .article-live .pieContenido { left: 1rem; right: 1rem; bottom: .75rem; }
}