/* cabeza */
:root {
   --ancho: 1199px;
   --red: "#990000";
   --blanco: "white";
   --gris0: "#27282b";
   --tamano: 1rem;
   --icono1: 30px;
   --icono2: 22px;
   --font00: system-ui,Roboto,sans-serif;
   --font0: "Lato",system-ui,sans-serif;
   --font1: "Playfair Display","Noto Serif",serif;
   --font2: "Noto Serif",serif;
   --fonts1: 1.4rem;
   --menu: #27282b;
   --bg-splash: #66666685;
}
body {
   font-family:var(--font0);
   margin:0;
   padding:0;
   font-size:var(--tamano);
   background:#fff;
}
div.header {
   display:grid;
   grid-template-rows:auto auto;
}
/* cel: mobile */
@media (max-width: 768px) {
   :root { --icono1: 24px; --icono2: 16px; }
   .titulo0 { margin:0 -1rem; }
}
.impresa { margin:0 auto; width:8rem; height:auto; padding:1rem 1.25rem; }
/* pc: */
@media (min-width:1024px) {
   header.container { padding-top:1rem; }
   div#menuToggle span { width:2rem; }
   .impresa { width:11.5rem; }
   .titulo0 { margin-bottom:.7rem; }
   div.header div.lemenu {
      grid-row-start:2;
   }
   h1.cabeza1 { line-height:3rem; font-size:3rem; }
 
}
a { color:#333; }
time,figcaption { font-family:var(--font0); }
time { font-size:.8rem; }
header.rowm time,.clima { text-transform:uppercase; text-align:center; font-size:.75rem; }
@media (max-width:1024px) {
   header.rowm time,.clima { text-transform:uppercase; text-align:center; font-size:.55rem; }
}
.container {
   max-width: var(--ancho);
   margin-left:auto;
   margin-right:auto;
   padding-left:1rem;
   padding-right:1rem;
   background:#fff;
}
.container_cabeza {
   max-width: var(--ancho);
   margin: 0 auto; 
   background: #fff;
   box-sizing: border-box;
   padding: 0 1rem 0 1rem; 
}
ul#menus {
   color: #fff;
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: repeat(8, auto);
   grid-gap: 0;
   font-weight: 700;
   position: absolute;
   width: 350px;
   margin: 20px 0 0 0;
   padding: 0;
   background: var(--menu);
   list-style-type: none;
   -webkit-font-smoothing: antialiased;
   /* to stop flickering of text in safari */
   transform-origin: 0% 10%;
   transform: translate(-300%, 0);
   /* eliminamos la animación 2024-06-07  */
   /*transition: transform 0.2s cubic-bezier(0.77,0.2,0.05,1.0); */
}
ul#menus li { padding:0 .9rem; }
/* secciones */
ul#menus li a { display:block; padding:2px 5px; }
ul#menus li:nth-child(n+2):nth-child(-n+21) { grid-column-start: 1; border-right:4px solid #484848; }
ul#menus li:nth-child(n+2):nth-child(-n+15) { border-bottom:1px solid #484848; }
ul#menus li:nth-child(n+22):nth-child(-n+27) { grid-column-start: 2; padding-left:.8rem; }
ul#menus li:nth-child(22) { grid-row-start:1; grid-row-end:22; }
ul#menus li:nth-child(16) { grid-row: span 6; }
/* portada */
ul#menus li:nth-child(23) { grid-row-start:22; }
ul#menus li:nth-child(24) { grid-row-start:23; }
ul#menus li:nth-child(25) { grid-row-start:24; }
ul#menus li:nth-child(26) { grid-row-start:25; }
ul#menus li:nth-child(27) { grid-row-start:26; }
ul#menus li:nth-child(28) { grid-row-start:27; }
ul#menus .redes {
   grid-column-start:1;
   grid-column-end:-1;
   padding-top:1rem;
   padding-bottom:1rem;
}
ul#menus .redes a,.icono {
   display:inline-block;
   /*height:22px;*/
   width:35px;
   color: transparent;
   background:url(/media/iconos3.svg);
   background-repeat:no-repeat;
   margin-top:-1rem;
   font-size:.5rem;
   margin-left:.3rem;
   background-size:auto 79px;
   text-align:center;
   padding-top:2rem;
   background-position-y:18px;
}
.guardar {
   width:35px;
   display:inline-block;
   background:url(/media/notac.svg) no-repeat top;
   background-position-y:-4px !important;
   background-size:72%;
}
ul#menus .redes a {
   background-position-y:13px;
}
ul#menus .redes a.fb { background-position-x:2px; }
ul#menus .redes a.ws { background-position-x:-263px; }
ul#menus .redes a.tw { background-position-x:-36px; }
ul#menus .redes a.yt { background-position-x:-73px; }
ul#menus .redes a.ig { background-position-x:-113px; }
ul#menus .separa { border-bottom:4px solid #484848 !important; }
a.usuario { background-position: -220px 14px; background-size: auto 110px; height:20px; }
@media (max-width:768px) {
      a.usuario {
         background-position: -177px 16px;
         background-size: auto 90px;
      }
   }
   a.buscador { 
      background-position: -296px 7px; background-size: auto 120px; 
      height:30px;
   }
ul#menus .video:before, ul#menus .fotom:before {
   content: "";
   background:url(/media/iconos.svg);
   background-repeat:no-repeat;
   background-position-y: -9px;
   background-size: auto 100px;
   width:45px;
   height:25px;
   display:inline-block;
   transform: translateY(6px);
}
ul#menus .video:before {
   background-position-x: -290px;
}
ul#menus .fotom:before {
   background-position-x: -338px;
}

div#menuToggle {
   display: block;
   position: relative;
   top: 20px;
   left: 0px;
   z-index: 1000;
   -webkit-user-select: none;
   user-select: none;
}
div#menuToggle a {
   text-decoration: none;
   color: #fff;
   transition: color 0.3s ease;
}
div#menuToggle a:hover { color: tomato; }
div#menuToggle .hamburguesa {
   display: block;
   width: 45px;
   height: 45px;
   position: absolute;
   top: -7px;
   left: -5px;
   cursor: pointer;
   opacity: 0; /* hide this */
   z-index: 3; /* and place it over the hamburger */
   -webkit-touch-callout: none;
}
div#menuToggle span {
   display: block;
   height: 4px;
   margin-bottom: 7px; 
   position: relative; background: #333; 
   border-radius: 1rem;
   z-index: 2;
   transform-origin: 4px 0px;
   transition: transform 0.1s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.15s ease;
}
div#menuToggle span:first-child { transform-origin: 0% 0%;  }
div#menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; }
/* Transform all the slices of hamburger */
div#menuToggle .hamburguesa:checked ~ span { 
      opacity: 1; 
      background: white;
   }
   /* But let's hide the middle one. */
   div#menuToggle .hamburguesa:checked ~ span:nth-child(2) { 
      opacity: 0; 
      transform: rotate(0deg) scale(0.2, 0.2); 
   }
   div#menuToggle .hamburguesa:checked ~ span:nth-child(4) { 
      transform: rotate( 45deg) translate(2px,-20px); height:2px;width:20px;  
   }
   div#menuToggle .hamburguesa:checked ~ span:nth-child(3) { 
      transform: rotate( -45deg) translate(8px,12px); height:2px;width:20px; 
   }
   div#menuToggle span.bolito { 
      z-index:1; opacity:0; transform-origin: 0% 0%; height: 45px; width: 45px; background-color: red; border-radius: 50%; position:absolute; box-shadow:1px 2px 5px rgba(1,1,1,.3); 
      top:-10px;
   }
   div#menuToggle .hamburguesa:checked ~ span.bolito { 
      background: red; opacity:1; display:block; 
      transform: translate(0,-2px); 
   }
   li.buscador { padding-bottom:1.5rem; }

   div#menuToggle .hamburguesa:checked ~ ul { transform: none; }
   @media (min-width:1024px) {
      ul#menus {
         box-shadow: 1px 3px 10px rgb(1 1 1 / 30%);
         border-radius:0 0 .5rem .5rem;
         width:32rem;
      }
      ul#menus li { padding-left:2.1rem; }
      div#menuToggle .hamburguesa:checked ~ span:nth-child(4) { transform: rotate( 45deg) translate(1px,-21px); height:2px;width:20px;  }
   }

   /* row mobile */
   .rowm { 
      display: grid; grid-template-columns: repeat(20, 1fr); grid-gap: 0; 
      grid-template-rows:auto auto;
   }
   .rowm .mas img { margin-left:1rem; }
   .rowm .derecha { text-align:right; }
   .text-center { margin:0 auto; text-align:center; }
   .col-10 { grid-column: span 10; }
   .col-18 {
      grid-column: span 18; 
      font-size:.8rem;
      font-weight:900;
   }
   .col-20 { grid-column: span 20; font-size:.8rem; font-weight:700; }
   div#menu { padding:.5rem 0; }
   @media (max-width:768px) {
      div.busca 
      /*, div#menu*/ { display:none; }
      div#menu {
         overflow:auto;
         white-space: nowrap;
      }
   }
   /*2023 menu*/
   div#menu {
      display: flex;
      flex-wrap: nowrap;
      overflow-x:auto; 
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
   }
   div#menu a { padding:.5rem .5rem; text-decoration:none; }
   div#menu a:last-child { padding-right:0; }
   div#menu a:first-child { padding-left:0; }
   div#menu a:hover { color:red; }
   /* ipad */
   @media (max-width:1024px) {
      div#menu { font-size:.8rem; }
      div#menu a { padding:1rem .4rem; text-decoration:none; }
   }
  
   .col-12 { grid-column: span 12; }
   .col-11 { grid-column: span 11; }
   .col-9 { grid-column: span 9; }
   .col-8 { grid-column: span 8; max-width: 100%; }
   .col-7 { grid-column: span 7; }
   .col-6 { grid-column: span 6; }
   .col-5 { grid-column: span 5; }
   .col-3 { grid-column: span 3; }
   .col-2 { grid-column: span 2; }
   /* ipad pro 834 portrait */
   @media (min-width:834px) {
      .col-4 { grid-column: span 4; }
      .rowm .col-2 {
         grid-column: span 1;
         grid-row-start: 1;
         grid-row-end: 2;
         grid-column-start: 19;
         grid-column-end: 20;
         padding-top:1.9rem;
      }
      .usuarioc { padding-top:1.5rem; }
   }
   .clima {
      text-align:center;
   }
   /* pc: */
   @media (min-width:768px) {
      .row {
         display: grid;
         grid-template-columns: repeat(12, 1fr);
         grid-gap: 2rem;
      }
      h1 { font-size:1.3rem; line-height:1.6rem; }
      .logo { width:480px; height:73px; }
   }
   span.dot1 {
      width: 100%; height: 1px; display: block; 
      max-width: var(--ancho); margin:.5rem auto; 
      background-image: linear-gradient(to right, #99b5c57a 30%, rgba(255, 255, 255, 0) 0%);
      background-position: top;
      background-size: 5px 1px;
      background-repeat: repeat-x;
   } 

   /* ipad: */
   /* cel: mobile: */
   @media (max-width:768px) {
      .pad0 { margin:0 -1rem !important; }
      header.rowm .col-4,  header.rowm .col-3 { display:none; }
      header.rowm .col-5 { grid-column:2; }
      header.rowm .col-1 { grid-column: span 2; }
      header.rowm .col-10 { grid-column: span 16; }
      header.rowm .pt-3 { margin-top:0; }
      header.rowm .col-10 img, header.rowm .col-10 amp-img { width:260px;height:auto; }
      .pub90 { max-width:100%;min-width:0px !important; text-align:center; }
      .pub200 { max-width:100%; }
      .rowm header time { display:none; }
      ul#menu { width:320px; margin-left:-1rem; }
      div#menuToggle { top:8px; }
      /* menu */
      div#menuToggle span {
         margin-bottom:5px;
         width:1.7rem;
      }
      div#menuToggle .hamburguesa {
         width:33px;
         height:33px;
      }
      ul#menus {
         margin-left:-1rem;
         width:23rem; /* mobile */
      }
      .rowc { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: .5rem; }
      .rowc .col-2 { grid-column:span 1; } 
      .rowc .col-3 { grid-column:span 3; } 
      
   }
   h1 {
      font-family: var(--font1);
      font-size: 2rem;
      font-weight:bold;
   }
   .btn {
      border-radius:15px;
      margin:.3rem .3rem .4rem .3rem;
      text-align:center;
      padding:.2rem;
      font-weight:bold;
   }
   ul#menus .red { background: red !important; }
   ul#menus .white { background:white; color: #000 !important; }
   ul#menus li input, #buscameh input /*, .buscar input*/ {
      font-size:1.2rem;
      width:95%;
      padding:.5rem;
      border-radius:0.3rem;
      background: #fdfdfd;
      border:1px solid #900;
      outline: none;
      background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' enable-background='new 0 0 515.558 515.558' height='512' viewBox='0 0 515.558 515.558' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m378.344 332.78c25.37-34.645 40.545-77.2 40.545-123.333 0-115.484-93.961-209.445-209.445-209.445s-209.444 93.961-209.444 209.445 93.961 209.445 209.445 209.445c46.133 0 88.692-15.177 123.337-40.547l137.212 137.212 45.564-45.564c0-.001-137.214-137.213-137.214-137.213zm-168.899 21.667c-79.958 0-145-65.042-145-145s65.042-145 145-145 145 65.042 145 145-65.043 145-145 145z'/%3E%3C/svg%3E");
      background-size: var(--tamano);
      background-repeat:no-repeat;
      background-position:  calc(100% - 10px) center;
   }
   .titulo0 {
      font-family:var(--font1);
      padding:0;
      font-size:1.5rem;
      height:2.5rem;
      padding-top:.2rem;
   }
   .f15 { font-size:1.5rem; }
   .iconos:before {
      content: "";
      width:2.6rem;
      height:2.7rem;
      background: red url(/media/ese-del-siglo.svg);
      background-repeat:no-repeat;
      float:left;
      margin-right:.8rem;
      margin-top:-.2rem;
   }
   .titulo3 { font-size:1.6rem; overflow:hidden; }
   .titulo4 { font-size:1.2rem; }
   .titulo3:before {
      content: '';
      background:red;
      width:20px;
      height:20px;
      display:inline-block;
      margin-right:1rem;
      top:1px;
      position:relative;
   }
   .titulo3:after { 
      content: '';
      display:inline-block;
      width:100%; height:100%;
      margin-right:-100%;
      border-bottom:1px dashed #999;
      margin-left:.5rem;
   }
   .maxh600{ max-height:600px;}
   .ml-3 { margin-left: 1.5rem; }
   .ml-2 { margin-left: 1rem; }
   .ml-1 { margin-left: .5rem; }
   .mr-2 { margin-right: 1rem; }
   .m-0 { margin:0; }
   .m-1 { margin:.5rem; }
   .m-2 { margin:1rem; }
  
   .w-100 { width:100%; height:auto; }
   .w-80 { width:70%; height:auto; }
   .mw-50 { max-width:50%; }
   .fw-900 { font-weight:900; }
   .h-250 { height:250px; overflow:hidden; }
   .overflow { overflow:hidden; }
   .bold { font-weight:900 !important; }
   .small { font-size: small; }
   .d-block { display:block !important; }
   .d-none { display:none !important; }



   small.localizador {
      font-family: var(--font0);
      color:#900; 
      font-size:.7rem; 
      min-height:1.2rem;
      display:block; 
      text-transform:uppercase;
   }

   .text-shadow { text-shadow:0px 2px 4px rgba(1,1,1,.4); }

   .relative { position:relative; }
   .absolute { position:absolute; }
   .image20 { margin-top:-20%; }
   .image10 { margin-top:-5%; }
   .p-1 { padding:.5rem; }
   .p-2 { padding:1.5rem; }
   .p-3 { padding:2rem; }
   .py-1 { padding-top:.5rem; padding-bottom:.5rem; }
   .py-2 { padding-top:1rem; padding-bottom:1rem; }
   .pb-0 { padding-bottom:0; }
   .pb-1 { padding-bottom:.5rem !important; }
   .pb-2 { padding-bottom:1rem; }
   .pb-3 { padding-bottom:2rem; }
   .pb-4 { padding-bottom:3rem; }
   .pt-3 { padding-top:2rem !important; }
   .pt-2 { padding-top:1.5rem; }
   .pt-1 { padding-top:.5rem; }
   .px-1 { padding-left:.5rem; padding-right:.5rem; }
   .px-2 { padding-left:2rem; padding-right:2rem; }
   .mb-3 { margin-bottom:1.5rem; }
   .mb-2 { margin-bottom:2rem; }
   .mb-1 { margin-bottom:1rem; }
   .mb-0 { margin-bottom:0; }
   .mt-3 { margin-top:2rem; }
   .mt-2 { margin-top:1.5rem; }
   .mt-1 { margin-top:1rem; }
   .mt-0 { margin-top:0; } 
   .my-3 { margin-top:2rem; margin-bottom:2rem; }
   .my-2 { margin-top:1.5rem; margin-bottom:1.5rem; }
   .my-1 { margin-top:.5rem; margin-bottom:.5rem; }
   .my-0 { margin-top:0; margin-bottom:0; }
   .my-auto { margin:1rem auto;text-align:center !important;}
   .text-decoration-none { text-decoration:none; }
   .text-muted { color:#555; }
   .float-right { float:right; }
   .float-left { float:left; }
   .uppercase { text-transform:uppercase; }
   .red { color: #990000; }
   .mh0 { min-height:auto; }
   strong { font-weight:900; }
   a.impresa { background:url(/periodico/); width:13rem; height:26.2rem; background-size: cover; }
   @media (max-width:768px) { a.impresa { width:8rem; height:16.3rem; } }
   @media (max-width: 768px) {
      #buscameh { display:none; }
   }
   @media (min-width:1024px) {
      div.busca { position:relative; }
      #buscameh {
         position:absolute;
         top:1.8rem;
         width:15rem;
         left:-11.5rem;
      }
   }