.hamburger_wrapper {
   padding: 5px;
   z-index: 10;
}

#hamburger {
   width: 35px;
   height: 30px;
   position: relative;
   cursor: pointer;
   outline: none;

}

#hamburger span {
   display: block;
   position: absolute;
   height: 5px;
   width: 100%;
   background: red;
   border-radius: 9px;
   opacity: 1;
   left: 0;
   transform: rotate(0deg);
   transition: .5s ease-in-out;
}

#hamburger span:nth-child(1) {
   top: 0px;
   transform-origin: left center;
}

#hamburger span:nth-child(2) {
   top: 12px;
   transform-origin: left center;
}

#hamburger span:nth-child(3) {
   top: 24px;
   transform-origin: left center;
}

#hamburger.close span:nth-child(1) {
   transform: rotate(45deg);
}

#hamburger.close span:nth-child(2) {
   width: 0%;
   opacity: 0;
   transition: .1s;
}

#hamburger.close span:nth-child(3) {
   transform: rotate(-45deg);
}

#nav-menu {
   position: relative;
   transform: translateX(-100vw);
   opacity: 0;
   z-index: 10;
   transition: transform .5s ease, opacity ease .2s;
   width: 300px;
}

#nav-menu.now-active {
   transform: translateX(0);
   transition: transform .5s ease, opacity ease .2s;
   opacity: 1;
   background-color: #eaeaea;
}

.nav-list {
   padding: 10px;
   list-style-type: none;
   font-size: 2em;
   margin-block-start: 0;
   font-size: 1.2rem;
}

div#menuToggle {
   z-index: 10;
}

#menus .pt-3 {
   padding-top: 2rem;
}

.imagen {
   position: relative;
   padding: 0;
   margin: 0;
   width: 100%;
   height: 100%;
}

.imagen img {
   object-fit: cover;
   padding: 5px;
   bottom: 0;
}

.primera img {
   transform: scale(1.3);
}

#mas-yt img {
   transform: scale(1.15);
}

#mas-yt figure {
   margin-bottom: 0;
}

small.text-yellow {
   color: #ffc800;
}
video { 
   max-width:100%;
   height:auto;
}
div.video8 {
   margin-bottom: 2rem;
   padding-bottom: 1rem;
   border-bottom: 1px solid #dfdfdf;
}
div.video8 h1 { line-height:2.35rem; }
div.video8 a { text-decoration: none; }
.videostv figure figcaption { 
   font-size: 2rem;
   line-height: 2.3rem;
   font-family: var(--font1);
   font-weight: 700;
}

.localizador { 
   font-family: var(--font1);
   color: red; 
   font-size: 1.25rem; 
   font-weight: 900;
   margin: 0;
}

.p-5 {
   padding: 25px;
}

.mt-1 {
   top: 5px;
}

.mt-2 {
   top: 10px;
}

article h2 {
   margin:0;
   font-family: var(--font1);
   font-size:2rem;
   line-height:2.1rem;
   min-height: 10rem;
}


amp-social-share.rounded {
   border-radius: 50%;
   background-size: 80%;
}

amp-social-share {
   display: inline-block;
   background-repeat: no-repeat;
   cursor: pointer;
   user-select: none;
   -webkit-user-select: none;
   margin-bottom: -15px;
   max-width: 50px;
   max-height: 50px;
}

amp-social-share[aria-label=Share] {
   outline: none;
}

amp-social-share[type=twitter],
amp-social-share[type=email],
amp-social-share[type=facebook],
amp-social-share[type=system] {
   display: inline-block;
   color: transparent;
   background: url(/media/iconos.svg);
   background-repeat: no-repeat;
   margin-bottom: .5rem;
   margin-top: .5rem;
   background-size: auto 80px;
   text-align: center;
   background-position-y: -35px;
}

amp-social-share[type=twitter] {
   background-position-x: -50px;
}

amp-social-share[type=email] {
   background-position-x: -102px;
}

amp-social-share[type=facebook] {
   background-position-x: 3px;
}

amp-social-share[type=system] {
   background-position-x: -155px;
}

.script-mas {
   /*position: absolute;*/
}

#mas-yt {
   min-height: 200px;
}

.col-12 {
   grid-column: span 12;
}

figure.mas {
   height: auto;
}

.iframes {
   /*position: static;*/
}

.iframe-t {
   width: 100%;
   height: 200px;
   position: relative;
}

.black {
   color: black;
}

.d-flex {
   display: flex;
}

.d-flex address {
   font-style: normal;
   font-family: var(--font0);
   font-size: .95rem;
   position: absolute;
   bottom: 0;
}

.d-flex time:before {
   content: "|";
   padding: 0 .5rem;
   color: #666;
}

.pb-2 {  
   padding-bottom: 10px
}

.row-envivo {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-auto-rows: 180px;
   grid-gap: 2rem;
   max-width: 1280px;
}

.row-envivo article {
   margin-top: 0;
}

.gr-2 {
   grid-row: span 2;
}

.border {
   border: 1px solid #f0f0f0;
}

.h-100 {
   height: 100%;
}

.inicial {
   left: auto;
   right: auto;
   position: relative;
}

.pb-5 {
   padding-bottom: 25px;
}

#smenu-stv {
   font-weight: 900;
   line-height : 25px;
}

#smenu-stv a:first-child {
   padding-left: 0;
}

#smenu-stv a {
   padding: .5rem .7rem;
}

p.seccion {
   max-width: var(--ancho);
   margin: .5rem auto;
   font-family: var(--font1);
   font-size: 1.5rem;
   padding: .5rem;
}

.uppercase {
   text-transform: uppercase;
}

#smenu-stv a:hover {
   color: red;
}
.imagenstv img {
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   padding: 0;
   margin: 0;
   transform: scale(1.2);
}

.imagen.primera img {
   display: block;
   height: 0;
   max-height: 100%;
   max-width: 100%;
   min-height: 100%;
   min-width: 100%;
   width: 0;
   margin: auto !important;
}

.imagenstv {
   overflow: hidden !important;
}

.stv-h2 h2 {
   min-height: 3rem;
   margin-bottom: 1rem
}

.video-stv {
   width: 100%;
   height: 560px;
}

.img-oh {
   overflow: hidden;
}

.imagen-v {
   position: relative;
   width: 100%;
   height: 220px;
}

.imagen-v img {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.pb-video {
   padding-bottom: 1.2rem;
}

figure.imagen-v {
   margin: 0;
   height: 12rem !important;
}

.videos {
   font-family: var(--font2);
   font-size: 1.2rem;
   color: #111;
}

address.author-video {
   font-style: normal;
}

.row-video {
   display: grid;
   grid-gap: 2rem;
}

.author.author-video {
   font-size: .95rem;
}

.img-portada-stv {
   width: 100%;
   height: auto;
}

.pub250 {
   min-width: 0;
   width: 100%;
}

.icono {
   padding-top: 2.2rem;
}

small.localizador {
   margin-top: 1rem;
}

@media (min-width: 576px) and (max-width: 768px) {
   .imagen-v {
      height: 400px !important;
   }

   .pb-video {
      padding-bottom: .7rem !important;
   }
}

@media (min-width: 768px) and (max-width: 992px) { 
   .imagen-v {
      height: 300px !important;
   }

   .pb-video {
      padding-bottom: 1.5rem !important;
   }

   .row-video {
      grid-template-columns: repeat(6, 1fr);
   }
}

@media (min-width: 992px) and (max-width: 1200px) { 
   .row-video {
      grid-template-columns: repeat(9, 1fr);
   }
}

@media (max-width: 1200px) {
   .video-stv {
      height: 500px;
   }
}

@media (min-width: 1024px) {
   .img-stv-live {
      height: 13rem;
   }
}

@media (max-width: 992px) {
   .videos {
      margin-bottom: 2rem;
   }
}

@media (max-width: 768px) {
   .videostv figure figcaption { 
      padding: 1rem; 
      font-size: 1.4rem !important; 
      line-height: 1.8rem !important; 
   }

   article h2 { 
      margin-bottom: 1rem; 
      line-height: 2rem; 
   }

   .ultimos {
      margin-top: 40px;
   }

   #mas-yt figure {
      margin: 1rem 0;
   }

   .row-envivo {
      grid-template-columns: repeat(1, 1fr);
   }

   .inicial {
      margin-top: 10px;
   }

   article.videos {
      margin-bottom: 15px;
   }

   .pub90 {
       min-width: 0px;
   }

   .video-stv {
      height: 400px;
   }

   .mb-comparte {
      margin-bottom: 10px;
   }
}

@media(min-width: 768px) {
   article h2 { 
      margin-bottom: 3rem; 
      padding-bottom: 1rem; 
   }

   article {
      padding-right: 0;
   }

   address.author-video {
      bottom: 0;
      position: absolute;
      left: 0;
      right: 0;
   }
}

@media(max-width: 576px) {
   #smenu-stv > a {
      display: block;
      padding: 0.25rem 0;
   }

   .video-stv {
      height: 300px;
   }

   .imagen-v {
      height: 300px !important;
   }

   .pb-video {
      padding-bottom: 0px !important;
   }
}

@media(max-width: 420px) {
   .video-stv {
      height: 220px;
   }
}
.fb-video {
   background:#fdfdfd;
   min-height:300px;
}
#cuantos { float:right; color:#b7b7b7; }
.img-stvlist{
 height: auto !important;
}
.author-list{
   font-weight: bold;
}
.title-list{
}
.date-list{
   font-size: small;
   font-style: italic;
}
.list-link{
   text-decoration: none;
}
.mb-ti {
   margin-bottom: 2.5rem !important;
}
.mb-05 {
   margin-bottom: 0.5rem;
}
.mt-05 {
   margin-top: 0.5rem;
}