/* -----------------------------
   Animación y ocultamiento
------------------------------ */

/* Ocultar publicaciones extra */
.hidden-items-nac,
.hidden-items-int {
  display: none;
}

/* Mostrar al activar checkbox (Nacionales) */
#toggle-more-nac:checked ~ .hidden-items-nac {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* Mostrar al activar checkbox (Internacionales) */
#toggle-more-int:checked ~ .hidden-items-int {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* -----------------------------
      Estilo Botón Ver Más
------------------------------ */

.btn-ver-mas {
  display: inline-block;
  padding: 10px 25px;
  background: #f82249;
  color: #fff;
  border-radius: 50px;
  font-size: 16px;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}

/* Texto por defecto: Ver más */
.btn-ver-mas::after {
  content: attr(data-text-open);
}

/* Cambiar texto al abrir (Nacionales) */
#toggle-more-nac:checked ~ .text-center .btn-ver-mas::after {
  content: attr(data-text-close);
}

/* Cambiar texto al abrir (Internacionales) */
#toggle-more-int:checked ~ .text-center .btn-ver-mas::after {
  content: attr(data-text-close);
}

.btn-ver-mas:hover {
  background: #d51c3e;
}

/* WhatsApp en menú escritorio */
.nav-menu li.whatsapp-menu a {
  display: flex;
  align-items: center;
  background: #25d366;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: bold;
  transition: background 0.3s;
}

.nav-menu li.whatsapp-menu a img {
  height: 24px;
  width: 24px;
  margin-right: 6px;
}

.nav-menu li.whatsapp-menu a:hover {
  background: #1ebe57;
  color: #fff;
}

/* WhatsApp móvil flotante */
.whatsapp-mobile {
  display: none;
  position: fixed;
  top: 10px;
  right: 15px;
  z-index: 9999;
}

.whatsapp-mobile img {
  width: 40px;
  height: 40px;
}

/* Mostrar solo en móvil */
@media screen and (max-width: 768px) {
  .whatsapp-menu {
    display: none;
  }
  .whatsapp-mobile {
    display: block;
  }
}

/* banner clasificados */
.btn-wsp-clasificados {
  display: inline-flex;
  align-items: center;
  background: #25d366;
  color: #fff;
  padding: 12px 25px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.3s ease;
}

.btn-wsp-clasificados img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.btn-wsp-clasificados:hover {
  background: #1ebe57;
  color: #fff;
}

/* Reduce espacio debajo del título */
#clasificados .section-header,
#clasificados-nacionales .section-header,
#clasificados-internacionales .section-header {
  margin-bottom: 20px !important;
}

/* Ajuste del espacio del botón */
.btn-wsp-wrapper {
  margin-top: 5px !important;
  margin-bottom: 30px !important;
}