div#listablones a {
        color: white;
        text-decoration: none;
      }
      div#listablones a:hover {
        text-decoration: underline;
        
      }/* frame e index móvil */
      @media (max-width: 1000px) { /* Puedes ajustar el ancho según tus necesidades */
        #frame {
        display: none!important; /* Oculta el frame en pantallas más pequeñas */
        }


        body nav::before {
          display: none!important;
        }
        div#todo {
          margin-left: 0px!important;
          margin-right: 0px!important;
        }
        div.duckduck{
          display:none!important;
        }
        img.rotate {
          min-height: 65px !important;
          min-width: 300px !important;
          margin-top: 40px;
        }
        div.square#banner {
          height: unset !important;
        }
        .img-shadow img {
          border-bottom:none!important;
        }
        div#boards ul {
          margin-left:4px!important;
        }
        .img-shadow img {
          width: 99.8% !important;
          height: auto!important;
        }
        .page {
          width:auto!important;
          margin: 10px auto!important;
        }
        .container {
          display: flex;
          flex-wrap: wrap;
          width: 374px !important;
          margin: unset !important;
          gap: 0px;
        }

        .container .square {
          flex: 0 0 100%; /* Ocupa el ancho completo de la fila */
        }

        /* Aseguramos que el cuarto elemento esté en la segunda posición */
        .container .square:nth-child(1) {
          order: 0;
        }
        .container .square:nth-child(4) {
          order: 0;
        }
        .container .square:nth-child(2) {
          order: 0;
        }
        .container .square:nth-child(3) {
          order: 1;
        }
        .container .square:nth-child(5) {
          order: 0;
        }
        .container .square:nth-child(6) {
          order: 4;
        }
        .container .square:nth-child(7) {
          order: 4;
        }
        div.logo-vamp {
          width: unset!important;
          top: -46px!important;
          left: -3px!important;
        }
        img.logo-vamp {
          width: 393px!important;
          height: 216px!important;
        }
        div.contenedor {
          top: -166px!important;
          margin: 0 auto!important;
        }
        /* movil.css */
        .newthread h2 {
          text-align: center;
          margin-bottom: 13px;
        }

        .form-group {
          display: flex;
          align-items: center;
          margin-bottom: 4px;
          width:auto!important;
        }

        .form-group label {
          width: 70px; /* Ajusta este valor según sea necesario */
          font-weight: bold;
          margin-right: 10px;
        }

        .form-group input[type="text"],
        .form-group textarea {
          flex: 1;
          padding: 5px;
          box-sizing: border-box;
        }

        .form-group textarea {
          resize: vertical;
        }

        .form-group .submit {
          margin-left: auto;
          padding: 5px 10px;
        }

        img {
          max-width: 95%;
        }
        table.postform td {
          text-align: left;
          display: flex;
          /*! visibility: hidden; */
        }
        td#nombre.label {
          display: none!important;;
        }
        td#mail.label {
          display: none!important;
        }
        textarea {
          width: 100% !important;
          max-width: initial;
        }
        span.threadnavlinks a{
          font-size: 14px;
          background: #ffffff26;
          margin: 2px;
          border: 1px solid gray;
          border-radius: 5px;
          padding: 4px;
          text-align: center;
          display: inline-block;
        }
        table.postform tbody tr td[colspan="4"] a {
          font-size: 14px;
          background: #ffffff26;
          margin: 2px;
          border: 1px solid gray;
          border-radius: 5px;
          padding: 4px;
          text-align: center;
        }
        blockquote {
          text-align: left;
          /*margin-left: 10px;*/
          margin-top: .5em;
        }
        table.postform td input[class="submit"] {
          width: auto;
          margin-left: auto;
        }
        input[name="subj"] {
          size: 20px;
          width: 185px !important;
        }
        span.threadnavlinks a {
          margin-right: 7px;
        }
        span.threadnavlinks {
          /*! text-align: right; */
          /*! display: block; */
          /*! margin-bottom: 4px; */
        }
        blockquote p {
          margin-top: 0;
          max-width: 100%;
          /*word-break: break-all; desactivado porque ocasionaba que el post se viera mal*/
        }
      }
      /* Barra */
      div#frame,
label.toggle {
  /*! zoom: 0.9; */
  color: white;
}
/* Firefox (Solo permite ancho y colores básicos) */
#frame {
    scrollbar-width: thin;
}
div#ultimo-post a:link, div#ultimo-post a:hover, div#ultimo-post a:visited {
  color: #ff4747;
}
body nav::before {
  content: "";
  /* background: url('/files/frameborder.gif') top center repeat-y; */
  display: block;
  width: 0px;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 200px;
  cursor: auto;
  border: 2px solid #620404;
  box-shadow: 0px 0px 10px red;
}

#frame {
background-size: 222px !important;
}

#frame {
display: block;
}

#frame {
position: fixed;
left: 0;
top: 0;
background-size: 222px !important;
border: 0;
width: 200px !important;
background-color: black;
height: 100%;
z-index: 100;
font-family: monospace;
overflow: auto;
/* zoom: 0.8; */
font-size:initial !important;
}

input[type=checkbox]:not(:checked)~#todo {
  margin-top: -28px;
}
div.botones a {
  text-decoration: none;
  color:white;
}
div.botones a:hover {
  border:1px solid white;
  color: inherit;
}
span.botones-servicios a {
  border:1px solid white;
  text-decoration: none;
  color:#a3ff81 !important;
  padding: 1px;
  margin:2px;
}
span.botones-servicios a:hover {
  color:white !important;
}
div#todo {
  margin-left: 140px;
  margin-left: 205px;
  margin-right: 0px;
}

.logo-container {
  position: relative;
  display: inline-block;
  /* Asegura que el contenedor se ajuste al tamaño del logo */
}

.logo-link {
  display: inline-block;
  height: 75px; /* 90px - 15px */
  overflow: hidden;
}

.logo {
  position: relative;
  z-index: 2;
  /* Asegura que el logo esté por encima de la línea */
}

.blinking {
  animation: blinking 1s infinite;
}

@keyframes blinking {
  0% {
    opacity: 1;
  }

  49% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  92% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

div#online-count {
  padding: 10px;
  border: 1px solid white;
  margin: 7px;
  width: fit-content;
  border-radius: 3px;
  box-shadow: 0 0 10px #fff, 0 0 0px #fff, 0 0 0px #fff;
}

.line-container {
  position: absolute;
  top: 65px;
  /* Ajusta para que la línea quede justo debajo del logo */
  left: -8px;
  /* Ajusta para alinear con la "V" */
  z-index: 1;
  display: flex;
  align-items: center;
}

.line {
  position: relative;
  border-top: 2px solid #f00;
  width: 173px;
  margin-right: 5px;
  box-shadow: 0 0 5px #f00, 0 0 10px #f00, 0 0 20px #f00;
}

.line::after {
  content: '';
  position: absolute;
  right: -5px;
  top: 5px;
  width: 10px;
  height: 0px;
  border-right: 2px solid #f00;
  border-bottom: 2px solid #f00;
  transform: rotate(-90deg);
  box-shadow: 0 0 5px #f00, 0 0 10px #f00, 0 0 20px #f00;
}

/* Estilo del cuadro con el texto en movimiento */
.text-box {
  position: absolute;
  top: 73px;
  /* Ajuste para acercar más el cuadro a la línea */
  left: -6px;
  width: 100%;
  /* Ancho del cuadro */
  background-color: rgba(0, 0, 0, 0.8);
  /* Fondo semi-transparente */
  color: white;
  padding: 5px;
  border: 1px solid white;
  /* Borde rojo */
  text-align: center;
  border-radius: 2px;
}

/* Estilo para la sección Boards */
.boards-container {
  display: flex;
  /* Hace que los elementos se alineen en una fila */
  align-items: center;
  /* Alinea verticalmente la línea con el texto */
  margin-top: 20px;
  /* Ajusta el margen según necesites */
  padding-left: 10px;
}

.boards-title {
  font-family: Arial, sans-serif;
  color: white;
  font-size: 16px;
  margin-right: 10px;
  /* Espacio entre el texto y la línea */
}

div#listablones {
  /*! font-family: Arial; */
  margin: 3px;
}

div#listablones a {
  color: white;
  text-decoration: none;
}
div#listablones a:hover {
  text-decoration: underline;
}

div#listablones li,
div#listablones li::marker {
  margin-bottom: 2px;
  color: red;
}
div#listablones li, div#listablones li::marker {
  margin-left: 12px;
}

#listablones li:has(a[href="/galeria/"])::marker {
color: #FF00D7; /* Verde mar */
}

.boards-line2 {
  border-top: 3px solid #434343;
  width: 88px;
  /* Ancho de la línea */
  position: relative;
  right: 6px;
  top: 1px;
}

.boards-line2::after {
  content: '';
  position: absolute;
  right: -6px;
  top: 5px;
  /* Ajusta la altura del triángulo */
  width: 10px;
  height: 0px;
  border-right: 3px solid #434343;
  border-bottom: 3px solid #434343;
  transform: rotate(-90deg);
}

.boards-line1 {
  border-top: 3px solid #434343;
  width: 107px;
  /* Ancho de la línea */
  position: relative;
  right: 6px;
  top: 1px;
}

.boards-line1::after {
  content: '';
  position: absolute;
  right: -6px;
  top: 4px;
  /* Ajusta la altura del triángulo */
  width: 10px;
  height: 0px;
  border-right: 3px solid #434343;
  border-bottom: 3px solid #434343;
  transform: rotate(-90deg);
}

.boards-line {
  border-top: 3px solid #434343;
  width: 112px;
  /* Ancho de la línea */
  position: relative;
  right: 6px;
  top: 1px;
}

.boards-line::after {
  content: '';
  position: absolute;
  right: -6px;
  top: 4px;
  /* Ajusta la altura del triángulo */
  width: 10px;
  height: 0px;
  border-right: 3px solid #434343;
  border-bottom: 3px solid #434343;
  transform: rotate(-90deg);
}


div.irc-d {
  font-family: Arial, sans-serif;
  margin-left: 7px;
  margin-top: 30px;
}

div.text-box,
div#fecha-hora,
div#online-count {
  font-size: medium;
}
.notificacion {
  background-color: #000; /* rojo neón */
  color: #f00;
  border-radius: 30px;
  font-size: 12px;
  padding: 0px;
  text-shadow: 0 0 11px #f00, 0 0 10px #f00, 0 0 20px #f00;
  font-weight: bold;
}