/**
 * Lotes y Terrenos en Facilidades
 * Paleta de colores de marca
 *
 * Colores extraídos del logotipo:
 * - Azul Marino: #1e3a5f (primary)
 * - Naranja: #e5673a (secondary/accent)
 * - Dorado: #f9a825 (highlight)
 * - Verde: #4a7c59 (nature/success)
 */

:root {
    /* Colores principales - Override del template */
    --ul-primary: #1e3a5f;
    --ul-secondary: #1e3a5f;
    --ul-primary-rgb: 30, 58, 95;

    /* Colores de acento */
    --brand-orange: #e5673a;
    --brand-gold: #f9a825;
    --brand-green: #4a7c59;
    --brand-navy: #1e3a5f;

    /* Gradientes */
    --brand-gradient: linear-gradient(135deg, #1e3a5f 0%, #2d5a8a 100%);
    --brand-gradient-warm: linear-gradient(135deg, #e5673a 0%, #f9a825 100%);
}

/* ========================================
   HEADER / NAVEGACIÓN
   ======================================== */

/* Logo en header */
.ul-header .ul-header-logo img {
    max-height: 50px;
    width: auto;
}

.ul-header .ul-header-logo {
    display: flex;
    align-items: center;
}

/* Links de navegación */
.ul-header .ul-header-nav ul li a {
    color: #1e3a5f;
}

.ul-header .ul-header-nav ul li a:hover,
.ul-header .ul-header-nav ul li a.active {
    color: #e5673a;
}

/* ========================================
   SUBMENU DE DESARROLLOS
   ======================================== */

/* Asegurar que el submenú sea visible completamente */
.ul-header-nav .has-sub-menu .ul-header-submenu {
    min-width: 280px;
    max-height: none;
    overflow: visible;
    padding: 10px 0;
}

.ul-header-nav .has-sub-menu .ul-header-submenu ul {
    max-height: none;
    overflow: visible;
}

.ul-header-nav .has-sub-menu .ul-header-submenu li a {
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.3;
    white-space: nowrap;
}

.ul-header-nav .has-sub-menu .ul-header-submenu li a small {
    font-size: 12px;
    opacity: 0.7;
}

/* Links en submenu (fondo oscuro) */
.ul-header-submenu li a {
    color: #fff !important;
}

.ul-header-submenu li a:hover {
    color: #f9a825 !important;
    background: rgba(255, 255, 255, 0.1);
}

/* Iconos en submenu */
.ul-header-submenu li a i {
    margin-right: 8px;
    color: #f9a825;
    font-size: 14px;
}

.ul-header-submenu li a:hover i {
    color: #fff;
}

/* Botón CTA en header */
.ul-header .ul-header-cta .ul-btn {
    background: #1e3a5f;
    border-color: #1e3a5f;
}

.ul-header .ul-header-cta .ul-btn:hover {
    background: #e5673a;
    border-color: #e5673a;
}

/* ========================================
   BOTONES
   ======================================== */

.ul-btn {
    background: #1e3a5f;
    border-color: #1e3a5f;
}

.ul-btn:hover {
    background: #e5673a;
    border-color: #e5673a;
}

.ul-btn-secondary {
    background: #e5673a;
    border-color: #e5673a;
}

.ul-btn-secondary:hover {
    background: #1e3a5f;
    border-color: #1e3a5f;
}

.ul-btn-outline {
    border-color: #1e3a5f;
    color: #1e3a5f;
}

.ul-btn-outline:hover {
    background: #1e3a5f;
    border-color: #1e3a5f;
    color: #fff;
}

/* ========================================
   HERO / BANNER
   ======================================== */

.ul-banner {
    background: #1e3a5f;
}

/* Cada slide tiene su propia imagen de fondo (inline style) */
.ul-banner-slide {
    background-size: cover !important;
    background-position: center !important;
}

/* Overlay para legibilidad del texto */
.ul-banner-slide::before {
    background: linear-gradient(90deg, rgba(30, 58, 95, 0.85) 0%, rgba(30, 58, 95, 0.5) 50%, rgba(30, 58, 95, 0.3) 100%) !important;
}

/* Ocultar el shadow title - muy intrusivo */
.ul-banner-slide-shadow-title {
    display: none !important;
}

/* Ajustar imagen del slide */
.ul-banner-slide-img {
    max-width: 100%;
}

.ul-banner-slide-img img {
    max-height: 380px;
    width: auto;
    object-fit: cover;
    border-radius: 15px;
}

.ul-banner-slide-sub-title {
    color: #f9a825;
}

/* ========================================
   SECCIONES
   ======================================== */

.ul-section-sub-title {
    color: #e5673a;
}

.ul-section-title {
    color: #1e3a5f;
}

/* ========================================
   CARDS / PROYECTOS
   ======================================== */

.ul-project-tag {
    background: #e5673a;
}

.ul-project-price .number {
    color: #1e3a5f;
}

.ul-project-title:hover {
    color: #e5673a;
}

.ul-project-add-to-favorites-btn:hover {
    color: #e5673a;
}

.ul-project-info .icon {
    color: #e5673a;
}

/* ========================================
   CIUDADES
   ======================================== */

.ul-city:hover .ul-city-title a {
    color: #e5673a;
}

/* ========================================
   WHY CHOOSE US
   ======================================== */

.ul-why-choose-us-list-item .icon {
    background: linear-gradient(135deg, #1e3a5f 0%, #2d5a8a 100%);
}

.ul-why-choose-us-list-item .icon i {
    color: #f9a825;
}

/* ========================================
   FACILITIES / STATS
   ======================================== */

.ul-facilities-stat .number {
    color: #e5673a;
}

.ul-facilities-list ul li::before {
    color: #4a7c59;
}

/* ========================================
   FEATURED PROPERTIES
   ======================================== */

.ul-featured-properties-title-txt i {
    color: #f9a825;
}

/* ========================================
   TABS
   ======================================== */

.ul-properties-tab-navs .tab-nav.active,
.ul-properties-tab-navs .tab-nav:hover {
    background: #1e3a5f;
    border-color: #1e3a5f;
}

.ul-properties-tab-navs .tab-nav i {
    color: #e5673a;
}

.ul-properties-tab-navs .tab-nav.active i,
.ul-properties-tab-navs .tab-nav:hover i {
    color: #f9a825;
}

/* ========================================
   CTA / APP AD
   ======================================== */

.ul-app-ad {
    background: linear-gradient(135deg, #1e3a5f 0%, #2d5a8a 100%);
}

.ul-app-ad .ul-section-sub-title {
    color: #f9a825;
}

/* ========================================
   PRICE BOX
   ======================================== */

.ul-price-box {
    background: linear-gradient(135deg, #1e3a5f 0%, #2d5a8a 100%);
}

/* ========================================
   FORMULARIOS
   ======================================== */

.ul-contact-form input:focus,
.ul-contact-form select:focus,
.ul-contact-form textarea:focus {
    border-color: #1e3a5f;
    box-shadow: 0 0 0 3px rgba(30, 58, 95, 0.1);
}

/* ========================================
   FOOTER
   ======================================== */

.ul-footer {
    background: #1e3a5f;
}

.ul-footer a:hover {
    color: #f9a825;
}

.ul-footer-social a:hover {
    background: #e5673a;
    border-color: #e5673a;
}

/* Footer logo - ya usa logo_white, no necesita filter */
.ul-footer .footer-logo img {
    max-height: 60px;
    width: auto;
}

/* ========================================
   BREADCRUMBS
   ======================================== */

.breadcrumb-item.active {
    color: #1e3a5f;
}

.breadcrumb-item a:hover {
    color: #e5673a;
}

/* ========================================
   HERO PAGES (Contacto, Desarrollos)
   ======================================== */

.ul-contact-hero,
.ul-detail-hero {
    background: linear-gradient(135deg, #1e3a5f 0%, #2d5a8a 100%);
}

/* ========================================
   CONTACT INFO CARDS
   ======================================== */

.ul-contact-info-card .icon {
    background: linear-gradient(135deg, #1e3a5f 0%, #2d5a8a 100%);
}

.ul-contact-info-card h3 {
    color: #1e3a5f;
}

.ul-contact-info-card a {
    color: #e5673a;
}

/* ========================================
   ALERTS
   ======================================== */

.ul-alert-success {
    background: rgba(74, 124, 89, 0.1);
    border-color: #4a7c59;
    color: #4a7c59;
}

/* ========================================
   DETAIL PAGE
   ======================================== */

.ul-detail-section h2 {
    color: #1e3a5f;
    border-bottom-color: #e5673a;
}

.ul-info-item .icon {
    color: #e5673a;
}

.ul-info-item .value {
    color: #1e3a5f;
}

.ul-feature-item i {
    color: #e5673a;
}

.ul-credit-badge.active {
    background: rgba(74, 124, 89, 0.15);
    color: #4a7c59;
}

/* ========================================
   FINANCING TABLE
   ======================================== */

.ul-financing-table td:last-child {
    color: #1e3a5f;
}

/* ========================================
   PAGINATION
   ======================================== */

.pagination .page-link {
    color: #1e3a5f;
}

.pagination .page-item.active .page-link {
    background: #1e3a5f;
    border-color: #1e3a5f;
}

.pagination .page-link:hover {
    background: #e5673a;
    border-color: #e5673a;
    color: #fff;
}

/* ========================================
   SLIDER NAVIGATION
   ======================================== */

.ul-slider-nav button:hover {
    background: #e5673a;
    border-color: #e5673a;
}

/* ========================================
   WHATSAPP FLOAT BUTTON
   ======================================== */

.whatsapp-float {
    background: #25D366;
}

.whatsapp-float:hover {
    background: #128C7E;
}

/* ========================================
   PRELOADER
   ======================================== */

.preloader .loader {
    border-top-color: #e5673a;
}

/* ========================================
   SCROLLBAR
   ======================================== */

::-webkit-scrollbar-thumb {
    background: #1e3a5f;
}

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

/* ========================================
   SELECTION
   ======================================== */

::selection {
    background: #1e3a5f;
    color: #fff;
}

::-moz-selection {
    background: #1e3a5f;
    color: #fff;
}