h1 {margin-top: 0;}
      .article {
         display: flex;
         align-items: center;
         justify-content: space-between;
         background-color: #f9f9f9;
         border-radius: 12px;
         border-bottom: 2px ridge rgba(218,218,218,0.1);
         transition: transform 0.2s ease, box-shadow 0.2s ease;
         margin-bottom: 1rem;
         min-height: 15vw;
      }
      .article a {
         flex: 1;
         text-decoration: none;
         color: #333;
         font-family: 'Helvetica', sans-serif;
      }
      .article .contenedor-nota {
         display: flex;
         flex-direction: column;
         height: 100%;
      }
      .notaBody, .notaBodyt, .notaBodywf, .topnotaBody {
         min-height: 20vh;
         display: grid;
         grid-template-columns: repeat(6, 1fr);
         align-items: center;
         margin: 0 0 1rem;
      }
      .imagesmall img, .topimagesmall img, .imagesmallvideo img {
         width: 100%;
         overflow: hidden;
         object-fit: cover;
      }
      .imagesmall img, .imagesmallvideo img {
         float: right;
         max-height: 9.5rem;
      }
      .imagesmallvideo::before, .topimagesmallvideo::before {
         content: '';
         background: url('/media/video.svg');
         position: absolute;
         top: 50%;
         left: 50%;
         background-size: contain;
         background-repeat: no-repeat;
         background-position: center;
         transform: translate(-50%, -50%);
         z-index: 2;
      }
      .imagesmallvideo::before{
         width: 2.5rem;
         height: 2.5rem;
      }
      .topimagesmallvideo::before {
         width: 3rem;
         height: 3rem;
      }
      .contenedor-img {
         position: relative;
      }
      .topimagesmall img {
         border-radius: 12px 12px 0 0;
         height: auto;
         max-height: 43vh;
      }
      .parrafo-nota {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 3;
         overflow: hidden;
         text-overflow: ellipsis;
         font-size: medium;
         margin: 3% 1rem 5% 0;
         padding: 2px;
      }
      .localizador-nota {
         border-left: 3px solid red;
         padding-left: 3px;
         font-size: .75rem;
      }
      .autor {font-size: .75rem!important;}
      time {font-size: 0.75rem!important;}
      .time-right {
         float: right;
         margin-right: 1rem;
         color: #333;
      }
      .pieContenido {
         margin-top: auto;
         margin-bottom: 2%;
         font-size: .75rem;
      }
      video{
         width: 100%;
         height: auto;
         aspect-ratio: 8 / 5;
         object-fit: cover;
      }
      .article a:hover {color: #000000ff;}
      .notaHeader {padding: 1.5rem 1rem 0 1.5rem; margin-bottom: .5rem}
      .notaBody, .notaBodyt, .notadatawf {padding: 0 1.5rem 0 1.5rem;}
      .pieContenido {padding: 0 1.5rem 1rem 1.5rem;}
      .imagesmall, .imagesmallvideo {margin: 0 1rem 0 1rem;}
      .titulo{color: #222222;}
      .notadatawf, .topnotadata{grid-column: span 6;}
      .notadata{grid-column: span 4;}
      .contenedor-img{grid-column: span 2;}
      .seccion-nota {color: red;}
      .topimagesmall{margin: 0;}
      .notaHeadert{ min-height: 45vh;}
      .img-cari{max-height: 320px;}
      @media (max-width:768px) {
         .notaBody,.notaBodyt{
            display: grid;
            grid-template-columns: repeat(11, 1fr);
            align-items: start;
         }
         .notaHeader,  .pieContenido {
            padding: 0 0.75rem;
            margin: 0.5rem 0;
         }
         .notaBody, .notaBodyt, .notadatawf {padding: 0 .75rem; margin: 0;}
         .topnotadata{grid-column: span 11;}
         .notadata{grid-column: span 7; }
         .contenedor-img{grid-column: span 4; margin-left:.5rem; margin-top: .3rem;}
         .notaHeadert{ min-height: 35vh;}
         .notaHeadert  .contenedor-img{margin: 0;}
         .imagesmall img, .imagesmallvideo img{width: 100%;max-height: 8rem;}
         .imagesmall, .imagesmallvideo {margin: 0}
         .time-right{margin-right: 0; font-size: .72rem;}
         .ico-time{font-size: .6rem;}
         article .localizador-nota, article .localizador-nota-top { font-size: .72rem; font-weight: 400; }
         article .autor , article .autor-top { font-size: .55rem; }
         article .titulo , article .titulo-top { font-size: 1.4rem; font-weight: bold; margin: 0.3rem 0; line-height:1.2; text-align: left;}
         article .parrafo-nota, article .parrafo-nota-top  { font-size: 1rem; font-weight: 500; -webkit-line-clamp: 3; margin: .75rem 0; }
         article .pieContenido, article .pieContenido-top  { font-size: .72rem !important;  font-weight: 400;}
      }
      .lista-videos{
         padding: 2rem 0 2rem 0;
      }
      .article-video {
         align-items: center;
         justify-content: space-between;
         background-color: #f9f9f9;
         margin-bottom: 1rem;
         border-radius: 12px;
         border-bottom: 2px ridge #4c4c4c0a;
      }
      .article-video video {
         padding: 0 .25rem;
      }
      .article-video img, .article-video-top img {
         display: block;
         width: 100%;
         height: auto;
         aspect-ratio: 8 / 5;
         object-fit: cover;
      }
      .article-video-top {
         align-items: center;
         justify-content: space-between;
         background-color: #f9f9f9;
         min-height: 16vw;
         border-radius: 18px;
         border-bottom: 3px ridge #4c4c4c0a;
         margin-bottom: 2rem;
      }
      .article-video-top video{
         border-top-left-radius: 12px;
         border-top-right-radius: 12px;
      }
      .article-video-top .nota-body-video {
         min-height: 12vh !important;
         margin: 0 1rem 0 1rem !important;
      }
      .titulo-video {
         font-size: 1.1rem;
         font-weight: bold;
         line-height:1.2;
         text-align: left;
         color: #222222;
         margin: 0;
      }
      .article-video a, .article-video-top a {
         text-decoration: none!important;
      }
      .lista-videos .nota-body-video {
         min-height: 7vh;
         display: grid;
         grid-template-columns: repeat(6, 1fr);
         align-items: center;
         margin: 0 0 1rem;
         padding: 0.25rem 0;
         grid-gap: .5rem;
      }
      .lista-videos .notadata h3{
         font-size: 0.925rem;
      }
      .lista-videos figure{
         margin: 0;
      }
      @media (max-width: 768px) {
         h1 {margin-top: revert!important;}
         .lista-videos .nota-body-video{
            padding-top: 0 !important;
            min-height: 8vh !important;
         }
         .lista-videos .contenedor-img{
            margin: 0 !important;
         }
         .lista-videos .article-video .nota-body-video{
            margin: 0rem 2rem !important;
            display: grid !important;
            grid-template-columns: repeat(4, 1fr) !important;
            align-items: center !important;
            grid-gap: 0;
         }
         .lista-videos .notadata {
            padding:  1rem !important;
         }
         .article-video {
            margin: 1.5rem 0;
         }
      }
      .pub90{
         min-height:90px;
         height: 90px;
         min-width: 728px;
         width: 100%;
         max-width: 800px;
         margin: 0 auto;
      }
      .pub300{
         width: 300px;
         height: 300px;
         min-height: 300px;
         min-width: 250px;
         margin: 0 auto;
      }
      .pub400{
         height: 100px;
         min-height: 100px;
         min-width: 300px;
         width:100%;
         max-width: 468px;
         margin: 0 auto;
      }
      @media (max-width: 768px) {
         .pub90{
            height: 100px;
            min-height: 100px;
            min-width: 0;
            width: 300px;
            max-width: 100%;
            margin: 0 auto;
         }
         .pub300{
            height: 300px;
            min-height: 300px;
            min-width: 0;
            width: 300px;
            max-width: 100%;
            margin: 0 auto;
         }
         .pub400{
            height: 100px;
            min-height: 100px;
            min-width: 0;
            width: 100%;
            max-width: 300px;
            margin: 0 auto;
         }
      }
      .article-fotos img {
         border-top-left-radius: 12px;
      }
      .article-fotos{
         margin-bottom: 2rem;
      }
      .lista-card-fotos{
         padding: 0 0 .25rem 0;
         border-bottom: 2px ridge rgba(218, 218, 218, 0.2);
         border-radius: 12px;
      }
      .lista-card-fotos h3 {
         padding: 0 14px;
      }
      .mas-fotos {
         z-index: 1;
         position: absolute;
         border-radius: 15px;
         font-size: 7rem;
         font-style: normal;
         font-family: var(--font0);
         color: rgba(255, 255, 255, 0.8);
         text-align: center;
         width: 100%;
         height: 100%;
         left: -10px;
         top: 37%;
         font-weight: 600;
      }
      .lista-card-fotos figure{
         position: relative;
         text-align: center;
      }