/*
Theme Name: PLUXDOM ULTRA
Author: Daniel
Version: 1.0
*/

/* SOLO se aplica cuando está activo el modo oscuro */
html.dark-mode body {
    background: #000000;
    
}

html.dark-mode .card {
    background: #181b21;
    border-color: #2a2f3a;
}


    html.dark-mode .propiedad-card {
    background: #181818; 
    }

    html.dark-mode .propiedad-title {
     color: #ffffff;

   }

    html.dark-mode .propiedad-button {
        color: #000000;
    }

    html.dark-mode .propiedad-whatsapp {
        color: #ffffff;
    }
    
    html.dark-mode .feature-item {
        background: #2f2f2f;
        border: #2f2f2f;
    }
    
    html.dark-mode .feature-text {
        color: #ffffff;
    }
   
    html.dark-mode .feature-icon-container svg {
        fill: #ffffff 
    }
    
    html.dark-mode .feature-item {
        color: #ffffff 
    }
    
    html.dark-mode .pluxdom-footer {
    background: #0f0f0f;
    border-top: #2f2f2f;
    }
    
    html.dark-mode .footer-brand {
    color: #ffffff; 
    }
    
    html.dark-mode .propiedad-date {
    color: #ffffff;
    }

    html.dark-mode .icon-calendar {
     fill: #ffffff
    }
    
    html.dark-mode .price-label {
    color: #ffffff;
    }
    
    html.dark-mode .page-title {
    color: #ffffff;
}

    html.dark-mode .theme-switch .moon {
    
}

html.dark-mode main#pluxdom-main-content > h1.pluxdom-page-title {
    color: #ffffff;
}



html.dark-mode main#pluxdom-main-content > .pluxdom-page-content {
    color: #ffffff;
}



html.dark-mode #search-box {
    background: #000000;
}



html.dark-mode .search-item label {
    color: #ffffff;

}


html.dark-mode .search-item select {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 8px;

}



html.dark-mode .search-item::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");

}



html.dark-mode .pluxdom-c3d-dot {
    
    background: rgb(255 255 255);
}

html.dark-mode .pluxdom-c3d-dot.active {
    background: #FFD700;
}
    
    
html.dark-mode .pluxdom-page-title {
    color: #ffffff;
}