/* Widget: Inicio (#inicio) */

.tj-slider-item .slider-content {
  position: relative;
}

.tj-slider-item .slider-content::before,
.tj-slider-item .slider-content::after {
  content: "";
  position: absolute;
  width: 96px;
  height: 96px;
  background-image: radial-gradient(circle, rgba(81, 193, 225, 0.95) 3px, transparent 3.5px);
  background-size: 24px 24px;
  pointer-events: none;
}

.tj-slider-item .slider-content::before {
  top: -56px;
  inset-inline-end: -120px;
  content: none;
}

.tj-slider-item .slider-content::after {
  bottom: -75px;
  inset-inline-start: -100px;
}

/* Keep yellow icon hover for hero CTA button */
.tj-slider-item .slider-content .slider-btn .hero-cta-btn:hover .btn-icon,
.tj-slider-item .slider-content .slider-btn .hero-cta-btn:focus-visible .btn-icon {
  background-color: var(--tj-color-accent-critical);
  border-color: var(--tj-color-accent-critical);
}

.tj-slider-item .slider-content .slider-btn .hero-cta-btn:hover .btn-icon i,
.tj-slider-item .slider-content .slider-btn .hero-cta-btn:focus-visible .btn-icon i {
  color: var(--tj-color-theme-dark);
}

@media (max-width: 991px) {
  .tj-slider-item .slider-content::before,
  .tj-slider-item .slider-content::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .tj-slider-section .hero-navigation {
    top: auto;
    bottom: 24px;
    transform: none;
    justify-content: center;
    gap: 12px;
    padding: 0 16px;
    margin-top: 0;
  }

  .tj-slider-section .hero-navigation .slider-next,
  .tj-slider-section .hero-navigation .slider-prev {
    display: inline-flex;
    margin-top: 0;
    width: 44px;
    height: 44px;
    font-size: 20px;
  }
}