@media (max-width:768px) {
   body { padding-top:1rem; }
}
article {
   font-family: var(--font2);
   font-size:1.25rem;
   line-height:1.8rem;
   color:#111;
   /*
   -webkit-user-select:none;
   user-select: none;
   */
}
mark {
   background: #fff3cd;
   padding: 0.18rem;
}
article header {
   font-size:1.1rem;
   text-transform:uppercase;
   margin:1rem auto;
   font-family: var(--font0);
   position:relative;
}
article img {
   /*filter: brightness(1.1) saturate(1.1);*/
   filter: saturate(1.1);
}
article header span { margin-right:1rem; }
.cabeza h1 { margin:0 0 1.5rem; }
.cabeza h2 {
   font-size:1.5rem; 
   line-height:1.75rem;
   font-weight:500; 
   margin:1rem auto; 
   font-style:italic;
   font-family: georgia,sans-serif;
}
/*
.cabeza h2:before {
   content: "";
   height:8px;
   width:8px;
   margin:.3rem .5rem;
   display:inline-block;
   background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg viewBox='0 0 120 120' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='60' cy='60' r='50'/%3E%3C/svg%3E");
}
*/
figure figcaption { margin:0;padding:0 1rem .5rem; font-size:1rem; }
.pop { height:450px; overflow:hidden; }
iframe.galerias { width:100%; }
a.foto:before {
   content:"www.elsiglodetorreon.com.mx";
   position:relative;
   top:-1px;
   color:#dadada;
   text-align:center;
}
a.foto { color:#333; margin:4rem auto; display:block; background: linear-gradient(165deg,#f1f1f1,#fff); }
a.foto p { font-size:1rem; }
figure img,.image { max-width:100%; height:auto; width:100%; cursor:pointer; }
main { overflow:hidden; } /* body */
.lee img, .lee amp-img { width:140px; float:right; margin-left:1rem; height:auto; border-radius:.6rem; }
.vertical { max-width:100%; }
div#similares figure { height:7rem; overflow:hidden; }
div#similares h4 { margin:.5rem 0 1rem; font-size:1rem; }
/* pc: */
@media (min-width:768px) {
      section.body {
         width:99%;
      }
      main#lanota figure:after {
         content: "";
         position: absolute;
         z-index: 1977;
         display: inline-block;
         left: 1rem;
         bottom: 1rem;
         width: 3.5rem;
         height: 3.5rem;
         background: transparent url(/media/fs.svg);
      }
      div#similares h4 { font-size:1.2rem; }
      article { padding-right:1rem; }
      figure {
         overflow:hidden;
         position:relative;
         margin-bottom:1rem;
      }
      main { padding-right:5rem; }
      figure:first-child {
         height:30rem;
      }
      figure.plantilla3 {
         height:auto !important;
      }
      figure.image-cuadro {
         height:250px;
         width:50%;
      }
      figure figcaption {
         position:absolute;
         bottom:.5rem; right:0; left:0; 
         background: linear-gradient(0deg, #00000052,transparent);
         color:#fff68c;
         padding: 2rem 1rem 1rem;
         line-height:1.5rem;
         font-size:.7rem;
         text-align:right;
      }
      h1 {
         font-size:2.4rem;
         line-height:2.8rem;
         margin-bottom:0;
      }
      .pub250in { float:right; margin-left:1rem; }
      article .row .col-10 > p:nth-child(1) {
         border-left:10px solid red;
         padding-left:2rem;
         font-size:1.35rem;
         color:#000;
      }
      iframe.galerias { min-height:400px; }
      .lee img { width:180px; float:right; margin:0 0 1rem 1rem; }
      a.foto img { width:50%; height:auto; float:left; margin-right:1rem; }
      .h-900 { min-height:1000px; }
      /* foto vertical */
      .vertical {
         width: 79% !important;
         margin: 0 auto;
      }

      div#similares { display:grid; grid-template-columns: repeat(3, 1fr); }
      div#similares a { font-size:1.3rem; margin:0 .7rem; }
      div#similares figure { height:9rem; }
   }
   /* ipad */
   @media(max-width:1024px) {
      /*
      figure { min-height:15rem; }
      */
   }
   /* mobile: cel: */
   @media (max-width:768px) {
      .h-900 { min-height:400px; }
      article header { font-size:.81rem; }
      figure { margin: 0 -1rem; /*overflow:hidden;*/ }
      a.foto { margin:2rem -1rem; padding:1rem; }
      h1 { line-height:2.2rem; }
      header.row {
         display: grid;
         grid-template-columns: repeat(12,1fr);
      }
      video {
         max-width:100%;
         overflow:hidden;
      }
      div#similares { display:grid;grid-gap:.5rem; grid-template-columns: repeat(2, 1fr); }
      div#similares a { padding:.5rem; font-size:1.14rem; border-right:9px solid #fff; }
      div#similares figure { height:8rem }
   }
   .text-dark { color:#000; }
   /* seguir leyendo */
   .lee {
      display: block; 
      margin-bottom: 2rem; 
      margin-top: 2rem; padding:.5rem; 
      background:#fdfdfd;
      min-height:120px;
      font-family: var(--font0);
      line-height:1.3rem;
   }
         .lee p { font-size:1.2rem; font-weight:bold;margin:0; }
         .lee p strong { color:red; display:block; margin-bottom:.5rem; font-size:1.15rem; }
         .lee small { color:#666; font-size:1rem; font-family:var(--font0); }
         div.numeralia {
            padding: 1rem;
            width: 45%;
            border: 10px solid #d1d1d1;
            float:left;
            margin-right:2rem;
         }
         div.numeralia p { margin:.1rem; }
         div.numeralia p:nth-child(2) { font-weight:bold; }
         div.numeralia big { font-size:4rem; font-weight:900; }


         div.comparte .comentarios {
            color:#333; 
            font-size: 1rem;
            /*position: absolute;*/
         }
         div.comparte small { display:block;font-size:.6rem !important; text-align:center; font: var(--font0); color:#999; }
         /* mobile */
         @media (max-width:768px) {
            div.comparte { margin-right:-1rem; background-size:30px; overflow:hidden; clear:both; }
            div.comparte small { display:none; }
            div.comparte a {
               width: 2rem;
               height:1.8rem;
               background-size:auto 3rem;
               padding-top:0;
               background-position-y:-1.2rem;
               margin-right:.4rem;
            }
            div.comparte .tw { background-position-x: -30px; }
            div.comparte .ws { background-position-x: -155px; }
            div.comparte .share { background-position-x: -93px; }
            div.comparte .mail { background-position-x: -61px; }
            #comentarios { 
               background-position-x: -124px;
               transform: translateY(2px);
               font-size: .76rem;
               padding-top: 0;
            }
            .guardar {
               background-size: 75% !important;
               background-position-y: 9px !important;
            }
	    .google_news:active{
		    color: #4285f4;
	    }
         }
         /* pc */
         @media (min-width:768px) {
            a.lee { padding:.5rem 2rem; }
            #comentarios { 
               background-position-x: -206px;
               background-position-y: -31px;
               width: 48px;
               color:#333;
               font-size:1rem;
               padding-top:.6rem;
               height:2.5rem;
            }
            #guardar { width:48px; }
            div.comparte a {
               width: 50px;
               height:25px;
               background-position-y:-31px;
               margin-bottom:.5rem;
               margin-top:.5rem;
            }
            div.comparte .tw { background-position-x: -51px; }
            div.comparte .ws { background-position-x: -263px; }
            div.comparte .mail { background-position-x: -105px; }
            div.comparte .share { background-position-x: -156px; }
         }
         p.seccion {
            max-width: var(--ancho); 
            margin:.5rem auto; 
            font-family: var(--font1);
            font-size:1.5rem;
            padding:.5rem;
         }
         main blockquote {
            padding-left: 1rem;
            color: #444;
            font-size: 1.2rem;
            margin-left: 1rem;
            font-family: var(--font0);
         }
         @media (min-width:1024px) {

            div.cabeza h1, div.cabeza h2 {
               /*margin:1rem 3rem;*/
            }

         }



         /* lightbox */
         div#imagesl div {
            display:none;
         }
         div#imagesl div img { 
            width:100%; height:100%; 
         }
         div#imagesl div:target {
            overflow:hidden;
            position: fixed;
            left: 7%;
            top: 1%;
            width:80%;
            bottom:0;
            display: flex;
            /*align-items: center;*/
            justify-content: center;
            padding:2rem;
            background:#fbfbfbdb;
         }
         @media (max-width:768px) {
            div#imagesl div:target {
               left:0;
               right:0;
               padding:1rem;
               width:92%;
            }
         }
         div#imagesl div .close::after {
            right: 1rem;
            top: 1rem;
            width: 3rem;
            height: 3rem;
            position: absolute;
            display: flex;
            z-index: 1;
            align-items: center;
            justify-content: center;
            background-color: red;
            border-radius: 50%;
            color: white;
            content: "✖";
            cursor: pointer;
            font-size:2rem;
            box-shadow:0px 2px 5px rgba(1,1,1,.15);
         }
         div.twitter-tweet  {
            margin:1rem auto;
         }
         div#dibujamea { height:20px; }
         div#dibujamea a:after { content: " » "; color:red; }
         div#dibujamea a:last-child:after { content: ""; }

         .embed-responsive {
            position: relative;
            overflow: hidden;
            width: 100%;
            padding-top: 56.25%;
         }
         .embed-responsive-item {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
         }
         .tacha { text-decoration:line-through }

         ol.listado {
            font-size:1.1rem;
         }
         ol.listado li { padding:.3rem 0; }

         p.tags {
            background: #f9f8f8;
            padding: 1rem;
            font-family: var(--font2);
            border-radius: 0.5rem;
            font-size: 1.05rem;
         }
         p.tags a:after {
            content: "»";
            margin: 0 0.2rem 0 0.4rem;
            color: #afafaf;
         }

         div.cortoView {
            background: #fffdf7;
            padding: 1rem;
            margin-bottom: 2rem;
         }
         main#lanota a {
            color: #900;
            text-underline-offset: 5px;
         }


         div.pub.pubvid {
            background: #fdfdfd;
            margin:2rem auto;
         }

         main p:first-child {
            font-weight: bold;
            border-left: 1rem solid #ededed;
            padding-left: 0.8rem;
            font-size: 1.4rem;
         }
         div#trends a {
            color: #000;
            text-decoration: none;
            padding: 0.3rem .4rem;
            border: 1px solid #f3efc9;
            border-radius: 0.75rem;
            margin-right:.5rem;
         }
         div#trends a:hover, div#trends a:first-child {
            background: #fffcdd;
            border: 1px solid #ffeb18;
         }
         div.pdf {
            margin-top: 2rem;
            margin-bottom: 2rem;
            background: #fdf5e8;
            padding: 1rem;
         }
         p.tiktok { width:324px; margin:0 auto; }
         div#lasfotos {
               display: none;
               position: fixed;
               z-index: 9999;
               top: 0;
               left: 0;
               width: 100vw;
               height: 100vh;
               background-size: contain;
               background-repeat: no-repeat no-repeat;
               background-position: center center;
               background-color: black;
               cursor:pointer;
            }
p.numeralia { background:#ddf1ff; padding:1rem; border-radius:1rem; }
p.numeralia em { display:block; line-height: 3rem; font-size:3rem; font-style:normal; font-weight:bold; margin-bottom:1rem; }
div.lagaleria p:before {
   content: counter(otradevaqueros) " ";
   color: #d3d3d3;
   margin-bottom: 9rem;
   margin-right: 1rem;
   margin-top: 0.6rem;
   float: left;
   font-weight: 900;
   font-size: 3rem;
   font-family: var(--font0);
}
div.lagaleria { counter-reset: otradevaqueros; }
div.lagaleria p { counter-increment: otradevaqueros; }
article main {
   font-size:1.35rem;
   line-height:2rem;
}
div#masnotas {
   font-size:1.2rem;
}
div#masnotas p {
   padding:.6rem 0;
   margin:0;
   border-bottom: 1rem solid #f0f0f0;
   min-height: 7rem;
}
div#masnotas em {
   font-size: .9rem;
   font-style: normal;
   color: #900;
} 
div#masnotas h4 {
   margin:.1rem 0;
   font-size:3rem;
}

div#lasrelacionadas {
   display:grid;
   grid-gap:1rem;
   grid-auto-flow: column;
   overflow-x: scroll;
   scroll-snap-type: x proximity;
   grid-auto-columns: minmax(15rem, 1fr);
   min-height:17rem;
}
div#lasrelacionadas a {
   display: inline-block;
}
div#lasrelacionadas h2 {
   font-size: 1.15rem;
   font-weight: normal;
   font-family: var(--font2);
}
div#lasrelacionadas figure { height:8rem; overflow:hidden; }
div#losclasificados {
  font-family: var(--font2);
   font-size:1.19rem;
}
div#losclasificados p { margin:0; }
.google-news-container {
	text-align: center;
}
.google-news-link {
	display: inline-block;
	margin: 10px;
	padding: 10px;
	background-color: #f0f0f0;
	color: #4285F4;
	border: 0px solid #4285F4;
	border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	transition: background-color 0.2s ease;
}


.google-news-link:hover {
	background-color: #e0e0e0;
}

.google-news-logo {
	width: 2em;
	height: auto;
	margin-right: 10px;
	vertical-align: middle;
}

.google-news-text {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}

/* Regla de estilo de medios para dispositivos móviles */
@media (max-width: 480px) {
	.google-news-logo {
		width: 1.5em;
		margin-right: 5px;
	}

	.google-news-text {
		font-size: 12px;
	}
}
main#lanota table {
   border:0;
}
main#lanota table td {
   padding:.2rem .3rem;
   border-bottom:1px solid #f1f1f1;
   vertical-align: top;
}
main#lanota table tr:nth-child(even) {
   background-color: #f5f9ff;
}
.sprites-clasificados {
	display:inline-block;
	/*height:22px;*/
	width: 100%;
	color: transparent;
	background-image: url('https://tecolotito.elsiglodetorreon.com.mx/files/anunciate-clasificados.png');
	background-repeat:no-repeat;
	font-size:.5rem;
	background-size:100%;
	text-align:center;
}
.anunciate {

	background-position: 0 0%; /* Coordenadas de la primera imagen en la cuadrícula */
	padding-top: 10%
}
.clasificados-img {
	background-position: 0% 95%; /* Coordenadas de la segunda imagen en la cuadrícula */
	padding-top: 8%;
}
.anunciate-clasificados{
   border: 1px solid #f4d3a1;
   padding: 0 1rem 1rem;
   background: #fffafa;
   border-radius: 0.5rem;
 
}

.bg-salud {
   background: #244a9a url(https://tecolotito.elsiglodetorreon.com.mx/files/massalud-white.png) no-repeat center;
   background-size:250px auto;
   padding:1rem;
}
.bg-educacion {
   background: #009982 url(https://www.elsiglodetorreon.com.mx/media/educacion.svg) no-repeat center;
   background-size:250px auto;
   padding:1rem;
}
.bg-rostros {
   background: #fff url(https://www.elsiglodetorreon.com.mx/media/rostrosq.svg) no-repeat center;
   background-size:250px auto;
   padding:0 1rem 1rem;
   border-bottom:2px solid rgb(255, 233, 233);
}
.bg-salud a, .bg-educacion a, .bg-rostros a { opacity:.1; }
p.lead {
   font-size: 1.4rem;
   border-top: 1px solid #f0f0f0;
   background: #fcfcfc;
   padding: 0.7rem 1rem;
}
p.lead strong { font-variant: small-caps; }
.club:before {
   width: 5rem;
   height: 2.2rem;
   margin-top: 0.5rem;
}