/* variables $sec - empty($sec) */
:root{
  --colorborde: #e8eaed;
  --colorlinea: #b7c2d2;
  --notas: #ffcc33;
  --subtit: #c5c4c3;
  --tabletit_text: #13243e;
  --row_odd_bg: #f0f2f6;
  --articles: #ffffffe8;

  /* blindaje */
  --bg: #ffffff;
  --fg: #111111;
  --bgimg: url("/images/fondo-nov19.jpg");

  /* paginador legacy */
  --cez-pager-gap: 5px;
  --cez-pager-margin: 6px 0 4px 0;
  --cez-pager-padding: 3px 0;
  --cez-pager-item-minw: 24px;
  --cez-pager-item-h: 24px;
  --cez-pager-item-pad: 0 7px;
  --cez-pager-radius: 6px;
  --cez-pager-bg: #f8fafc;
  --cez-pager-bg-hover: #ffffff;
  --cez-pager-fg: #13243e;
  --cez-pager-border: #cfd8e3;
  --cez-pager-shadow: 0 2px 6px rgba(15,23,42,.08);
  --cez-pager-current-bg: #e7f5fb;
  --cez-pager-current-fg: #13243e;
  --cez-pager-current-border: var(--color1);
  --cez-pager-current-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 2px 7px rgba(15,23,42,.12);
}

html.theme-dark{
  --bg: #000000;
  --fg: #e5ebf3;
  --cez-pager-bg: #111827;
  --cez-pager-bg-hover: #172033;
  --cez-pager-fg: #e5ebf3;
  --cez-pager-border: rgba(148,163,184,.24);
  --cez-pager-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 3px 10px rgba(0,0,0,.22);
  --cez-pager-current-bg: #16263a;
  --cez-pager-current-fg: #ffffff;
  --cez-pager-current-border: rgba(125,211,252,.38);
  --cez-pager-current-shadow: inset 0 1px 0 rgba(255,255,255,.095), 0 0 0 1px rgba(31,150,209,.10), 0 4px 12px rgba(0,0,0,.28);
}

html, body{
  background-color: var(--bg);
  color: var(--fg);
}

.default-theme { 	--color1: #00b7f1; --tabletit: var(--color1); --colorsuperior: #c0cfdc; --colortexto: #fd8122; --color2: #feb15f; --row_hover: #b8e8f7; --colorborde: #dbe5f4; --subtit: #ffe100; --tabletit_text: #fff;  }
.spectrum-theme { 	--color1: #e0367f;	--tabletit: #dd99b6; --colorsuperior: #ebdae1; --colortexto: #d53d67; --color2: #e06e8d; --row_hover: var(--tabletit); }
.amstrad-theme { 	--color1: #169cf3;	--tabletit: #8cc9f0; --colorsuperior: #b6d8ef; --colortexto: #1182d8; --color2: #2e9ff4; --row_hover: var(--tabletit); }
.c64-theme { 		--color1: #efd205;	--tabletit: #f7eca0; --colorsuperior: #fcf9e6; --colortexto: #EFCE16; --color2: #f9e574; --row_hover: var(--tabletit); --notas: #8b3519; }
.msx-theme { 		--color1: #22aa3e; 	--tabletit: #86da9b; --colorsuperior: #d9f1df; --colortexto: #0ea258; --color2: #63b58c; --row_hover: var(--tabletit); }
.atari-theme { 		--color1: #49aabc; 	--tabletit: #a4e0eb; --colorsuperior: #cee6eb; --colortexto: #4f9e9e; --color2: #76bbbb; --row_hover: var(--tabletit); }
.amiga-theme { 		--color1: #d2b552; 	--tabletit: #efe576; --colorsuperior: #f5f2ce; --colortexto: #c39d2c; --color2: #dab959; --row_hover: var(--tabletit); }
/*.pc-theme { 		--color1: #e31f2f; 	--tabletit: #ff7179; --colorsuperior: #efcbcd; --colortexto: #ec6060; --color2: #d36262; --row_hover: var(--tabletit); }*/
.pc-theme { 		--color1: #dc505b; 	--tabletit: #ffa7a7; --colorsuperior: #f3e8e8; --colortexto: #e05252; --color2: #d36262; --row_hover: var(--tabletit); }
.mac-theme { 		--color1: #808e96; 	--tabletit: #c0cfdc; --colorsuperior: #d7e3ec; --colortexto: #fd9322; --color2: #fda648; --row_hover: var(--tabletit); }
.console-theme { 	--color1: #4793c8; 	--tabletit: #c0cfdc; --colorsuperior: #d7e3ec; --colortexto: #fd9322; --color2: #fda648; --row_hover: var(--tabletit); }
.mobile-theme { 	--color1: #11b697; 	--tabletit: #c0cfdc; --colorsuperior: #d7e3ec; --colortexto: #fd9322; --color2: #fda648; --row_hover: var(--tabletit); }
.remakes-theme { 	--color1: #df9a49; 	--tabletit: #edbe80; --colorsuperior: #f1e0c8; --colortexto: #c18530; --color2: #d7a55d; --row_hover: var(--tabletit); }
.arcade-theme { 	--color1: #bb86cf; 	--tabletit: #c7b3ce; --colorsuperior: #ddd2e2; --colortexto: #bb86cf; --color2: #cca4db; --row_hover: var(--tabletit); }

@font-face { font-family: 'Exo'; src: url('/fonts/Exo-VariableFont_wght.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap}
@font-face { font-family: 'Exo'; src: url('/fonts/Exo-Italic-VariableFont_wght.woff2') format('woff2'); font-weight: 100 900; font-style: italic;  font-display: swap}
@font-face { font-family: 'Orbitron'; src: url('/fonts/Orbitron-VariableFont_wght.woff2') format('woff2'); font-weight: 100 900; font-style: normal;  font-display: swap}


body{
  font-family: 'Exo', sans-serif;
  font-size:18px;
  font-variation-settings: 'wght' 400;
  color: var(--fg);
  line-height:1.5rem;
  margin:0;
  background-color: var(--bg);
  background-image: var(--bgimg);
  background-attachment:fixed;
  text-align: justify
}

A, A:VISITED{color:#0093c1; text-decoration:none;}
A:HOVER{color:var(--colortexto); text-decoration:none;}

header, footer { line-height: 1.4rem }

header { position: fixed; top: 0; z-index: 10; width: 100%}

footer {clear: both;text-align: center; padding-bottom:5px; position: relative; z-index: 1; box-sizing:border-box; background-color: #ebeef3;}

div { scrollbar-width: thin; scrollbar-color: var(--colorborde) #FFF; }
div::-webkit-scrollbar { width: 8px; }
div::-webkit-scrollbar-track { background: #FFF; }
div::-webkit-scrollbar-thumb { background-color: var(--colorborde); border-radius: 5px; border: 2px solid #FFF; }
div::-webkit-scrollbar-thumb:hover { background-color: var(--colorborde); }

/* Cambio de opacidad de textos e imágenes */
.opacity, .opacityb { opacity: 1; transition: opacity 0.2s ease; }
.opacity:hover { opacity: 0.5; }
.opacityb:hover { opacity: 0.7; }

#m3cont{background-color: #000; padding: 8px 0 0 0; margin: 0; min-height: 37px}

.banderas {display:flex;align-items:center;padding:3px}
.rrss-m3 {padding-left: 8px;}
.search {float:right;}
.cajsearch {padding: 4px 2px 2px 25px; width:350px; height:20px;border-radius:4px; border: solid 2px var(--tabletit);
 background-image:url('/images/buscar-3.png');background-repeat:no-repeat;background-position:0%}
.icom3 {height:25px; width: auto; margin-right:5px}

.bandp {height:15px; width: auto; border-radius:2px}

/* Estilo para las banderas en general */
.flag { transition: all 0.3s ease; }
/* Efecto de brillo para la bandera seleccionada */
.selected-flag { box-shadow: 0 0 15px 5px rgb(15 203 255 / 80%); filter: brightness(1.2); transform: scale(1.1); transition: all 0.3s ease; }

.theme-switch-btn{
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  line-height: 1;
}

#m2cont{padding: 4px 0; border-bottom: solid 1px #000; background-color:var(--color1)}

.menuord {float:right; font-size:19px	}
.menu_boton {display: none}

.menuCSS3 ul { display: flex; list-style: none; margin-block-start: revert; margin-block-end: unset; }  
.menuCSS3 a { display: block; padding: 0.2em 10px; font: bold 14.5px 'Orbitron'; text-decoration: none; color: #191C26; text-transform: uppercase; max-width: 300px; background-color: var(--color1); border-radius: 8px; }  
.menuCSS3 a:hover { color: #FFF; background-color: var(--colortexto); }  
.menuCSS3 ul li ul { display: none; position: absolute; z-index: 3; margin-left: 0; opacity: 0.9; background-color: var(--color1); border-radius: 8px; padding: 5px 0; }  
.menuCSS3 ul li ul a { display: block; padding: 0.4rem 10px; border-radius: 8px; }  
.menuCSS3 ul li a:hover + ul, .menuCSS3 ul li ul:hover { display: block; background-color: var(--color1); }  
.menuCSS3 ul li ul li ul { left: auto; right: 100%; }  
.mdentro { max-width: 1280px; margin: 0 auto; }  
#ulsup { justify-content: center; padding: 2px 0; margin: 0; margin-top: 124px; border-bottom: solid 1px #000; display: flex; gap: 17px; flex-wrap: wrap; position: relative; }
#ulsup a.zone-container, #ulsup a.zone-container:link, #ulsup a.zone-container:visited { color: #191C26; }
#ulsup a.zone-container:hover, #ulsup a.zone-container:active { color: #fff; }
.lisup { display: flex; align-items: center; gap: 5px; transition: background 0.2s ease-in-out; position: relative; padding-left: 25px; }  
.zone-container { display: flex; align-items: center; text-decoration: none; font-family: 'Orbitron', sans-serif; color: #000; gap: 5px; white-space: nowrap; transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-radius 0.3s ease-in-out; position: relative; z-index: 1; padding: 2px 5px; border-radius: 5px; width: 100%; }  
.zone-container:hover, .zone-container:active { background: var(--colortexto); color: white; border-radius: 5px; }  
.zone-text { display: flex; flex-direction: column; align-items: flex-start; text-transform: lowercase; font-size: .9rem; line-height: 1; color: inherit; width: 100%; }  
.zone-subtext { font-size: .7rem; letter-spacing: 0.2px; }  
.zone-color { width: 20px; height: 25px; border-radius: 3px; position: absolute; top: 2px; left: 4px; cursor: pointer; overflow: hidden; background-color: #fff; transform-origin: top left; transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }  
.zone-images { display: flex; flex-direction: row; align-items: center; gap: 5px; padding: 2px; opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out; }  
.zone-images img { width: auto; height: 10px; display: block; }  
.zone-color.expanded { transform: translateY(0px) scale(2); background-color: rgba(255, 255, 255, 0.5); z-index: 999; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); overflow: visible; display: flex; align-items: center; justify-content: center; width: auto; height: auto; padding: 2px; margin-top:35px}  
.zone-color.expanded .zone-images { opacity: 1; pointer-events: auto; }

#contenedor2{max-width: 1280px;background-color: #FFF; margin: 0 auto; padding: 10px;  box-sizing: border-box; position: relative}

/* Slideshow juego aleatorio y últimos */
.slideshow-container { position: relative; width: 49.5%; height: 265px; float: left; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); margin: auto; }
.slide { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.slide.active { display: block; }
.slideshow-container .contenido-slide { width: 100%; height: 100%; overflow: hidden; position: relative; }
.slideshow-container .contenido-slide .imgaleatoria {  width: 100%;
  height: 100%;           /* <- clave */
  object-fit: cover;
  object-position: 50% 40%; /* <- centra */
  display: block; }
.aleatorio-portada { width:30.5%; max-width:375px; height:265px; float:left; margin: 0 10px 0 15px; border-radius:5px; overflow:hidden}
.slideshow-container .contenido-slide .topleft { width: 90%; position: absolute; top: 3px; left: 14px; color: #00b7f1; font: 1rem Orbitron; text-transform: uppercase; text-align: left; text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; font-variation-settings: 'wght' 700; }
.slideshow-container .contenido-slide .bottomright { width: 98%; position: absolute; bottom: 15px; right: 4px; font-size: 2.55rem; line-height: 2.55rem; color: var(--colortexto); text-transform: uppercase; text-align: right; text-shadow: 2.5px 2.5px #000, 2.5px -2.5px #000, -2.5px 2.5px #000, -2.5px -2.5px #000, 2.5px 0 #000, -2.5px 0 #000, 0 2.5px #000, 0 -2.5px #000; font-weight: bold; }
.navigation { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; line-height: 2.25rem}
.dot { width: 12px; height: 12px; border-radius: 50%; background-color: #bbb; cursor: pointer; transition: background-color 0.3s; }
.dot.active { background-color: #333; }
.caption { position: absolute; left: 10px; bottom: 10px; padding: 5px 8px; background: rgba(0,0,0,0.6); color: #fff; font-size: 0.9rem; border-radius: 4px; }

a.bottomright, a.bottomright:visited, a.bottomright:active, a.bottomright:focus, a.bottomright:link{color: var(--colortexto)}
a.bottomright:hover{color: var(--subtit) }
.topleft { width: 90%; position: absolute; top: 3px; left: 14px; color: #00b7f1; font: 1rem Orbitron; text-transform: uppercase; text-align: left;
 text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000; font-variation-settings: 'wght' 700;; }
.anocompaleatorio {text-transform:none;font-size: 1.6rem; line-height: 0rem;}

#publialeatorionoticias {width:17.5%; float:right; height: 253px; padding:6px; color:white; background-color:var(--color1); font-family:Orbitron; font-size: .85rem}
	
#noticias {background-color: #EBEEF3;border-width: 1px;border-style: solid; width: 29.5%; max-width:630px; height: 250px; border-color: #A6C4C6; float: left; box-sizing:border-box; padding: 5px; font-size:.9rem; margin-left:12px}
 
#cuerpo{ width:68%; max-width:870px; padding:10px 0; float:left; margin-right:4px; ; background-color:#FFF; hyphens:auto; }
#cuerpoIndex2{ width:61.3%; max-width:766px; padding:10px 0; float:left; margin-right:4px; ; background-color:#FFF; hyphens:auto; }

#navabajo{ font-variation-settings: 'wght' 500; background-color: #FFF;padding: 10px 0px}

#lateral{ width: 17%; max-width: 220px; padding: 10px 0 0 6px; float:left; box-sizing: border-box;}
#lateralIndex2{ width: 23%; max-width: 290px; padding: 10px 0 0 6px; float:left; box-sizing: border-box;}

#right { width:15%; float:right; padding-top:10px; } /* solo principal */
.sys-tip{ position:relative; cursor:help; outline:0; }
.sys-tip::after{ content: attr(data-tip); position:absolute; left:100%; top:50%; transform: translate(8px, -50%); display:none; max-width:330px; background:#111; color:#fff; padding:6px 8px; border-radius:6px; box-shadow:0 6px 18px rgba(0,0,0,.25); font-size:.8rem; line-height:1.50; z-index:9999; white-space:pre;}
.sys-tip:hover::after, .sys-tip:focus::after, .sys-tip.tip-open::after{ display:block; }

#publimedia { width:14%; float:right; padding-top:10px; position:sticky; top:116px;}

/* Comentarios reemplazo.php */
a.coment, a.coment:VISITED{color:#0093c1; text-decoration:underline;text-decoration-style:dotted}
a.coment:HOVER{color:var(--colortexto);}
a.comentblank, a.comentblank:VISITED, a.comentblank:HOVER{color:#333333; text-decoration:none;text-decoration-style:none}

/* ventanas */
.cventanas {padding: 10px;}
.cuerpoventanas, .cventanas-m30, .cventanas-m20 {padding: 5px 10px; border: 1px solid #ccc; overflow: hidden}
.cventanas-m30 { margin-bottom:30px; }
.cventanas-m20 { margin-bottom:20px; }

/* Borde diseño */
#noticias, #publialeatorionoticias, #notas, .cuerpoventanas, .cventanas-m30, .cventanas-m20, .okvotos, .comentario, .puntuser, #navficha, .recuadrogris, .fondotitulos, .fondotitulosrev2, .fondotitulosrev2, .fondomanual, .tabletit, .tabletit2, .tabletitpeq, .imgentrev, .boton_mostrar, .cajavotos-f, .video, .analisis2, .coment-form, a.lisup:hover, .menuCSS3 a:hover { border-radius: 5px }

.linea-news {text-align:justify; padding:3px; margin-top:3px; margin-bottom:5px; border-top:1px solid var(--colorlinea);}

/* Para iconos incluidos los de ficha.php */
.sociales {margin:20px 0 5px 0;text-align:right}
.sociales-img {margin:5px 0 5px 0;text-align:right}
.imgsociales {width:30px; height:auto; margin-left:2px}

/* index-nuevas — SÓLO USADOS */
.tabletit{display:flex;justify-content:center;align-items:center;position:relative;} 
.colorfondo.cuerpoventanas{font-size:.9rem;vertical-align:middle;} 

/* ===== index-nuevas (por defecto) — SÓLO USADOS ===== */
.tabletit--movil { display:flex; justify-content:center; align-items:center; position:relative; }
.tabletit__centro-movil { position:absolute; left:30%; transform:translateX(-30%); }
.nv-switch { margin-left:auto; margin-right:10px; display:flex; align-items:center; }
.nv-switch__btn { background:none; border:none; padding:0; cursor:pointer; font:inherit; }
.nv-switch__btn--sep { margin-left:10px; }
.nv-row { display:flex; flex-wrap:nowrap; gap:15px; overflow-x:auto; scrollbar-width:thin; align-items:flex-end; padding:0 5px; }
.nv-row--bg { background-image:url(/images/fondo-index-foro-2.png); background-position-x:-198px; background-position-y:-9px; background-repeat:no-repeat; }
.nv-card { flex:0 0 215px; box-sizing:border-box; }
.nv-card__header { margin:10px 0 5px 0; height:180px; padding:9px; background:center/cover no-repeat; font-weight:bold; border-radius:5px; text-align:left; text-shadow:1.5px 1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,-1.5px -1.5px #000; }
.nv-card__title { font-size:1.4rem; }
.nv-card__subtitle { font-size:1.2rem; color:var(--subtit); }
.nv-card__line { font-size:1rem; }
.nv-card__link:visited, .nv-card__link:active, .nv-card__link, .nv-card__sep, .years { color:#fff; }
.nv-card__link:hover { color: var(--color1) }
.nv-card__icons { margin:5px 0; text-align:left; height:20px; overflow:hidden; }
.nv-card__play { font-size:0.8rem; vertical-align:text-bottom; color:var(--color2,#9aa); margin-right:4px; }
.icon-nv { margin-right:5px; width:auto; height:14px; vertical-align:middle; }
.sep-light { color:var(--colorlinea); }
.nv-card__meta { font-size:.8rem; }
.icon-eye { width:14px; height:10px; }
.icon-cmt { width:10px; height:10px; vertical-align:middle; }
.icon-plus { width:15px; height:15px; vertical-align:middle; }
.nv-more { font-size:.9rem; flex:0 0 auto; text-align:center; background-color:#ebeef3; margin:0 0 58px 0; height:186px; display:flex; align-items:center; justify-content:center; padding:0 8px; border-radius:4px; }
.nv-more-movil { font-size:.9rem; vertical-align:middle; }
.nv-gap-20 { margin:20px 0; }
.nv-list { }
.list-card { display:flex; align-items:stretch; border-bottom:1px solid var(--colorlinea); margin-bottom:5px; padding:5px; }
.list-thumb { width:120px; height:90px; border-radius:5px; margin-right:6px; overflow:hidden; }
.list-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.list-content { flex:1; font-size:1rem; }
.nv-meta-line { font-size:0.8rem; margin-top:2px; }
.nv-icons-line { font-size:0.8rem; margin-top:3px; }

/* Paginador legacy compatible con paginador.php PR */
.cez-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--cez-pager-gap);margin:var(--cez-pager-margin);padding:var(--cez-pager-padding);line-height:1;font-family:Orbitron,Exo,sans-serif;font-size:.78rem;text-align:center;}
.cez-pager a,.cez-pager strong,.cez-pager span{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:var(--cez-pager-item-minw);min-height:var(--cez-pager-item-h);padding:var(--cez-pager-item-pad);border-radius:var(--cez-pager-radius);line-height:1;text-decoration:none;}
.cez-pager a{border:1px solid var(--cez-pager-border);background:var(--cez-pager-bg);box-shadow:var(--cez-pager-shadow);color:#0093c1;}
.cez-pager a:visited{color:#0093c1;}
.cez-pager a:hover{border-color:var(--color1);background:var(--cez-pager-bg-hover);color:var(--colortexto);}
.cez-pager__current{border:1px solid var(--cez-pager-current-border);background:var(--cez-pager-current-bg);box-shadow:var(--cez-pager-current-shadow);color:var(--cez-pager-current-fg);font-variation-settings:'wght' 750;}
.cez-pager__ellipsis{min-width:auto;padding:0 2px;color:var(--colorlinea);}
.cez-pager__arrow{height: 18px;  width: auto;  margin: 0 4px;}
html.theme-dark .cez-pager a,html.theme-dark .cez-pager a:visited{color:#8fd8ff;}
html.theme-dark .cez-pager a:hover{color:var(--subtit);}
html.theme-dark .cez-pager__ellipsis{color:rgba(229,235,243,.48);}

/* tablas */
.table {width:100%}
.tabletit {border-bottom-width: 1px; border-bottom-style: solid; text-transform: uppercase; margin-bottom:2px; display: flex; justify-content: center; align-items: center; font:.9rem Orbitron}
.tabletit2 {width:100%; box-sizing:border-box; background-color: var(--colorborde); color: #000; font:.9rem Orbitron; padding: 5px; }
.tabletitpeq, .tabletitpeq2, .tabletitpeq-i, .tabletitpeq-d {border-bottom: 1px solid #556376; text-align:center; font:.8rem Orbitron}
.tabletit, .tabletitpeq, .tabletitpeq-i, .tabletitpeq-d, .tabletitpeq2 {background-color: var(--tabletit); border-bottom-color: #13243e; font-variation-settings: 'wght' 600;padding: 5px 0; color: var(--tabletit_text);}
.tabletitpeq2:first-child { border-radius: 5px 0 0 5px; }
.tabletitpeq2:last-child { border-radius: 0 5px 5px 0; }
.tabletitlabel { margin: auto }

/* divisiones dentro de una tabla */
.tdtable, .tdtable-r {border-bottom: solid 1px var(--colorborde);padding: 2px 0 2px 0;}
.tdtable-r {border-right: solid 1px var(--colorborde); }
/* Lineas abajo, derecha y abajo derecha */
.tblineabajo {border-style: solid;border-width: 0 0 1px 0}
.tblinvert {border-style: solid;border-width: 0 1px 0 0;}
.tdabdcha {border-bottom:solid 1px var(--colorborde);border-right:solid 1px var(--colorborde);padding: 2px;}
.tbvertbajo {border-style: solid;border-width: 0 1px 1px 0;}
.tblineabajo , .tdtable , .tblinvert , .tbvertbajo , .Juegos, .J_nomovil, .J_desc, .J_desc_div {border-color: var(--colorborde);}

.icont {height:14px; width:auto}

/* Listas de juegos */
.Juegos, .J_nomovil, .J_desc, .J_desc_div {border-style: solid;border-width: 0 1px 0 0;}
.Juegos, .J_nomovil {padding: 4px 1px 4px 2px;text-align:left;}
tr.Juegos:hover, tr.J_nomovil:hover, div.divrow:hover {background-color: var(--row_hover); }
tr.Juegos:nth-child(odd), div.divrow:nth-child(odd) {background-color:var(--row_odd_bg)}
tr:last-child td.Juegos:first-child { border-radius:0 0 0 5px; }
tr:last-child td.Juegos:last-child { border-radius:0 0 5px 0; }
A.Juegos, A.Juegos:VISITED, A.Juegos:ACTIVE, A.Juegos:FOCUS, A.Juegos:LINK{display: block;}
A.Juegos:HOVER{background-color: var(--colorborde);text-decoration:none;}
.J_desc {padding-left: 2px;text-align:left;font-size: 0.8em;}
.J_desc_div {padding-left: 2px;text-align:left;}
tr:last-child td.J_desc:last-child { border-radius:0 0 5px 0; }
.J_top, .J_topnomovil {font-variation-settings: 'wght' 500; padding: 5px;text-align:left}
.J_top_tr { font:.9rem Orbitron; background-color: var(--colorborde) }
tr.J_top_tr:first-child td.J_top:first-child, tr:last-child td.J_topnomovil:first-child { border-radius: 5px 0 0 5px; }
tr.J_top_tr:first-child td.J_top:last-child, tr:last-child td.J_topnomovil:last-child { border-radius: 0 5px 5px 0; }
.games_img {width:59px; height:59px; overflow: hidden; border-radius: 5px; margin-right: 3px; display: flex; justify-content: center;}

.divrow, .divrow_nomovil { display:table-row; }
.divcell, .divcell_nomovil { display:table-cell; }

/* Principal */
a.nuevas, a.nuevas:VISITED{color:var(--colortexto)}
a.nuevas:HOVER{color:var(--subtit);}
.i-anadidas { width: 100%; float: left; margin-top: 10px; margin-bottom: 5px; }
.i-foro { /*background-image: url(/images/fondo-index-foro-2.png); background-position-x: -60px; background-position-y: -45px; background-repeat: no-repeat;*/ font-size: 1rem; text-align: left }
.divsepnovedades {  }
.i-noticias { text-align: left; overflow-wrap: break-word; }
.index2pant { border-radius:10px; width:32%; margin-left:30px; height: auto}
.index22pant { border-radius: 8px;width: 100%; height: 50%; object-fit: cover;}
.index2text { margin-bottom:15px; padding:6px 0; border-top:1px solid var(--colorlinea);}
.sepjuegos {margin-bottom:10px; font-size:.9rem; width: 65%}
.ppalshare {float:right;}
.ppalico {height:20px; width:20px}
.sepabajo{margin-top:3px; margin-bottom:20px; padding:3px; border-top:1px solid #cdd0d4;}
.sepmod {float:right;font-size:.8em;}
.posted {font-size:.8em;font-style:italic}
.postedright {float:right;font-size:.8em;}
.imgentrev {width:auto; height:200px}
.10topics { width: 50%; max-height: 310px; min-height: 245px; margin-bottom: 15px; }
.modif { display: block; width: 29.5%; text-align: center; border-radius: 5px; }

/* Secciones */
.altura_index2 {height: 150px;}
.bloquecomp {margin:auto; display:flex}
.seccomp,.seccomplinks {float:left;padding:4px 4px; border-right:1px solid var(--colorborde);text-align:center;box-sizing:border-box;
 margin-bottom:10px}
.seccomp {width:11%;}
.seccomplinks {width:10%;}
.bloquesec {width:100%;margin:auto;display:inline-block;padding:20px 0;box-sizing:border-box;border-bottom:1px solid var(--colorborde);}
.seccolum1,.seccolum2,.secmembers {float:left;box-sizing:border-box;padding:0 2px;border-radius:5px;overflow:hidden}
.seccolum1 {min-width:16%;max-width:28%;margin-right:10px}
.seccolum2 {max-width:72%}
.secmembers {min-width:16%;max-width:28%;margin-right:10px;}
.imgsec {width:210px}
.imgmiembros {max-height:110px}
.computers {display:flex; justify-content:space-around; padding:6px; font-size:.85em; text-align:center; border-bottom:1px solid var(--colorlinea); margin-bottom:10px; align-items:baseline}
.computers2top {padding: 3px; border-right:1px solid var(--colorborde)}
.computers2carm {padding:6px 12px; border-right:1px solid var(--colorborde)}
.selected {background-color:var(--colorborde); border-radius:5px;}
/* la siguiente es para artículos */ 
.modifart, .games_alternative {display: inline-grid; margin-bottom: 26px; margin-top: 15px; margin-right: 10px; width: 23%; text-align: center; justify-items: center}

.last {border-bottom: none;} /* esta clase es para el último elemento de un bucle cuando cuerpoventansa */

.ancla-salva-cabecera:target::before { content: ""; display: block; height: 123px; margin-top: -123px; }

.gamesrel{text-align:center;background-color:#ebeef3;margin:10px 0 30px 0;}

.tdizq2 {text-align:left;line-height: 1.25em;padding: 1px 0;}
.listas {font-size: 1rem; font-family: verdana; color: #666;border: solid 1px var(--colorlinea); width: 98%; margin-bottom: 4px; background-color:#FFF}

.imgf {width:auto; height:25px}
.imgf2 {width:auto; height:32px}

.titfichasnuevas {text-align: justify; hyphens: auto;}

/* Lo que hace es listar continuamente y cambiando de línea */
.premios {display: flex; flex-wrap: wrap; justify-content: start; margin-bottom: 26px; margin-top: 15px; margin-right: 10px; width: 100%; text-align: center; }
.premios_img { margin-right: 10px; margin-bottom: 10px; }

.E1 {color: var(--colortexto);}
.E2 {font-size: .9rem; color: var(--colortexto);}
.E3 {color: var(--colortexto); text-decoration: underline; font-family: Orbitron; font-weight:bold; text-underline-position: under; text-decoration-thickness: from-font;} /* en '/scripts/trasvase_tut.php' */
.E4 {font-size:2.7rem; line-height:3rem; color: var(--colortexto); text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000} /* tit articul.php */
.E6 {font-size:1.05em; font-variation-settings: 'wght' 600; color: var(--colortexto);}
.E7 {font-size:2rem; line-height:2.4rem; color: var(--colortexto);}
.E8 {font-size: 0.875em; line-height:1.125em;}
.E9 {font-variation-settings: 'wght' 700; color: var(--colortexto);}
.E10 {font-size: 0.85em;}
.E12 {font-variation-settings: 'wght' 600; text-transform: uppercase}
.E13 {font-size: .9rem; font-family: Courier, monospace}
.EOrbit {font-size: 0.85em; color: var(--colortexto); font-family:orbitron}

blockquote { /* citas */
    border-left: 4px solid #cccccc; /* Borde izquierdo para destacar */
    margin: 15px 0;                /* Espaciado vertical */
    padding: 10px 15px;            /* Relleno interno */
    background-color: #f9f9f9;     /* Color de fondo ligero */
    color: #333333;                /* Color del texto */
    font-style: italic;            /* Texto en cursiva */
}

/* Ok votaciones */
.okvotos {color:#13243e;border: #465b7b; }
.okvotos:hover{background-color: var(--colorborde)}

/* Puntuaciones users */
.tablapunt{width:200px;height:200px}

/* Remisiones gamesrel y demas */
.colorfondo{margin:5px 0 25px 0;background-color: #ebeef3;text-align:center}

/* Cajetines introducir comentarios */
.comentario{border-width:1px; border-color:#CCC; }

/* Fondo formulario tutorial al foro */
.coment-form{width:100%; box-sizing:border-box; background-color: var(--colorborde); color: #000; font-size:.9rem; padding: 5px; }

/* Pie */
.footer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:40px;padding:0 25px;text-align:justify;align-items:start;font-size:small;margin-bottom:10px;hyphens:auto;overflow-wrap:break-word;}
.footer-img {width:100%; height:auto; margin-bottom:10px;}
.enlace-icono{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.enlace-icono .ico{width:14px;height:14px;display:inline-block;background-color:currentColor;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-position:center;}
.enlace-icono .ico-th{-webkit-mask-image:url("/images/footer-th.png");mask-image:url("/images/footer-th.png");}
.enlace-icono .ico-home{-webkit-mask-image:url("/images/home-2.png");mask-image:url("/images/home-2.png");}
.enlace-icono .ico-dialogo{-webkit-mask-image:url("/images/home-dialogo-pie.png");mask-image:url("/images/home-dialogo-pie.png");}
.enlace-icono .ico-mail{-webkit-mask-image:url("/images/mail.png");mask-image:url("/images/mail.png");}
.banner-25{width:100%;height:auto;margin-bottom:10px;}
html:not(.dark-mode) .banner-25{filter:invert(1);}
.footer-grid .rrss-m3{filter:grayscale(100%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;}


/* ---- PANTALLAS PEQUENAS VERTICAL ---- */
@media screen and (max-width: 1000px) and (orientation:portrait) {
	body {background-image:none; font-size: 17px}
	header {line-height:1rem}
	table {font-size:.9rem;line-height:1.1rem}
	#m2cont, #m3cont {padding: 1px 0;}
	.slideshow-container { width: 100%; height: 220px }
	#publialeatorionoticias {width:100%; margin-left:;0 float:none}
	#noticias {width:100%; float:none; display:inline-block; margin:10px 0; height:auto;}
	.slideshow-container .contenido-slide .bottomright {font-size:1.8rem; line-height:1.85rem}
	.anocompaleatorio{font-size:1.2rem}
	.bandp {height:20px;}
	.icom3 {margin-right:4px}
	.rrss-m3 { display: flex; }
	.search {width:89.5%;float:none}
	.cajsearch {margin: 0 0 5px -5px; width:100%;background-position:2% 35%; padding: 0 2px 0 37px;border-radius:0px; height:36px}
	.imglogo {width:190px; height:auto}
	.mdentro {padding-left:5px}
	.games_alternative { width: 45%; }
	/* Superior */
	#ulsup { justify-content: center; padding: 8px 0; margin: 0; margin-top: 125px; border-bottom: solid 1px #000; display: flex; gap: 8px 2px; flex-wrap: wrap; position: relative; }
	.lisup { display: flex; align-items: center; gap: 5px; transition: background 0.2s ease-in-out; position: relative; padding-left: 15px; }
	.zone-container { display: flex; align-items: center; text-decoration: none; font-family: 'Orbitron', sans-serif; color: #000; gap: 5px; white-space: nowrap; transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-radius 0.3s ease-in-out; position: relative; z-index: 1; padding: 2px 5px; border-radius: 5px; width: 100%; }
	.zone-container:hover, .zone-container:active { background: orange; color: white; border-radius: 5px; }
	.zone-text { display: flex; flex-direction: column; align-items: flex-start; text-transform: lowercase; font-size: .7rem; line-height: 1; color: inherit; width: 100%; }
	.zone-subtext { display: none }
	.zone-color { width: 14px; height: 14px; border-radius: 3px; position: absolute; top: 2px; left: 2px; cursor: pointer; overflow: hidden; transform-origin: top left; transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }
	.zone-images { display: flex; flex-direction: row; align-items: center; gap: 5px; padding: 2px; opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out; }
	.zone-images img { width: auto; height: 10px; display: block; }
	.zone-color.expanded { transform: translateY(0px) scale(2); background-color: rgba(255, 255, 255, 0.5); z-index: 999; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); overflow: visible; display: flex; align-items: center; justify-content: center; width: auto; height: auto; padding: 2px; }
	.zone-color.expanded .zone-images { opacity: 1; pointer-events: auto; }
	.ancla-salva-cabecera:target::before { height: 134px; margin-top: -134px; }	
	.aleatorio-portada { display: none }
	#contenedor2{ padding: 5px 5px;}
	#cuerpo{width:100%; padding:0}
	#cuerpoIndex2{width:100%; padding:0}
	#lateral{display:contents}
	#lateralIndex2{width:100%; max-width: none; padding:0; display: block; margin-top: 10px;}
	#right{ width: 100%; border-left: 0;}
	.sys-tip:hover::after{ display:none; }
	#publimedia, #publialeatorionoticias {display:none}
	.tabletit { font-size: 0.8rem }
	.cez-pager{--cez-pager-gap:2px;--cez-pager-margin:4px 0 3px 0;--cez-pager-padding:2px 0;--cez-pager-item-minw:21px;--cez-pager-item-h:22px;--cez-pager-item-pad:0 5px;font-size:.70rem;}
	.cventanas {padding: 15px 4px}
	.J_nomovil, .J_topnomovil {display:none}
	.Juegos {padding:10px 1px 10px 2px;}
	.divrow_nomovil, .divcell:nomovil { display: none; }
	.E2 {font-size: 1rem; }
	.E7 {color: var(--colortexto);}
	.E4 {font-size:2.2rem; line-height:2.5rem; color: var(--colortexto); text-shadow: 1px 1px #000, 1px -1px #000, -1px 1px #000, -1px -1px #000} /* tit articul.php */
	.E10 {font-size:.9rem}
	.E13 {font-size:.9rem; font-family: Courier, monospace}
	.index2pant { width:45%; margin-bottom:20px; margin-top:10px; margin-left:15px}
	.index22pant { width: 95%; height: 35%}
	.listas {width: 100%; max-width: none; background-color:#FFF}
	.okvotos{color:#13243e;border: #465b7b;width:75%;border-radius:4px;margin-top:14px}
	.nodispmovil{display:none}
	.publimovil{width: 100%; max-width:100%; display:inline-block; padding: 0 0 20px 0}
	/* Menu */
	#menudesp {display:none;}
	.menu_boton {display:inline}
	.menu_boton_mostrar {float:right;padding:5px; background:transparent;border:none}
	.hamburger {margin-top: 3px; height: 28px;}
	.menuCSS3 ul { display: contents}
	.menuCSS3 ul li ul { margin-left: 120px}
	.menuCSS3 a { line-height:1.6rem }
	/* Principal */
	.i-foro { float: none; margin-right: 0%; }
	.i-foro .i-anadidas { width: 100% }
	.i-foro-2 { text-align: left; overflow-wrap: break-word; font-size: 1rem; height: 100%; background-image: none; }
	.i-noticias { width: 100% }
	.sepjuegos{border-bottom:dotted 1px var(--colorborde); width:100%;}
	.ppalshare {float:none;}
	.ppalinc {margin: 10px 0}
	.postedright {float:none}
	.divimg {width: 100%; max-height: 270px; position: relative; margin: 10px 0 20px 0; border-radius: 5px;}
	.index2text { margin-bottom:0px; }
	.seccomp {padding:4px 4px; border-right:1px solid var(--colorborde);text-align:center;width:none;box-sizing:border-box; margin-bottom:0; display:flex; flex-wrap:wrap; }
	.bloquesec {border-bottom:1px solid #a7a7a7;}
	.seccolum1, .seccolum2, .secmembers {max-width:100%}
	.secmembers {float:inherit;padding:10px 0px; min-width:16%;margin:0px 30% 20px 30%; border-radius:5px; background-color:#ecedee;}
	.imgsec {width:100%; margin-bottom:30px}
	.modif {width: 45%}
	.altura_index2 {display: inline-block;}
	/* index-nuevas normal */
	.tabletit--movil { display:flex; justify-content:center; align-items:center; position:relative; }
	.tabletit__centro-movil { position:absolute; left:30%; transform:translateX(-30%); }
	.nv-switch { margin-left:auto; margin-right:8px; display:flex; align-items:center; }
	.nv-switch__btn { background:none; border:none; padding:0; cursor:pointer; font:inherit; }
	.nv-switch__btn--sep { margin-left:8px; }
	.nv-row { gap:12px; padding:0 4px; }
	.nv-row--bg { background-position-x:-180px; background-position-y:-6px; }
	.nv-card { flex:0 0 160px; }
	.nv-card__header { margin:8px 0 4px 0; height:135px; padding:8px; }
	.nv-card__title { font-size:1.2rem; }
	.nv-card__subtitle { font-size:1rem; }
	.nv-card__line { font-size:.95rem; }
	.nv-card__line a, .nv-card__link, .nv-card__sep, .years { color:#fff; }
	.nv-card__icons { margin:4px 0; }
	.nv-card__play { font-size:.75rem; margin-right:4px; }
	.icon-nv { margin-right:4px; height:12px }
	.nv-card__meta { font-size:.75rem; }
	.icon-eye { width:13px; height:9px; }
	.icon-cmt { width:9px; height:9px; }
	.icon-plus { width:14px; height:14px; }
	.nv-more { font-size:.85rem; height:155px; margin:0 0 48px 0; }
	.nv-more-movil { font-size:.85rem; }
	.nv-gap-20 { margin:16px 0; }
	.list-card { padding:6px 5px; }
	.list-thumb { width:120px; height:90px; display:flex; align-items:center; justify-content:center; border-radius:5px; margin-right:6px; background:#000; overflow:hidden; }
	.list-thumb img { max-width:100%; max-height:100%; min-height:100%; height:auto; width:auto; display:block; }
	.list-content { font-size:.95rem; margin-left:5px}
	.nv-meta-line { font-size:.75rem; margin-top:2px; }
	.nv-icons-line { font-size:.75rem; margin-top:0px; }
	/* Secciones */
	.computers, .computers2top, .computers2carm {display:inline-block}
	.imgentrev {max-width: 98%; height: auto}
	/* Pie */
	.footer-grid{grid-template-columns: 1fr !important; gap: 24px; padding: 0 16px; }
	.footer-grid > div{	width: 100%; max-width: 100%;  }
	.footer-grid img{	max-width: 100%; height: auto; }
	.footer-grid .rrss-m3, .footer-grid [style*="flex; flex-wrap:wrap"]{justify-content: flex-start; flex-wrap: wrap; gap: 8px;}
    .footer-grid .enlace-icono{	display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap;  }
	.footer-grid>div:nth-child(-n+4){width:100%;max-width:100%;}
	.footer-grid>div:nth-child(5){display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:0px 7px;text-align:center;}
	.footer-grid>div:nth-child(5)a{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
	.footer-grid>div:last-child{text-align:center;display:flex;flex-direction:column;align-items:center;}
	.footer-grid .rrss-m3{justify-content:center;flex-wrap:wrap;gap:8px;}
	.footer-img {width:40%;}
}


/* ---- PANTALLAS PEQUENAS HORIZONTAL ---- */
@media screen and (max-width: 1000px) and (orientation:landscape) {
	header { position: static}
	.imglogo {width:205px; height:auto}
	.mdentro {padding-left:6px; box-sizing:border-box}
	.menu_boton {float:right;display:inline}
	.menu_boton_mostrar {float:right;padding:10px 5px; background:transparent;border:none}
	.rrss-m3 { display: flex; }
	.search {padding-right:6px}
	.cajsearch {width:320px;}
/* Superior */
.menuord {float:right; margin-top: 0px; font-size:14px	}
#ulsup { justify-content: center; padding: 8px 0; margin: 0; margin-top: 0px; border-bottom: solid 1px #000; display: flex; gap: 8px 7px; flex-wrap: wrap; position: relative; width:100%}
.menuCSS3 a { font: bold 9.5px 'Orbitron'; }  
.lisup { display: flex; align-items: center; gap: 5px; transition: background 0.2s ease-in-out; position: relative; padding-left: 15px; }
.zone-container { display: flex; align-items: center; text-decoration: none; font-family: 'Orbitron', sans-serif; color: #000; gap: 5px; white-space: nowrap; transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-radius 0.3s ease-in-out; position: relative; z-index: 1; padding: 2px 5px; border-radius: 5px; width: 100%; }
.zone-container:hover, .zone-container:active { background: orange; color: white; border-radius: 5px; }
.zone-text { display: flex; flex-direction: column; align-items: flex-start; text-transform: lowercase; font-size: .7rem; line-height: 1; color: inherit; width: 100%; }
.zone-subtext { font-size: .7rem; letter-spacing: 0.2px; }
.zone-color { width: 14px; height: 24px; border-radius: 3px; position: absolute; top: 2px; left: 2px; cursor: pointer; overflow: hidden; transform-origin: top left; transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }
.zone-images { display: flex; flex-direction: row; align-items: center; gap: 5px; padding: 2px; opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out; }
.zone-images img { width: auto; height: 10px; display: block; }
.zone-color.expanded { transform: translateY(0px) scale(2); background-color: rgba(255, 255, 255, 0.5); z-index: 999; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); overflow: visible; display: flex; align-items: center; justify-content: center; width: auto; height: auto; padding: 2px; }
.zone-color.expanded .zone-images { opacity: 1; pointer-events: auto; }
.slideshow-container { width: 55.5%; height: 225px; }
.aleatorio-portada { height: 225px; width: 40.5%;}
.slideshow-container .contenido-slide .bottomright {font-size:2rem; line-height:2rem}
.imgaleatoria { height: 330px; width: auto; min-width: 100%}
.bottomright { width: 98%; position: absolute; bottom: 3px; right: 4px; text-transform: uppercase; text-align: right}
a.bottomright, a.bottomright:visited, a.bottomright:active, a.bottomright:focus, a.bottomright:link{color: var(--colortexto)}
a.bottomright:hover{color: var(--tabletit) }
.anocompaleatorio {text-transform:none;font-size: 1.4rem; line-height: 0rem;}
.aniversario {width:43%; height:225px; float:left; margin: 0 0 0 10px; border-radius:5px; overflow:hidden;}
.aniversario img {width: 110%; height: auto;}
	#noticias { max-width: 43%; width: 100%; }
	#contenedor2 { width:98%;}
	#cuerpo { min-width:100%; padding: 0;}
	#lateral{ min-width: 29%; border-left: 0;}
	#lateralIndex2{ width: 29%; border-left: 0; float: left; padding-top: 0px}
	#right{ min-width: 29%; border-left: 0; padding-top: 0px}
	.sys-tip:hover::after{ display:none; }
	#publimedia {display:none}
	#publialeatorionoticias { display: none }
	#cuerpoIndex2{width:70%; padding:0}
	.cez-pager{--cez-pager-gap:3px;--cez-pager-margin:4px 0 3px 0;--cez-pager-padding:2px 0;--cez-pager-item-minw:22px;--cez-pager-item-h:22px;--cez-pager-item-pad:0 6px;font-size:.72rem;}
	.nodispmovilancho{display:none}
	.modif {width: 47%}
	/* Secciones */
	.computers {display: inline-block}
	.computers2top, .computers2carm {display:inline-block;}
.index22pant { height: 50% }
}


/* ipad pro */
@media only screen and (min-width: 820px) and (max-width: 1366px) and (orientation: portrait) {
	#m2cont { display: inline-flex; width: 100% }
	#ulsup{margin-top:126px}
	.ancla-salva-cabecera:target::before { height: 125px; margin-top: -125px; }
	#contenedor2{margin: 0 auto}
	#noticias {width: 25.5%; max-width:600px; height: 240px; margin-left: 9px;}
	.bottomright { font-size: 2.7rem; }
	#publialeatorionoticias { width: 21.5%; }
	.mdentro { width: 100%; }
	.menuCSS3 { padding: 0.2em 8px; font-size: 13.5px }
	.slideshow-container { width: 44% }
	.sys-tip:hover::after{ display:none; }
}

/* Max 1366 */
/* Media query intermedio para anchos moderados */
@media screen and (max-width: 1366px) and (min-width: 1001px) and (orientation: landscape) {
  .menuCSS3 a { padding: 0.4rem 10px; font: bold .8rem 'Orbitron'; }  
  #ulsup { gap: 2.5px }
  #publialeatorionoticias {width: auto;  margin-top: 10px; height: 100%;}
  .lisup { padding-left: clamp(20px, 2.5vw, 30px); }
  .aleatorio-portada { width: 47%; max-width: 47% }
  .zone-container { padding: clamp(2px, 0.5vw, 6px) clamp(5px, 1vw, 5px); }
  .zone-color { border-radius: 3px; position: absolute; top: 5px; left: 5px; transform-origin: top left; }
  .zone-text { font-size: .75rem; }
  .zone-subtext { font-size: .6rem; }
  .index22pant { height: 50% }
}