/* Tema claro - Fondo blanco con texto negro */
/* Solo se aplica cuando body tiene data-theme="light" */

/* Colores principales */
:root {
    --primary-bg: #ffffff;
    --secondary-bg: #f8f9fa;
    --text-primary: #1a1a1a;
    --text-secondary: #4a4a4a;
    --accent-color: #007bff;
    --border-color: #e0e0e0;
}

/* Eliminar preloader y overlays grises */
#preloader {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

body::before,
body::after {
    display: none !important;
}

/* Body y HTML - Solo en tema claro */
body[data-theme="light"] {
    background-color: var(--primary-bg) !important;
    color: var(--text-primary) !important;
}

/* Header */
body[data-theme="light"] .bi-header-section {
    background-color: var(--primary-bg) !important;
    border-bottom: 1px solid var(--border-color);
}

body[data-theme="light"] .bi-header-section .nav a,
body[data-theme="light"] .bi-header-section .nav li a {
    color: var(--text-primary) !important;
}

body[data-theme="light"] .bi-header-section .nav a:hover {
    color: var(--accent-color) !important;
}

/* Navbar sticky down - Solo en modo claro */
body[data-theme="light"] .bi-header-section.header-style-four.sticky-on {
    /* Translucent background effect - fondo blanco translúcido */
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Slider */
body[data-theme="light"] .bi-slider-section-4 {
    background-color: var(--secondary-bg) !important;
    background: radial-gradient(circle,
            rgba(255, 102, 168, 1) 0%,
            /* el mismo rosa que en el modo original */
            rgba(255, 255, 255, 1) 40%
            /* blanco */
        );
}

body[data-theme="light"] .bi-main-slider-text h1,
body[data-theme="light"] .bi-main-slider-text h2,
body[data-theme="light"] .bi-main-slider-text h3,
body[data-theme="light"] .bi-main-slider-text p {
    color: var(--text-primary) !important;
}

body[data-theme="light"] .bi-main-slider-text span {
    color: var(--accent-color) !important;
}

/* Secciones generales */
body[data-theme="light"] section {
    background-color: var(--primary-bg) !important;
}

body[data-theme="light"] section:nth-child(even) {
    background-color: var(--secondary-bg) !important;
}

/* Títulos */
body[data-theme="light"] h1,
body[data-theme="light"] h2,
body[data-theme="light"] h3,
body[data-theme="light"] h4,
body[data-theme="light"] h5,
body[data-theme="light"] h6 {
    color: var(--text-primary) !important;
}

/* Subtítulos */
body[data-theme="light"] .sub-title {
    color: var(--accent-color) !important;
}

/* Párrafos y texto */
body[data-theme="light"] p,
body[data-theme="light"] span:not(.bi-main-slider-text span),
body[data-theme="light"] li {
    color: var(--text-secondary) !important;
}

/* About section */
body[data-theme="light"] .bi-about-section-4 {
    background-color: var(--primary-bg) !important;
}

/* Services */
body[data-theme="light"] .bi-service-section-4 {
    background-color: var(--secondary-bg) !important;
}

body[data-theme="light"] .bi-service-scroll-item {
    background-color: var(--primary-bg) !important;
    border: 1px solid var(--border-color);
}

/* Team */
body[data-theme="light"] .bi-team-section-4 {
    background-color: var(--secondary-bg) !important;
}

body[data-theme="light"] .bi-team-item-4 {
    background-color: var(--primary-bg) !important;
    border: 1px solid var(--border-color);
}

/* Portfolio */
body[data-theme="light"] .bi-portfolio-section-4 {
    background-color: var(--primary-bg) !important;
}

body[data-theme="light"] .bi-portfolio-item-4 {
    background-color: var(--primary-bg) !important;
    border: 1px solid var(--border-color);
}

/* Pricing */
body[data-theme="light"] .bi-pricing-section-4 {
    background-color: var(--secondary-bg) !important;
}

body[data-theme="light"] .bi-pricing-item-4 {
    background-color: var(--primary-bg) !important;
    border: 1px solid var(--border-color);
}

/* Counter */
body[data-theme="light"] .bi-counter-section-4 {
    background-color: var(--primary-bg) !important;
}

/* Testimonial */
body[data-theme="light"] .bi-testimonial-section-4 {
    background-color: var(--secondary-bg) !important;
}

body[data-theme="light"] .bi-testimonial-item-4 {
    background-color: var(--primary-bg) !important;
    border: 1px solid var(--border-color);
}

/* Blog */
body[data-theme="light"] .bi-blog-section-4 {
    background-color: var(--primary-bg) !important;
}

body[data-theme="light"] .bi-blog-item-4 {
    background-color: var(--primary-bg) !important;
    border: 1px solid var(--border-color);
}

/* Footer */
body[data-theme="light"] .bi-footer-section {
    background-color: var(--secondary-bg) !important;
}

body[data-theme="light"] .bi-footer-widget h3 {
    color: var(--text-primary) !important;
}

body[data-theme="light"] .bi-footer-widget p,
body[data-theme="light"] .bi-footer-widget a {
    color: var(--text-secondary) !important;
}

/* Botones */
body[data-theme="light"] .bi-btn-4 a {
    background-color: var(--accent-color) !important;
    color: #ffffff !important;
    border: 2px solid var(--accent-color) !important;
}

body[data-theme="light"] .bi-btn-4 a:hover {
    background-color: transparent !important;
    color: var(--accent-color) !important;
}

/* Text scroll sections - mantener azul */
body[data-theme="light"] .bi-text-scroll-section-1,
body[data-theme="light"] .bi-text-scroll-section-2 {
    background-color: var(--secondary-bg) !important;
}

body[data-theme="light"] .bi-text-scroll-item-1 h3,
body[data-theme="light"] .bi-text-scroll-item-2 h3 {
    color: #ffffff !important;
}

/* Iconos */
body[data-theme="light"] .bi-header-social a i {
    color: var(--text-primary) !important;
}

body[data-theme="light"] .bi-header-social a:hover i {
    color: var(--accent-color) !important;
}

/* Menú móvil */
body[data-theme="light"] .mobile_menu_wrap {
    background-color: var(--primary-bg) !important;
}

/* Mobile menu content - fondo blanco en modo claro */
body[data-theme="light"] .mobile_menu_content {
    background-color: #ffffff !important;
}

/* Mobile menu overlay - mantener oscuro pero visible */
body[data-theme="light"] .mobile_menu_overlay {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Mobile menu links - texto negro en modo claro */
body[data-theme="light"] .mobile-main-navigation a {
    color: var(--text-primary) !important;
}

body[data-theme="light"] .mobile_menu_content .mobile-main-navigation .navbar-nav li a {
    color: var(--text-primary) !important;
}

/* Mobile menu dropdown items */
body[data-theme="light"] .mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a {
    color: var(--text-primary) !important;
}

body[data-theme="light"] .mobile_menu .mobile_menu_content .mobile-main-navigation .navbar-nav .dropdown-menu li a:hover {
    color: var(--accent-color) !important;
}

/* Mobile menu close button */
body[data-theme="light"] .mobile_menu .mobile_menu_close {
    color: #d60606 !important;
}

/* Mobile search bar in menu */
body[data-theme="light"] .mobile_menu .mobile-search-bar input {
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-color) !important;
}

body[data-theme="light"] .mobile_menu .mobile-search-bar button {
    color: var(--text-primary) !important;
}

/* Mobile header social icons */
body[data-theme="light"] .mobile_menu .bi-mobile-header-social a {
    color: var(--text-primary) !important;
}

body[data-theme="light"] .mobile_menu .bi-mobile-header-social a:hover {
    color: var(--accent-color) !important;
}

/* Botón hamburguesa en móvil - modo claro */
body[data-theme="light"] .mobile_menu_button {
    color: var(--text-primary) !important;
}

body[data-theme="light"] .mobile_menu_button i {
    color: var(--text-primary) !important;
}

/* Sidebar */
body[data-theme="light"] .xs-sidebar-widget {
    background-color: var(--primary-bg) !important;
}

/* Sidebar text colors - mantener blanco en modo claro */
body[data-theme="light"] .sidebar-info-contents .sidebar-menu li a {
    color: #fff !important;
}

body[data-theme="light"] .sidebar-info-contents .sidebar-menu li a:hover {
    color: var(--base-color) !important;
}

body[data-theme="light"] .sidebar-info-contents .sidebar-more-menu span {
    color: #fff !important;
}

body[data-theme="light"] .sidebar-info-contents .sidebar-more-menu li a {
    color: #fff !important;
}

body[data-theme="light"] .sidebar-info-contents .sidebar-more-menu li a:hover {
    color: var(--base-color) !important;
}

body[data-theme="light"] .sidebar-info-contents .sidebar-social span {
    color: #fff !important;
}

body[data-theme="light"] .sidebar-info-contents .sidebar-social li a {
    color: #fff !important;
}

body[data-theme="light"] .sidebar-info-contents .sidebar-social li a:hover {
    color: var(--base-color) !important;
}

body[data-theme="light"] .sidebar-info-contents .sidebar-copyright {
    color: #fff !important;
}

/* Cart sidebar */
body[data-theme="light"] .cart_sidebar {
    background-color: var(--primary-bg) !important;
}

/* Enlaces */
body[data-theme="light"] a {
    color: var(--accent-color) !important;
}

body[data-theme="light"] a:hover {
    color: var(--text-primary) !important;
}

/* Sombras para cards */
body[data-theme="light"] .bi-blog-item-4,
body[data-theme="light"] .bi-team-item-4,
body[data-theme="light"] .bi-portfolio-item-4,
body[data-theme="light"] .bi-pricing-item-4 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

body[data-theme="light"] .bi-blog-item-4:hover,
body[data-theme="light"] .bi-team-item-4:hover,
body[data-theme="light"] .bi-portfolio-item-4:hover,
body[data-theme="light"] .bi-pricing-item-4:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Botón de cambio de tema en el header */
.theme-toggle-btn {
    margin-right: 15px;
}

.theme-toggle-btn button {
    background: transparent;
    border: none;
    color: inherit;
    font-size: 20px;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 50%;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

.theme-toggle-btn button:hover {
    background: rgba(0, 123, 255, 0.1);
    transform: rotate(20deg);
}

.theme-toggle-btn button i {
    font-size: 20px;
    transition: all 0.3s ease;
}

/* Estilos específicos para tema claro */
body[data-theme="light"] .theme-toggle-btn button {
    color: var(--text-primary);
}

body[data-theme="light"] .theme-toggle-btn button:hover {
    background: rgba(0, 123, 255, 0.1);
    color: var(--accent-color);
}

/* Estilos específicos para tema oscuro */
body[data-theme="dark"] .theme-toggle-btn button {
    color: #ffffff;
}

body[data-theme="dark"] .theme-toggle-btn button:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffd700;
}

/* Botón de tema en menú móvil */
.mobile-theme-toggle button {
    transition: all 0.3s ease;
}

.mobile-theme-toggle button:hover {
    transform: scale(1.05);
    background: rgba(0, 123, 255, 0.1) !important;
}

body[data-theme="light"] .mobile-theme-toggle button {
    color: var(--text-primary) !important;
    border-color: var(--text-primary) !important;
}

body[data-theme="light"] .mobile-theme-toggle button:hover {
    background: rgba(0, 123, 255, 0.1) !important;
    color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
}

body[data-theme="dark"] .mobile-theme-toggle button {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

body[data-theme="dark"] .mobile-theme-toggle button:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffd700 !important;
    border-color: #ffd700 !important;
}

/* Dropdown menu - Menú desplegable de servicios en modo claro */
body[data-theme="light"] .bi-header-section .dropdown-menu {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

body[data-theme="light"] .bi-header-section .dropdown-menu a {
    color: var(--text-primary) !important;
}

body[data-theme="light"] .bi-header-section .dropdown-menu a:hover {
    color: var(--accent-color) !important;
}

/* Ocultar selector de idioma cuando el menú móvil está abierto */
body.mobile_menu_overlay_on .language-selector {
    display: none !important;
}