/*
==================================================
PALETA DE COLORES 2025 - TELEEVENTOS
==================================================
Colores sólidos únicamente - SIN GRADIENTES
==================================================
*/

/* ================================================
   VARIABLES CSS - COLORES SÓLIDOS
   ================================================ */

:root {
    /* Nueva Paleta 2025 - Corporativa Elegante */
    /* Only 3 colors: Black (#000000), Magenta (#ac145a), White (#ffffff) */
    --color-fondo: #000000;
    /* Preto como cor base e de fundo principal */
    --color-primario: #ac145a;
    /* Magenta como cor de destaque (botões, bordas, ícones) */
    --color-secundario: #ffffff;
    /* Branco para textos e contraste */
    --color-extra: #000000;

    /* Colores de Texto */
    --texto-titulo: #ffffff;
    --texto-subtitulo: #ac145a;
    --texto-parrafo: #ffffff;
    --texto-blanco: #ffffff;

    /* Colores de Fondo */
    --fondo-principal: var(--color-fondo);
    --fondo-oscuro: var(--color-extra);
}

/* ================================================
   CLASES DE UTILIDAD PARA COLORES SÓLIDOS
   ================================================ */

/* Colores de fondo */
.bg-blanco {
    background-color: #ffffff !important;
}

.bg-magenta,
.bg-azul,
.bg-rosa {
    background-color: var(--color-primario) !important;
}

.bg-negro {
    background-color: var(--color-fondo) !important;
}

/* Colores de texto */
.text-titulo {
    color: var(--texto-titulo) !important;
}

.text-subtitulo {
    color: var(--texto-subtitulo) !important;
}

.text-parrafo {
    color: var(--texto-parrafo) !important;
}

.text-blanco {
    color: var(--texto-blanco) !important;
}

.text-magenta,
.text-azul,
.text-rosa {
    color: var(--color-primario) !important;
}

.text-negro {
    color: var(--color-fondo) !important;
}

/* Bordes */
.border-magenta,
.border-azul,
.border-rosa {
    border-color: var(--color-primario) !important;
}

.border-negro {
    border-color: var(--color-fondo) !important;
}

.border-blanco {
    border-color: #ffffff !important;
}

/* ================================================
   APLICACIÓN ESPECÍFICA 2025 - FULL OVERRIDE
   ================================================ */

/* Fondo general del sitio - NEGRO */
body,
.body-inner,
.main-container,
.ts-features,
#main-container,
section,
.pattern-bg,
.solid-bg,
.solid-row,
.bg-blanco,
.facts-area {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
}

/* Tipografía Base */
p,
li,
span,
div,
strong,
b,
i {
    color: inherit;
}

/* Top Bar - NEGRO */
.top-bar,
#top-bar,
.top-bar-mobile,
#top-bar-mobile {
    background-color: #000000 !important;
    background: #000000 !important;
    border-bottom: 2px solid var(--color-primario) !important;
    color: #ffffff !important;
}

.top-info li,
.top-info li i,
.top-info li p,
.info-box-title,
.info-box-subtitle,
.info-text {
    color: #ffffff !important;
}

.info-box-subtitle a {
    color: var(--color-primario) !important;
}

/* Iconos Sociales Superior Derecha - MAGENTA */
.top-social .social-icon,
#top-bar .social-icon,
#top-bar-mobile .social-icon {
    background-color: #ac145a !important;
    background: #ac145a !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 4px !important;
}

.top-social .social-icon i,
#top-bar .social-icon i,
#top-bar-mobile .social-icon i {
    font-size: 14px !important;
    line-height: 1 !important;
}

.top-social .social-icon:hover {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #ac145a !important;
}

/* Navbar - corporativo negro */
.header-one,
.site-navigation,
.nav-down,
.navbar-fixed,
.header {
    background-color: #000000 !important;
    background: #000000 !important;
}

ul.navbar-nav>li>a {
    color: #ffffff !important;
    background: transparent !important;
}

ul.navbar-nav>li>a:hover,
ul.navbar-nav>li.active>a {
    color: var(--color-primario) !important;
    background: transparent !important;
}

/* Dropdown Menu - NEGRO */
.dropdown-menu {
    background-color: #000000 !important;
    background: #000000 !important;
    border: 1px solid var(--color-primario) !important;
    border-top: 3px solid var(--color-primario) !important;
}

.dropdown-menu li a {
    color: #ffffff !important;
    background: transparent !important;
    border-bottom: 1px solid #1a1a1a !important;
}

.dropdown-menu li a:hover {
    color: #ffffff !important;
    background: var(--color-primario) !important;
}

/* Eliminar fondos de gradiente por completo (sin afectar imágenes reales) */
.bg-gradient-corporate,
.hero-gradient,
.cta-gradient,
.feature-gradient,
.call-to-action-box,
.project-area,
.ts-features,
.site-navigation,
.navbar-collapse,
.dropdown-menu,
.btn-primary,
.btn-3d {
    background-image: none !important;
}

/* Asegurar que los carruseles e items mantengan sus imágenes */
.owl-carousel .item,
.page-slider .item,
.banner-area,
#banner-area,
#inegociaveis {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 400px !important;
    /* Asegurar altura mínima para visibilidad */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Footer & Copyright - ESTILO CORPORATIVO */
footer,
.footer,
#footer,
.footer-main,
.copyright,
#copyright {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border-top: 4px solid var(--color-primario) !important;
}

.copyright {
    border-top: 1px solid #333 !important;
}

footer .widget-title,
footer h3 {
    color: var(--color-primario) !important;
    text-transform: uppercase;
    font-weight: 800;
}

/* Separadores de sección - MAGENTA FINO */
.section-separator {
    background-color: #ac145a !important;
    background: #ac145a !important;
    height: 2px !important;
    border: none !important;
    margin: 0 !important;
    width: 100% !important;
    opacity: 1 !important;
}

/* Marcos para todas las imágenes - CORPORATIVO MAGENTA */
img {
    border: 2px solid var(--color-primario) !important;
}

/* Eliminar marco de imágenes con clase modern-frame */
.modern-frame {
    border: none !important;
}

img:hover {
    box-shadow: 0 0 20px rgba(172, 20, 90, 0.4) !important;
}

/* Realizações - MARCO MAGENTA PARA CARDS */
#Realizacoes .isotope-item {
    padding: 10px !important;
}

#Realizacoes .isotope-img-container {
    border: 2px solid var(--color-primario) !important;
    background-color: #000 !important;
    transition: all 0.3s ease !important;
}

#Realizacoes .isotope-img-container:hover {
    box-shadow: 0 0 15px var(--color-primario) !important;
    transform: translateY(-5px) !important;
}

#Realizacoes .isotope-img-container img {
    border: none !important;
    /* El marco lo tiene el contenedor */
}

/* Excluir logos y botón WhatsApp de marcos */
.logo_tele,
.logo_tele_mobile,
.footer-logo,
#robbu-whatsapp-button img {
    border: none !important;
}

/* Logos de Clientes - MARCO MAGENTA Y COLOR ORIGINAL */
.all-clients .clients-logo {
    border: 2px solid var(--color-primario) !important;
    background-color: #000 !important;
    transition: all 0.3s ease !important;
}

.all-clients .clients-logo:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 0 15px var(--color-primario) !important;
}

.all-clients .clients-logo img {
    border: none !important;
    /* El marco es para el card, no la imagen */
    filter: none !important;
    -webkit-filter: grayscale(0) !important;
    opacity: 1 !important;
}

/* Form Controls */
.form-control {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
}

.form-control:focus {
    border-color: var(--color-primario) !important;
}

/* List Icons - MAGENTA */
ul.list-arrow li:before,
ul.list-check li:before,
ul.list-round li:before,
.list-round li:before {
    color: var(--color-primario) !important;
}

/* Colores de TÍTULOS - BLANCO PURO */
h1,
h2,
h3,
h4,
h5,
h6,
.title,
.titulo,
.heading,
.section-title,
.column-title,
.banner-title,
.slide-title,
.into-title,
.service-box-title,
.widget-title,
.post-title,
.project-item-title,
.quote-author,
.info-box-title {
    color: #ffffff !important;
    text-transform: uppercase !important;
}

/* Colores de SUBTÍTULOS - MAGENTA */
.subtitle,
.subtitulo,
.sub-title,
.section-sub-title,
.slide-sub-title,
.into-sub-title,
.quote-subtext,
.post-item-date,
.info-text,
.info-box-subtitle,
.working-hours,
.service-box-content {
    color: var(--color-primario) !important;
}

/* Testimonials Override */
.quote-item .quote-text {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid var(--color-primario) !important;
    padding: 30px !important;
}

.quote-item .quote-text:before {
    color: var(--color-primario) !important;
    background: transparent !important;
    background-color: transparent !important;
}

.quote-author {
    color: var(--color-primario) !important;
}

.quote-subtext {
    color: #ffffff !important;
    opacity: 0.8;
}

/* Facts counter section */
.ts-facts-num {
    color: #fff !important;
}

.ts-facts-title {
    color: var(--color-primario) !important;
}

/* Botones con nueva paleta */
.btn-primary,
.btn-3d {
    background-color: var(--color-primario) !important;
    background: var(--color-primario) !important;
    border: 2px solid var(--color-primario) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-3d:hover {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--color-primario) !important;
}

/* Carousels & Sliders - VISIBILIDAD EN FONDO NEGRO */
.owl-carousel,
.owl-stage-outer,
.owl-stage,
.owl-item {
    background: transparent !important;
    background-color: transparent !important;
}

.page-slider {
    border: 2px solid var(--color-primario) !important;
    background-color: #000 !important;
    overflow: hidden !important;
}

.owl-theme .owl-dots .owl-dot span {
    background: #ffffff !important;
    opacity: 0.3 !important;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: var(--color-primario) !important;
    opacity: 1 !important;
}

.owl-theme .owl-nav [class*='owl-'] {
    background: var(--color-primario) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #ffffff !important;
    color: var(--color-primario) !important;
}

/* Botón Back to Top - Implementación Paleta 2025 */
#back-to-top .cta-gradient {
    background-color: #ac145a !important;
    background: #ac145a !important;
    color: #ffffff !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}

#back-to-top .cta-gradient i {
    color: #ffffff !important;
    font-size: 18px !important;
}