/*
==============================================
IMPERIO A&P INMOBILIARIO - TEMA AZUL CLARO
Sobrescribe los colores naranja/dorado por azul claro
==============================================
*/

/* Variables de color azul claro */
:root {
  /* Colores principales - Azul Claro */
  --primary-color: #00A8E8 !important;
  --primary-color-dark: #0077B6 !important;
  --primary-color-light: #48CAE4 !important;
  --secondary-color: #F0F9FF !important;
  --primary-color-200: #E6F7FF !important;
  --primary-color-400: #90E0EF !important;
  
  /* Bootstrap overrides */
  --bs-primary-rgb: 0, 168, 232 !important;
  --bs-secondary-rgb: 240, 249, 255 !important;
  --bs-gray-100: #E6F7FF !important;
}

/* Sobrescribir colores de texto */
.text-primary {
  color: #00A8E8 !important;
}

/* Sobrescribir colores de fondo */
.bg-primary {
  background-color: #00A8E8 !important;
}

/* Sobrescribir colores de enlaces */
a:hover {
  color: #00A8E8 !important;
}

/* Sobrescribir colores de SVG */
svg.primary-color {
  color: #00A8E8 !important;
}

svg.social:hover {
  color: #00A8E8 !important;
}

/* Sobrescribir colores de navegación */
a.nav-link.active,
a.nav-link:hover {
  color: #00A8E8 !important;
}

/* Sobrescribir colores de paginación Swiper */
.room-pagination .swiper-pagination-bullet {
  background-color: #00A8E8 !important;
}

.room-pagination .swiper-pagination-bullet-active {
  background-color: #00A8E8 !important;
}

/* Sobrescribir colores de servicios */
.service:hover {
  border: 1px solid #00A8E8 !important;
}

/* Sobrescribir colores de paginación */
.pagination {
  --bs-pagination-hover-bg: #00A8E8 !important;
  --bs-pagination-hover-border-color: #00A8E8 !important;
  --bs-pagination-focus-bg: #00A8E8 !important;
  --bs-pagination-active-bg: #00A8E8 !important;
  --bs-pagination-active-border-color: #00A8E8 !important;
}

/* Sobrescribir colores de formularios */
.form-check-input:checked {
  background-color: #00A8E8 !important;
  border-color: #00A8E8 !important;
}

/* Sobrescribir colores de botones de filtro */
button.filter-button.active,
button.filter-button:hover {
  background: #00A8E8 !important;
}

/* Sobrescribir colores de iconos */
iconify-icon.quote {
  color: #00A8E8 !important;
}

.rate {
  color: #00A8E8 !important;
}

/* Sobrescribir colores de acordeón */
.accordion {
  --bs-accordion-border-color: #00A8E8 !important;
}

.accordion-header {
  border-top: 1px solid #00A8E8 !important;
}

/* Sobrescribir colores del header sticky */
#header.sticky-header {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 2px 10px rgba(0, 168, 232, 0.1) !important;
}

/* Botón Panel Empleado/Admin */
.btn-primary,
button.btn-primary,
a.btn-primary {
  background: linear-gradient(135deg, #00A8E8 0%, #0077B6 100%) !important;
  border-color: #00A8E8 !important;
  box-shadow: 0 4px 15px rgba(0, 168, 232, 0.3) !important;
}

.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
  background: linear-gradient(135deg, #0077B6 0%, #005A8D 100%) !important;
  border-color: #0077B6 !important;
  box-shadow: 0 6px 20px rgba(0, 168, 232, 0.4) !important;
}

/* Botones secundarios */
.btn-outline-primary {
  color: #00A8E8 !important;
  border-color: #00A8E8 !important;
}

.btn-outline-primary:hover {
  background-color: #00A8E8 !important;
  border-color: #00A8E8 !important;
  color: white !important;
}

/* Badges y etiquetas */
.badge-primary {
  background-color: #00A8E8 !important;
}

/* Enlaces de navegación activos */
.nav-link.active {
  color: #00A8E8 !important;
  border-bottom-color: #00A8E8 !important;
}

/* Iconos de redes sociales */
.social-icon:hover {
  color: #00A8E8 !important;
  background-color: rgba(0, 168, 232, 0.1) !important;
}

/* Títulos con color primario */
h1.text-primary,
h2.text-primary,
h3.text-primary,
h4.text-primary,
h5.text-primary,
h6.text-primary {
  color: #00A8E8 !important;
}

/* Bordes con color primario */
.border-primary {
  border-color: #00A8E8 !important;
}

/* Sombras con color primario */
.shadow-primary {
  box-shadow: 0 4px 15px rgba(0, 168, 232, 0.2) !important;
}

/* Hover effects generales */
.hover-primary:hover {
  color: #00A8E8 !important;
}

/* Botón de WhatsApp en hero */
.btn-arrow.btn-primary {
  background: linear-gradient(135deg, #00A8E8 0%, #0077B6 100%) !important;
  box-shadow: 0 4px 15px rgba(0, 168, 232, 0.4) !important;
}

.btn-arrow.btn-primary:hover {
  background: linear-gradient(135deg, #0077B6 0%, #005A8D 100%) !important;
  box-shadow: 0 8px 25px rgba(0, 168, 232, 0.5) !important;
}

/* Inputs focus */
input:focus,
textarea:focus,
select:focus {
  border-color: #00A8E8 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 168, 232, 0.25) !important;
}

/* Progress bars */
.progress-bar {
  background-color: #00A8E8 !important;
}

/* Alerts */
.alert-primary {
  background-color: rgba(0, 168, 232, 0.1) !important;
  border-color: #00A8E8 !important;
  color: #0077B6 !important;
}

/* Tabs */
.nav-tabs .nav-link.active {
  color: #00A8E8 !important;
  border-color: #00A8E8 #00A8E8 #fff !important;
}

/* Dropdowns */
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(0, 168, 232, 0.1) !important;
  color: #00A8E8 !important;
}

/* Spinners */
.spinner-border {
  border-color: #00A8E8 !important;
  border-right-color: transparent !important;
}

/* Tooltips */
.tooltip-inner {
  background-color: #00A8E8 !important;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  border-top-color: #00A8E8 !important;
}

/* Popovers */
.popover-header {
  background-color: #00A8E8 !important;
  color: white !important;
}

/* Cards con borde primario */
.card-primary {
  border-color: #00A8E8 !important;
}

.card-header-primary {
  background-color: #00A8E8 !important;
  color: white !important;
}

/* Lista de grupos */
.list-group-item.active {
  background-color: #00A8E8 !important;
  border-color: #00A8E8 !important;
}

/* Breadcrumbs */
.breadcrumb-item.active {
  color: #00A8E8 !important;
}

/* Footer links */
footer a:hover {
  color: #00A8E8 !important;
}

/* Swiper pagination bullets */
.swiper-pagination-bullet-active {
  background: #00A8E8 !important;
}

/* Custom scrollbar */
::-webkit-scrollbar-thumb {
  background: #00A8E8 !important;
}

::-webkit-scrollbar-thumb:hover {
  background: #0077B6 !important;
}