/* Inicio cabecera Raspatodo */

.container-header {

    background-color: #fff;

    background-image: none;

    box-shadow: 0 1px 5px rgba(0,0,0,.08);

}

.container-header .navbar-brand {

    color: #222;

}

.container-header .navbar-brand img {

    width: 190px;

    max-width: 100%;

    height: auto;

}

.container-header .mod-menu,

.container-header .mod-menu a,

.container-header .navbar-toggler {

    color: #111;

}

.container-header .mod-menu a:hover,

.container-header .mod-menu .current > a {

    color: #ff2924;

}

/* Fin cabecera Raspatodo */




/* Presentación del contenido recuperado */

.article-info { display: none; }

.com-content-article {

  max-width: 1200px;

  margin: 24px auto;

  padding: 0 20px;

}

.com-content-article img {

  max-width: 100%;

  height: auto;

}

.container-header .mod-menu {

  display: flex;

  flex-wrap: wrap;

  gap: 24px;

}

.container-header .container-nav {

  padding-bottom: 16px;

}




/* Banner recuperado de la portada */

#raspatodo-banner {

  width: 100%;

  margin: 0 auto 36px;

  background: #171717 url("/images/recuperadas/01-2026-banner-fondo.png") center center / cover no-repeat;

  overflow: hidden;

}

#raspatodo-banner > img {

  display: block;

  width: 100%;

  max-width: none;

  height: auto;

  margin: 0;

}




#raspatodo-banner { display: block; }

.rt-juegos { padding: 15px 0 40px; }

.rt-juegos > h2 {

  text-align: center;

  color: #54205e;

  margin-bottom: 28px;

}

.rt-grid {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 24px;

}

.rt-card {

  display: flex;

  flex-direction: column;

  align-items: center;

  padding: 20px;

  border: 1px solid #eee;

  border-radius: 12px;

  color: #54205e;

  text-align: center;

  text-decoration: none;

  background: white;

}

.rt-card:hover { border-color: #54205e; }

.rt-card img { width: 100%; height: 190px; object-fit: contain; }

.rt-card h3 { font-size: 1.15rem; margin: 18px 0 12px; }

.rt-card span { margin-top: auto; }

@media (max-width: 900px) {

  .rt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

}

@media (max-width: 480px) {

  .rt-grid { grid-template-columns: 1fr; }

}




.rt-footer {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 32px;

  width: 100%;

  padding: 30px 20px;

}

.rt-footer h3 { font-size: 1.15rem; }

.rt-footer ul { padding-left: 20px; }

.rt-footer a { color: inherit; }

@media (max-width: 700px) {

  .rt-footer { grid-template-columns: 1fr; }

}




.com-content-article .pagenavigation,

.com-content-article .pagination {

  display: none;

}

#rt-documentos {

  width: 100%;

  padding: 0 20px 25px;

}

#rt-documentos a { color: inherit; }




/* Identidad recuperada */

.rt-topbar { background: #ff2924; color: #fff; }

.rt-topbar-inner {

  max-width: 1200px; margin: auto; padding: 9px 20px;

  display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap;

}

.rt-topbar a { color: #fff; text-decoration: none; font-size: 13px; }

.rt-redes { display: flex; gap: 18px; flex-wrap: wrap; }



.container-header {

  display: grid;

  grid-template-columns: minmax(20px,1fr) minmax(0,240px) minmax(0,960px) minmax(20px,1fr);

  column-gap: 0;

  background: #fff;

}

.container-header > .container-topbar {

  grid-column: 1 / -1; grid-row: 1; width: 100%; padding: 0;

}

.container-header > .grid-child:not(.container-nav) {

  grid-column: 2; grid-row: 2; width: 100%; padding: 16px 0;

}

.container-header > .container-nav {

  grid-column: 3; grid-row: 2; width: 100%;

  justify-content: flex-end; padding: 12px 0;

}

.container-header .navbar-brand { margin: 0; }

.container-header .mod-menu { gap: 22px; align-items: center; }

.container-header .mod-menu > li { position: relative; }

.container-header .mod-menu > li > a,

.container-header .mod-menu > li > span { font-size: 13px; text-transform: uppercase; }

.container-header .mod-menu li > ul {

  display: none; position: absolute; z-index: 100;

  min-width: 240px; padding: 14px; margin: 0;

  background: #fff; box-shadow: 0 5px 18px #0002; list-style: none;

}

.container-header .mod-menu li:hover > ul,

.container-header .mod-menu li:focus-within > ul { display: block; }

.container-header .mod-menu li > ul li { padding: 6px 0; }



.footer { background: #1c1c36; background-image: none; margin-top: 0; }

.footer > .grid-child { display: block; max-width: none; padding: 0; width: 100%; }

.rt-footer-original {

  max-width: 1200px; margin: auto; padding: 60px 24px;

  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 40px;

  color: #fff;

}

.rt-footer-original a { color: #fff; text-decoration: none; }

.rt-footer-original a:hover { text-decoration: underline; }

.rt-footer-original h3 {

  font-size: 16px; font-weight: 400; text-transform: uppercase; margin: 0 0 28px;

}

.rt-footer-original h3::after {

  content: ""; display: block; width: 25px; height: 2px;

  background: #ff2924; margin-top: 22px;

}

.rt-footer-original ul { list-style: none; padding: 0; margin: 20px 0; }

.rt-footer-original li { margin: 9px 0; }

.rt-footer-original p, .rt-footer-original li { font-size: 14px; }

.rt-footer-logo { width: 180px; height: auto; }

.rt-supervision { width: 200px; max-width: 100%; height: auto; margin-top: 45px; }

.rt-footer-column > .rt-redes { margin-top: 65px; font-size: 13px; }

.rt-legal-original { background: #222; color: #fff; text-align: center; padding: 35px 20px 18px; }

.rt-legal-original img { width: 640px; max-width: 100%; height: auto; }

.rt-legal-original p { max-width: 1160px; margin: 45px auto 0; text-align: left; font-size: 12px; }



@media (max-width: 950px) {

  .container-header { display: block; }

  .container-header > .grid-child:not(.container-nav) { padding: 16px 20px; }

  .container-header > .container-nav { padding: 12px 20px; justify-content: flex-start; }

  .rt-footer-original { grid-template-columns: repeat(2,minmax(0,1fr)); }

}

@media (max-width: 550px) {

  .rt-footer-original { grid-template-columns: 1fr; gap: 30px; padding: 35px 20px; }

  .rt-footer-column > .rt-redes { margin-top: 24px; }

  .rt-topbar-inner { gap: 8px; }

}




.com-content-article:has(#raspatodo-banner) { margin-top: 0; }

#rt-home-extra { max-width: 1200px; margin: auto; padding: 20px; }

.rt-promocion { text-align: center; margin: 35px 0; }

.rt-promocion img { width: 800px; max-width: 100%; height: auto; }

.rt-concesionarios {

  display: grid; grid-template-columns: repeat(4,minmax(0,1fr));

  align-items: center; gap: 35px; padding: 35px 0;

}

.rt-concesionarios > * { text-align: center; }

.rt-concesionarios img { width: 190px; max-width: 100%; height: 100px; object-fit: contain; }

.rt-noticias { padding: 35px 0 50px; }

.rt-noticias > h2 { text-align: center; color: #54205e; margin-bottom: 30px; }

.rt-noticias-grid {

  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;

}

.rt-noticia {

  display: flex; flex-direction: column; padding: 25px;

  border: 1px solid #eee; border-radius: 10px;

  color: #54205e; text-decoration: none;

}

.rt-noticia h3 { font-size: 18px; line-height: 1.5; }

.rt-noticia span { margin-top: auto; padding-top: 20px; }

.rt-contacto { padding: 35px 0 70px; }

.rt-contacto h1 { text-align: center; margin-bottom: 45px; }

.rt-contacto-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; }

.rt-contacto-grid > div { background: #fafafa; padding: 30px; overflow-wrap: anywhere; }

.rt-contacto-grid h2 { font-size: 19px; }

.rt-contacto-grid a { color: #54205e; }



@media(max-width:750px) {

  .rt-noticias-grid { grid-template-columns: 1fr; }

  .rt-contacto-grid { grid-template-columns: 1fr; }

  .rt-concesionarios { grid-template-columns: repeat(2,minmax(0,1fr)); }

}



/* Promoción original y aliados */

.rt-promocion {

  background: url("/images/recuperadas/2024/04/13/mancha.jpg") center/cover no-repeat;

  padding: 50px 20px;

  text-align: center;

}

.rt-promocion img {

  display: block;

  width: min(800px, 100%);

  height: auto;

  margin: auto;

}

.rt-concesionarios {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  gap: 28px;

  padding: 45px 20px;

}

.rt-concesionarios img {

  max-width: 200px;

  max-height: 120px;

  object-fit: contain;

}



/* Menú lateral */

.rt-menu-toggle {

  position: fixed;

  right: 0;

  top: 150px;

  z-index: 1000;

  background: #fff;

  color: #d71920;

  border: 1px solid #ddd;

  padding: 10px 15px;

  font-size: 25px;

  cursor: pointer;

}

#rt-menu-lateral {

  box-sizing: border-box;

  width: min(340px, 100vw);

  height: 100dvh;

  max-height: 100dvh;

  margin: 0 0 0 auto;

  padding: 24px;

  border: 0;

  background: white;

  color: #222;

}

#rt-menu-lateral::backdrop { background: #0008; }

.rt-menu-cabecera {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 25px;

}

.rt-menu-cerrar {

  background: transparent;

  border: 0;

  font-size: 30px;

  cursor: pointer;

}

#rt-menu-lateral nav a {

  display: block;

  padding: 14px 10px;

  border-bottom: 1px solid #eee;

  color: #222;

  text-decoration: none;

}

#rt-menu-lateral nav a:hover,

#rt-menu-lateral nav a:focus {

  background: #d71920;

  color: white;

}





/* Raspatodo: bloques de ancho completo */

body { overflow-x: clip; }



#raspatodo-banner,

.rt-promocion {

  position: relative;

  left: 50%;

  width: 100vw;

  max-width: none;

  margin-left: -50vw;

  margin-right: 0;

  box-sizing: border-box;

}



#raspatodo-banner {

  display: block;

}



#raspatodo-banner img {

  display: block;

  width: 100%;

  max-width: none;

  height: auto;

}



.rt-promocion {

  padding: 65px 20px;

  background-position: center;

  background-size: cover;

}



.rt-promocion img {

  width: min(800px, 100%);

  height: auto;

  margin: auto;

}



@media (max-width: 700px) {

  .rt-promocion { padding: 35px 15px; }

}





/* Botones originales de juegos */

.rt-selector-original { text-align:center; margin:25px auto 35px; }

.rt-selector-titulo { display:block; max-width:280px; width:80%; margin:0 auto 18px; }

.rt-selector-opciones { display:flex; justify-content:center; flex-wrap:wrap; gap:18px; }

.rt-selector-opciones a { width:130px; }

.rt-selector-opciones img { width:100%; height:auto; }

.rt-botones-originales {

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:24px;

  max-width:1100px;

  margin:0 auto 40px;

}

.rt-boton-original { display:block; }

.rt-boton-original img { display:block; width:100%; height:auto; }

.rt-boton-original:hover { transform:translateY(-3px); }

.rt-volver-arriba {

  position:fixed; bottom:20px; right:20px; z-index:1000;

  background:#ff2924; color:white; border:0;

  width:42px; height:42px; font-size:25px; cursor:pointer;

}

@media(max-width:800px) {

  .rt-botones-originales { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }

}




/* Tamaño del selector recuperado */

.com-content-article .rt-selector-original > img.rt-selector-titulo {

  width: 280px !important;

  max-width: 85% !important;

  height: auto !important;

  margin: 0 auto 22px;

}




/* Proporción del contenido central del banner */

#raspatodo-banner {

  padding: 40px 20px 25px;

  background-position: center;

  background-size: cover;

}

#raspatodo-banner img {

  width: 100%;

  max-width: 900px;

  height: auto;

  margin: 0 auto;

}

.rt-noticias .rt-noticia-imagen {

  display: block;

  width: 100%;

  height: 210px;

  object-fit: cover;

  margin-bottom: 18px;

}

@media(max-width:700px) {

  #raspatodo-banner { padding: 20px 10px; }

  .rt-noticias .rt-noticia-imagen { height: auto; }

}




/* Banner más parecido al original */

#raspatodo-banner {

  position: relative;

  min-height: 430px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-position: center;

  background-size: cover;

}



#raspatodo-banner img {

  width: min(720px, 72vw);

  max-width: 720px;

}



#raspatodo-banner::before,

#raspatodo-banner::after {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 42px;

  height: 42px;

  border-radius: 50%;

  background: rgba(0,0,0,.65);

  color: #fff;

  display: grid;

  place-items: center;

  font-size: 34px;

  line-height: 1;

  z-index: 5;

}



#raspatodo-banner::before {

  content: "‹";

  left: 32px;

}



#raspatodo-banner::after {

  content: "›";

  right: 32px;

}



.rt-noticias .rt-noticia-imagen {

  display: block;

  width: 100%;

  height: 210px;

  object-fit: cover;

  margin-bottom: 18px;

}



@media(max-width:700px) {

  #raspatodo-banner {

    min-height: 300px;

  }



  #raspatodo-banner img {

    width: 85vw;

  }



  #raspatodo-banner::before,

  #raspatodo-banner::after {

    width: 34px;

    height: 34px;

    font-size: 28px;

  }



  #raspatodo-banner::before { left: 12px; }

  #raspatodo-banner::after { right: 12px; }

}




/* Banner con una única composición disponible */

#raspatodo-banner::before,

#raspatodo-banner::after {

  content: none !important;

  display: none !important;

}



/* Recuperacion visual original v2 */

.rt-red-icono {

  display:inline-flex !important; align-items:center; justify-content:center;

  width:22px; height:22px; color:#fff !important;

  text-decoration:none !important; margin-right:8px;

}

.rt-red-icono svg { width:15px; height:15px; display:block; }

.rt-aliados-original {

  display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr));

  gap:22px; max-width:920px; margin:35px auto;

  align-items:stretch;

}

.rt-aliado-tarjeta {

  display:flex !important; align-items:center; justify-content:center;

  min-width:0; width:100%; min-height:130px; padding:12px;

  background:#f8f8f8; box-shadow:4px 5px 3px #0002;

  box-sizing:border-box; margin:0;

}

.rt-aliado-tarjeta img {

  display:block; width:100% !important; max-width:190px !important;

  height:105px !important; object-fit:contain;

}

#raspatodo-banner.rt-carrusel {

  display:block !important; position:relative;

  padding-bottom:35px;

}

#raspatodo-banner.rt-carrusel::before,

#raspatodo-banner.rt-carrusel::after {

  display:none !important; content:none !important;

}

.rt-slide { display:flex; align-items:center; justify-content:center; width:100%; }

.rt-slide[hidden] { display:none !important; }

.rt-slide > a { display:block; width:100%; }

#raspatodo-banner .rt-slide img { display:block; margin:auto; }

.rt-carrusel-flecha {

  position:absolute; top:50%; transform:translateY(-50%);

  display:grid; place-items:center; width:42px; height:42px;

  border:0; border-radius:50%; background:#000a; color:white;

  font-size:32px; line-height:1; cursor:pointer; z-index:5;

}

.rt-carrusel-anterior { left:16px; }

.rt-carrusel-siguiente { right:16px; }

.rt-carrusel-puntos {

  position:absolute; bottom:10px; left:50%; transform:translateX(-50%);

  display:flex; gap:7px; z-index:5;

}

.rt-carrusel-puntos button {

  display:block; width:13px; height:13px; padding:0;

  border:2px solid white; border-radius:50%;

  background:#777; cursor:pointer;

}

.rt-carrusel-puntos button[aria-current="true"] { background:white; }

@media(max-width:600px) {

  .rt-aliados-original { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }

  .rt-aliado-tarjeta { min-height:110px; }

  .rt-carrusel-flecha { width:32px; height:32px; font-size:25px; }

  .rt-carrusel-anterior { left:6px; }

  .rt-carrusel-siguiente { right:6px; }

}



/* Encabezado original y avance automatico v3 */

header.container-header.rt-cabecera-compacta {

  position:sticky !important;

  top:0 !important;

  z-index:1030;

  display:grid !important;

  grid-template-columns:160px minmax(0,1fr);

  align-items:center;

  width:100%;

  max-width:none;

  min-height:72px !important;

  height:auto !important;

  padding:6px max(16px,calc((100% - 960px)/2)) !important;

  margin:0 !important;

  background:#fff !important;

  background-image:none !important;

  box-shadow:0 2px 5px #0001;

  box-sizing:border-box;

  overflow:visible;

}

.rt-cabecera-compacta > .container-topbar {

  position:absolute; width:0; height:0; padding:0; margin:0;

}

.rt-cabecera-compacta > .grid-child {

  width:100% !important; max-width:none !important;

  padding:0 !important; margin:0 !important; min-width:0;

}

.rt-cabecera-compacta .navbar-brand {

  padding:0 !important; margin:0 !important;

}

.rt-cabecera-compacta .brand-logo img {

  width:140px !important; height:58px !important;

  max-width:100%; object-fit:contain;

}

.rt-cabecera-compacta .container-nav {

  min-height:0 !important; justify-content:flex-end;

}

.rt-cabecera-compacta #mod-menu1 {

  display:flex; justify-content:flex-end; align-items:center;

  gap:18px; margin:0 !important; padding:0 !important;

}

.rt-cabecera-compacta #mod-menu1 > li {

  margin:0 !important; padding:0 !important;

}

.rt-cabecera-compacta #mod-menu1 > li > a {

  font-size:10px !important; white-space:nowrap;

}

.rt-cabecera-compacta .mod-menu__toggle-sub {

  padding:3px; margin:0;

}

.rt-topbar { margin:0; }

.rt-topbar-inner {

  max-width:960px !important; margin:auto;

  padding:7px 16px !important; font-size:10px;

}

footer.container-footer {

  margin-top:0 !important; padding:0 !important;

}

footer.container-footer > .grid-child {

  width:100%; max-width:none !important;

  margin:0 !important; padding:0 !important;

}

.rt-footer-original {

  display:grid !important;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:30px; max-width:960px !important;

  margin:auto !important; padding:40px 16px !important;

}

.rt-footer-column { min-width:0; font-size:12px; }

.rt-footer-column h3 { font-size:13px !important; }

.rt-footer-logo {

  width:140px !important; height:auto !important;

}

.rt-footer-column ul { padding:0; margin:20px 0; }

.rt-footer-column li { margin:0 0 7px; }

.rt-supervision {

  width:155px !important; height:auto !important;

  margin-top:40px !important;

}

.rt-legal-original { padding:25px 16px 15px !important; }

.rt-legal-original img {

  width:min(480px,100%) !important; height:auto !important;

}

.rt-legal-original p {

  max-width:960px; margin:30px auto 0; font-size:10px;

}

.rt-carrusel-pausa {

  position:absolute; bottom:8px; right:65px;

  z-index:6; border:1px solid #fff8; border-radius:3px;

  background:#0009; color:white; padding:3px 8px;

  font-size:11px; cursor:pointer;

}

@media(max-width:850px) {

  header.container-header.rt-cabecera-compacta {

    grid-template-columns:140px minmax(0,1fr);

    padding:6px 16px !important;

  }

  .rt-cabecera-compacta #mod-menu1 { gap:8px; flex-wrap:wrap; }

}

@media(max-width:600px) {

  header.container-header.rt-cabecera-compacta {

    grid-template-columns:1fr;

  }

  .rt-cabecera-compacta > .container-nav { display:none !important; }

  .rt-footer-original { grid-template-columns:repeat(2,minmax(0,1fr)); }

}





/* Alineacion de logo y proporcion de banner v4 */

header.container-header.rt-cabecera-compacta {

  grid-template-columns:190px minmax(0,1fr) !important;

  column-gap:20px;

}

header.rt-cabecera-compacta > .grid-child:not(.container-nav) {

  grid-area:auto !important;

  grid-column:1 !important;

  grid-row:1 !important;

  justify-self:stretch !important;

  align-self:center !important;

}

header.rt-cabecera-compacta > .container-nav {

  grid-area:auto !important;

  grid-column:2 !important;

  grid-row:1 !important;

  align-self:center !important;

}

header.rt-cabecera-compacta .navbar-brand,

header.rt-cabecera-compacta .brand-logo {

  display:flex !important;

  align-items:center;

  justify-content:flex-start !important;

  width:100%;

  margin:0 !important;

  padding:0 !important;

}

header.rt-cabecera-compacta .brand-logo img {

  width:180px !important;

  height:60px !important;

  object-fit:contain;

  object-position:left center;

}

#raspatodo-banner .rt-slide img {

  width:min(900px,85vw) !important;

  max-width:900px !important;

  height:auto !important;

  margin:0 auto !important;

}

@media(max-width:850px) {

  header.container-header.rt-cabecera-compacta {

    grid-template-columns:160px minmax(0,1fr) !important;

    column-gap:10px;

  }

  header.rt-cabecera-compacta .brand-logo img {

    width:155px !important;

  }

}

@media(max-width:600px) {

  header.container-header.rt-cabecera-compacta {

    grid-template-columns:1fr !important;

  }

  #raspatodo-banner .rt-slide img {

    width:92vw !important;

    max-width:100% !important;

  }

}