/* funcionamiendo del sidebar start*/
/* Oculto por defecto */
#sidebar {
  display: none;
}

/* Mostrar cuando tiene clase 'sidebar-visible' */
#sidebar.sidebar-visible {
  display: block;
}

/* En pantallas grandes, mostrar por defecto */
@media (min-width: 1024px) {
  #sidebar {
    display: block;
  }

  /* Pero ocultar si tiene clase 'sidebar-hidden' */
  #sidebar.sidebar-hidden {
    display: none;
  }
}

/* funcionamiendo del sidebar end*/

/*1002*/
.wrapped-thumbs::-webkit-scrollbar {
  display: none;
}

/*2092*/
@media screen and (max-width: 1024px) {

  /*2316*/
  .wrapped-thumbs {
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .box {
    display: grid;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
    /* overflow-x: scroll; */
    /* display: block; */
    /* -webkit-column-count: 11; */
        /* -moz-column-count: 11; */
            /* column-count: 11; */
    /* -webkit-column-gap: 45vw; */
        /* -moz-column-gap: 45vw; */
            /* column-gap: 45vw; */
    /* overflow-x: auto; */
    /* -webkit-overflow-scrolling: touch; */
    /* overflow-y: hidden; */
    /* width: 270vw; */
    /* width: 100%; */
    /* -ms-flex-negative: 0; */
    /* flex-shrink: 0; */
  }

  .item {
      width: 45vw;
      display: inline-block;
      margin: 0;
      padding: 5px;
  }
}


.boton-llamativo {
    display: inline-block;
    background-color: #ff0066;
    color: white;
    padding: 16px 32px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s, transform 0.2s;
  }

  .boton-llamativo:hover {
    background-color: #e6005c;
    transform: scale(1.05);
  }

.seotext {
  padding: 0% 5%;
}


/* Estilo para el enlace común dentro de .seotext */
.seotext a:not(.boton-llamativo) {
  color: #ff00ee;
  text-decoration: underline;
  display: inline-block;
}