/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/



.hover-text-dark:hover {
  color: #000 !important;
  transition: color 0.2s ease;
}

.hover-bg-white:hover {
  background-color: #fff !important;
  color: #000 !important;
  transition: all 0.2s ease;
}

.hover-text-white:hover {
  color: #fff !important;
  transition: color 0.2s ease;
}

.transition-colors {
  transition: all 0.2s ease;
}

.tracking-tight {
  letter-spacing: -0.025em !important;
}

.object-fit-cover {
  object-fit: cover !important;
}

/* Gradients personalizados */
.bg-gradient-to-t {
  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%) !important;
}

.bg-gradient-to-b {
  background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.8) 80%, #f8f9fa 100%) !important;
}

/* Overlay hover effects */
.hover-overlay {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.group:hover .hover-overlay {
  opacity: 1 !important;
}

/* Transiciones */
.transition-scale {
  transition: transform 0.3s ease;
}

.transition-scale:hover {
  transform: scale(1.05);
}

.transition-slide {
  transition: transform 0.2s ease;
}

.group:hover .transition-slide {
  transform: translateX(4px);
}

/* Aspect ratio utilities */
.aspect-1-1 {
  aspect-ratio: 1 / 1 !important;
}

/* Filtro monocromo (mismo que Tailwind) */
.monochrome-filter {
  filter: grayscale(100%) contrast(1.1);
}

/* Personalización scroll */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Newsletter input personalizado */
.form-control:focus {
  background-color: #1a1a1a !important;
  border-color: #fff !important;
  box-shadow: none !important;
}

/* Text decoration underline personalizada */
.text-decoration-underline {
  text-decoration-thickness: 4px !important;
  text-underline-offset: 8px !important;
}