/* 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; }
div.lapuboff { display:none; }
/* 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:2.5rem; }
}
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, .autoad {
   max-width: var(--ancho);
   margin-left:auto;
   margin-right:auto;
   padding-left:1rem;
   padding-right:1rem;
   background:#fff;
}
.autoad {
   margin: 2rem auto;
   text-align: center;
}
article img,.image {
   height:auto;
   margin:0 1rem;
}
.image,.thumb { max-width:100%; }
.thumb { height:auto; }
article strong { color:#000; }
/* menu hamburguesa */
/* Make this absolute positioned at the top left of the screen */
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);
   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;
}
/*
ul#menus li:nth-child(26) { grid-row-start:16; }
ul#menus li:nth-child(27) { grid-row-start:17; }
ul#menus li:nth-child(28) { grid-row-start:19; }
ul#menus li:nth-child(29) { grid-row-start:20; }
ul#menus li:nth-child(30) { grid-row-start:21; }
ul#menus li:nth-child(31) { grid-row-start:22; }
ul#menus li:nth-child(32) { grid-row-start:23; }
*/
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.5s 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; }
   /*
   * And let's slide it in from the left
   */
   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;
      }
      .elclub_col-5 img{
	max-width:100%;
	object-fit: cover;
      }


   }
   /*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:.5rem .4rem; text-decoration:none; }
   }
   .temas { font-size:1.4rem; }
   .temas a:first-child:before {
      content: "";
      margin:0;
      background:none;
      width:0;height:0;
   }
   .temas a:before {
      content: "";
      margin:0 .5rem;
      height:8px;
      width:8px;
      background-size: 8px;
      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");
      display:inline-block;
   }
   .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; }
      .elclub_row {
	      background-color:black;
	      display: grid;
	      grid-template-columns: repeat(17, 1fr);
	      grid-gap: 2rem;
      }
      .elclub_col-5 {
	grid-column: span 5;
      }
      .elclub_col-5 img{
	width:100%;
      }

      .elclub_col-6 {
	grid-column: span 6;
      }

   }
   @media (min-width:1024px) {
      .pub970 { width:970px; height: 200px; overflow:hidden; }
   }
   span.dot1 {
      width: 100%; height: 1px; display: block; 
      /*border-bottom: thin dotted #99b5c5; */
      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;
   } 
   p.dot2 { background:#fdfdfd; height:1px; position:relative; }
   p.dot2:before , p.dot2:after {
      content: "";
      background: linear-gradient(to right, #333, transparent);
      width: 1rem;
      display: inline-block;
      position: absolute;
      height: 1px;
   }
   p.dot2:after { content:""; right:0; background: linear-gradient(to right, transparent, #333); }
   span.dot3 {
      background: #fdfdfd;
      height: 7.5rem;
      width: 1px;
      position: absolute;
      display: block;
      right: 0;
   }
   span.dot3:before , span.dot3:after {
      content: "";
      background: linear-gradient(to bottom, #333, transparent);
      width: 1px;
      display: inline-block;
      position: absolute;
      height: 1rem;
   }
   span.dot3:after { content:""; bottom:0; background: linear-gradient(to top, #333,transparent); }

   figure, .image {
      padding: 0;
      margin:0;
      min-height: 5rem;
   }
   .image {
      background: url(/media/logo.svg);
      background-repeat: no-repeat;
      background-position:center;
   }
   p.pie {
      color:#888;
      margin-top: .5rem;
      font-family: var(--font0);
      font-size:.7rem;
      line-height:1.2rem;
   }
   /* 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 */
      }
      .temas { font-size:.7rem; line-height:1.7; }
      .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; } 
   }
   /*
   .rowteco { 
      display:grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; 
   }*/
   .pub { 
      margin:0 auto; 
   }
   .pub250 { min-height:100px;width:300px; margin:0 auto; overflow:hidden; }
   .p970x200 { min-height:100px;width:300px; margin:0 auto; overflow:hidden; }
   .pub90 { min-height:100px;min-width:728px;margin:0 auto; }
   .pub200 { /*min-height:200px; max-width:970px; */ }
   .pub25090 { min-height:90px; width:300px; }
   .adcenter {display:flex; justify-content:center;}
   .ad300{ height:300px; width:fit-content; margin: 0 auto;} 
   .ad250{ height:250px; width:fit-content; margin: 0 auto;} 

   /* 
   .pub:before { content: "publicidad"; color:#fff; } 
   */
   .sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: .5rem; }
   iframe { width:100%; border:0; }
   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; }
   footer {
      background: #323232;
      color:white;
      font-size:1.05rem;
      padding-bottom:3rem;
   }
   footer div.rowf { grid-template-columns: repeat(5,1fr); display:grid; grid-gap:2rem; }
   @media (max-width:768px) {
      footer div.rowf { grid-template-columns: repeat(2,1fr); display:grid; grid-gap:1rem; }
      span.dot3d { display:none; }
   }
   footer div.row { grid-gap: 2rem; }
   footer div.container { padding:1rem; }
   footer strong.big { font-size: 1.5rem; font-weight: 900; }
   footer strong.big:before {
      content: "";
      width: 1.2rem;
      height: 1.2rem;
      display: inline-block;
      background: red;
      position: absolute;
      left: -24px;
      top: 6px;
   }
   footer strong { margin-bottom:.5rem; display:block; }
   @media (min-width:1024px) {
      footer div.container { padding:1rem 4rem; }
   }
   .email-suscribe-container {
      display: grid;
      grid-template-columns: repeat(20, 1fr);
      grid-template-rows: auto;
   }
   footer input {
      padding: .7rem;
      border-radius: 0.8rem 0 0 0.8rem;
      border: 1px solid transparent;
      text-align: left;
      font-size: 1rem;
      grid-column: 1 / 17;
      grid-row: 1 / 2;
      outline: none;
   }
   .email.join {
      color: white;
      background: red;
      cursor: pointer;      
      height: 42px;
      border-radius: 0 0.8rem 0.8rem 0;
      line-height: 40px;
      text-align: center;
      grid-column: 17 / 21;
      grid-row: 1 / 2;
   }
   .email-suscribe-container > p {
      grid-column: 1 / 21;
      grid-row: auto;
   }
   .email.join:hover {
      text-decoration: underline;
   }
   .email.warning {
      color: white;
      height: 30px;
      line-height: 40px;
      text-align: center;
      grid-column: 1 / 21;
      grid-row: 2 / 2;
   }
   .icon-send {
      display: inline-block;
      height: 42.38px!important;
      min-width: 42.38px!important;
      color: transparent!important;
      background: url(/media/plane.svg)!important;
      background-color: red!important;
      background-position: center center!important;
      background-size: auto 25px!important;
      background-repeat: no-repeat!important;
      font-size: 1.5rem;
      text-align: center!important;
      opacity:0.9;
   }
   .icon-send:hover {
      opacity:1;
   }
   .icon-sending {
      display: inline-block;
      height: 42.38px!important;
      min-width: 42.38px!important;
      color: transparent!important;
      background: url(/media/loadingw.svg)!important;
      background-color: red!important;
      background-position: center center!important;
      background-size: auto 25px!important;
      background-repeat: no-repeat!important;
      font-size: 1.5rem;
      text-align: center!important;
   }
   footer a { padding-top:.2rem; padding-bottom:.4rem; }
   .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:red; 
      font-size:.7rem; 
      min-height:1.2rem;
      display:block; 
      text-transform:uppercase;
   }

   .bg-light { background:#fdfdfd; }
   .bg-gray { background:#333; }
   .bg-dark { background:#000; }
   .bg-gray1 { background:#f0f0f0; }
   .bg-blue { background:#00456e; /* azul */ }
   .bg-blue1 { background:#e9f1f8; }
   .bg-green { background:#02867b; }
   .bg-red { background:#990000; }
   .bg-purple { background: #dcd0ff; }
   .bg-yellow { background: #ffc800; }
   .bg-siglo { background:#900; }

   .text-light { color: #fff !important; }
   .text-dark { color: #333 !important; }
   .text-red { color: red !important; }
   .text-blue { color: #00456e !important; }
   .text-blue1 { color: #007edb !important; }
   .text-yellow { color: #ffc800 !important; }
   .text-high { background: #ffffd5; }
   .text-purple { color: #dcd0ff !important; }
   .tomato { color:tomato !important; }

   .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:#999; }
   .float-right { float:right; }
   .float-left { float:left; }
   .uppercase { text-transform:uppercase; }
   .red { color:red; }
   .mh0 { min-height:auto; }

   strong { font-weight:900; }


   span.mas {
      width: 3rem;
      display: inline-block;
      background: red;
      text-align: center;
      transform: translate(0,-3px);
      line-height: 2.7rem;
      float: left;
      font-size:2rem;
      font-family:var(--font0);
      margin-right: 1rem;
      font-weight: 900;
   }
   .elsiglo, .elsiglor {
      height: 1.8rem;
      background: url(/media/logow.svg);
      color: transparent;
      background-size: auto 2rem;
      background-position: 12px 1px;
      background-repeat: no-repeat;
   }
   .elsiglor {
      background-color: red;
      height: 2.77rem;
      display: inline-block;
      transform: translate(0,-4px);
      background-position-y: 5px;
   }
   .elsiglomx {
      /*background: red url(/media/ese-del-siglo.svg);*/
      background-repeat: no-repeat;
      margin-left: .5rem;
      margin-top: 1rem;
      width: 3rem;
      height: 3rem;
      display: block;
      border-radius: 2rem;
      padding: .5rem;
      margin-bottom: .5rem;
   }
   ol#masleidas { 
      list-style: none; margin:0; padding:0; 
      counter-reset: unadevaqueros; 
      font-size:1.3rem; 
   }
   @media (max-width:1024px) {
      /*ol#masleidas { font-size:1rem; }*/
   }
   ol#masleidas li { 
      counter-increment: unadevaqueros; 
      min-height:4rem; 
      border-bottom:1px dotted #ddd; 
      padding-top:1rem; 
      padding-bottom:.5rem;
   }
   ol#masleidas li:before {
      content: counter(unadevaqueros) " ";
      color: red;
      font-weight: 900;
      font-size:3rem;
      width:3.5rem;
      height:4rem;
      float:left;
      text-align:center;
      position:relative;
      top:-.4rem;
      font-family: "Lato";
      font-weight:900;
      margin-right:.5rem;
   }
   ol#masleidas li span,ol#leidas li span { 
      background: #f1f1f1; width: 100px; height: 18px; display: inline-block; 
   }
   ol#masleidas li span:after, ol#masleidas li span:before,
   ol#leidas li span:after, ol#leidas li span:before { content: "";background: #f1f1f1; width: 200px; height: 18px; display: inline-block; }
   ol#masleidas li span:after, ol#leidas li span:after { width:150px; margin-top:.5rem; }
   ol#masleidas li:hover { background:#fdfdfd; color:#000; }
   ol#masleidas a { color:#111; font-family:var(--font0); }
   ol#masleidas a:visited { color:#777; }
   /* edición impresa del día */
   a.impresa { background:url(/periodico/); width:13rem; height:26.2rem; background-size: cover; }
   @media (max-width:768px) { a.impresa { width:8rem; height:16.3rem; } }
   /* estilos rich portada*/
   .preportada{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background: rgba(0,0,0,0.8);

      z-index: 1001;
      display:flex;
      justify-content:center;
      align-items:center;
        }
   .preportada__content{
      display:block;
      position:relative;
   }
   .preportada__link{
      position:relative;
   }
   .preportada__close{
      position: absolute;
      /*float: right;*/
      align-content: center;
      background: orangered;
      border-radius: 20px;
      top: 30px;
      right: 30px;
      z-index: 2;
   }
   .preportada__svg,.catfish__svg{
      display: block;
      height: 28px;
      width: 28px;
      fill: white;
      border-radius: 20px;
      padding: 5px;
   }
   .preportada__img{
      border:solid 5px white;
      border-radius:5px;
      width:100%;
      max-width:1300px;
      
   }
   .preportada__img-full{
      border:solid 5px white;
      border-radius:5px;
      width:98%;
   }
   .preportada__img--dsk{display:block;}
   .preportada__img--mov{display:none;}
/* takeover*/
.takeover{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background: rgba(0,0,0,0.8);
      z-index: 1001;
      display:flex;
      justify-content:center;
      align-items:center;
        }
   .takeover__content{
      display:block;
      position:relative;
   }
   .takeover__link{
      position:relative;
   }
   .takeover__close{
      position: absolute;
      /*float: right;*/
      align-content: center;
      background: orangered;
      border-radius: 20px;
      top: 30px;
      right: 30px;
      z-index: 2;
   }
   .takeover__svg{
      display: block;
      height: 28px;
      width: 28px;
      fill: white;
      border-radius: 20px;
      padding: 5px;
   }
   .takeover__img{
      border:solid 5px white;
      border-radius:5px;
      width:100%;
      max-width:1300px;
      
   }
   .takeover__img-full{
      border:solid 5px white;
      border-radius:5px;
      width:98%;
   }
   .takeover__img--dsk{display:block;}
   .takeover__img--mov{display:none;}




   .catfish{
      position:fixed;
      width:100%;
      height:auto;
      text-align:center;
      bottom:0px;
      z-index:1001;
   }
   .catfish__close{
      position: absolute;
      align-content: center;
      background: red;
      border-radius: 20px;
      top: -15px;
      right: 50%;
      z-index: 2;
   }
   @media (max-width: 480px) {
      /*
	   border: solid 10px white;
	   border-radius: 5px;
      */
   }
   .videoburbuja{
	   position:fixed;
	   right:15px;
	   width:250px;
	   background:#80808096;
	   border-radius:10px;
	   overflow:hidden;
	   z-index:1001;
   }
   .videoburbuja__close{
   	position: absolute;
	align-content: center;
	top: 0px;
	right: 0px;
        background:orangered;
        border-radius:20px;
   }
   .videoburbuja__video{
   	width:100%;
	height:140px;
	margin-top: -7px;
	background: #000000;
   }
   .videoburbuja__svg{
   	display: block;
	height: 28px;
	width: 28px;
	fill: white;
	border-radius: 20px;
	padding: 5px;
   }
   .out{
      position:absolute;
      bottom:0;
      height:0px;
      padding:0px;
      margin:0px;
   }
   #videoburbuja {
      bottom: 0px;
      animation: burbujaup 2s;
      bottom: 0px;
   }

   @keyframes burbujaup {
      from {
         bottom: -300px;
      }

      to {
         bottom: 0px;
      }
   }

   #popclose:hover {
      fill: orange;
      cursor: hand;
   }


   /*
   * buscameh , buscador de la cabeza
   */
   @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;
      }
      /* desktop */
      .h-200 { min-height:200px; min-width:970px; }
      .p728x90 { width:728px; height:100px; overflow:hidden; }
      .p970x200 { /*width:970px; height:200px;*/ }
      .p970x200 { height:200px; width:970px;margin: 0 auto;}
      .p1280x200 { width:100%; height:200px; }
   }
   .pub90 { min-height:150px; }
   div#acceder {
      width:350px;
      margin:2rem auto;
      border:1px solid #900;
      max-width:100%;
      padding:2rem;
      background: #fdfdfd;
      border-radius:1rem;
   }
   div#acceder a.bold { display:block; font-size:1.5rem; }
   .form-control { font-size: 1.2rem; padding: 0.5rem; }
   /* pub */
   .switch { display:block; }
   .submarino {
      background: #fff4a3;
      border-radius: 0.5rem;
      padding: 0.1rem 0.5rem;
   }
   .sopear {
      background: #e6f1ff;
      padding: 2rem 1rem;
   }
   .sopear a {
      display: block;
      height: 82px;
      overflow: hidden;
   }
   .sopear img {
      margin-top: -66px;
      float: left;
   }
   .adsbygoogle { display:block; }

.br-1 { border-radius:.5rem; }

.center-bann {
   text-align: center!important;
}

IMG.micrositio-bann {
   object-fit: contain;
}

div#mensajes {
   background: #900;
   box-shadow: 3px 3px 7px rgb(0 0 0 / 50%);
   max-width: 300px;
   width: 60%;
   display: none;
   position: fixed;
   left: 50%;
   top: 70%;
   transform: translate(-50%, -70%);
   padding: 1rem 1rem;
   border-radius: 0.5rem;
   color: white;
}
div#mensajes a { color: white; }

.club:before {
   content: " ";
   float: left;
   width: 2.5rem;
   height: 1.2rem;
   background: url(/media/sigloplus.svg) no-repeat center;
   background-size: 100%;
}
.lead.club:before {
   width: 2.2rem;
   height: 2.2rem;
}
.colpdf img { width:100%; }