/*
=======================================================================
  EVERYDAY SOLUTIONS S.A.S — CSS PERSONALIZADO v4 DEFINITIVO
  Archivo: assets/css/everyday-solutions-custom.css
  Última modificación: 2026
=======================================================================
*/

:root {
    --es-azul:   #4DBBDE;
    --es-oscuro: #2E9DC0;
    --es-hover:  #1A8AAD;
    --es-blanco: #FFFFFF;
    --es-texto:  #232323;
}

/* ═══════════════════════════════════════════════════════════════════
   BARRA SUPERIOR AZUL
═══════════════════════════════════════════════════════════════════ */
.consen-header-top {
    background: var(--es-azul) !important;
    padding: 10px 0 !important;
}
.top-address span, .top-address p a, .top-address p span,
.top-right-menu span { color: var(--es-blanco) !important; }
.top-right-menu span:before { background: var(--es-oscuro) !important; }
.top-right-menu ul.social-icons li a {
    background: var(--es-blanco) !important;
    color: var(--es-oscuro) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   HEADER — Sin espacio extra
═══════════════════════════════════════════════════════════════════ */
.consen_nav_area {
    background: var(--es-blanco) !important;
    padding: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}
.trp_nav_area { padding: 0 !important; }
.consen-main-menu { margin: 0 !important; padding: 0 !important; }
.em40_header_area_main { margin-bottom: 0 !important; padding-bottom: 0 !important; }

/* ═══════════════════════════════════════════════════════════════════
   MENÚ PRINCIPAL — Horizontal con espaciado
═══════════════════════════════════════════════════════════════════ */
.consen_menu {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}
.consen_menu > ul {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.consen_menu > ul > li {
    display: inline-block !important;
    position: relative !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.consen_menu > ul > li > a {
    display: block !important;
    padding: 28px 14px !important;
    margin: 0 !important;
    color: var(--es-texto) !important;
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    white-space: nowrap !important;
    transition: color .3s !important;
    border-bottom: 2px solid transparent !important;
    text-decoration: none !important;
}
.consen_menu > ul > li > a:hover,
.consen_menu > ul > li.current > a,
.consen_menu > ul > li.current-menu-item > a {
    color: var(--es-azul) !important;
    border-bottom-color: var(--es-azul) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   SUBMENÚ — Solo visible en hover
═══════════════════════════════════════════════════════════════════ */
.consen_menu ul .sub-menu {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 100% !important;
    width: 220px !important;
    background: var(--es-blanco) !important;
    border-top: 3px solid var(--es-azul) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.12) !important;
    z-index: 99999 !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    list-style: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateY(6px) !important;
    transition: all 0.2s ease !important;
    pointer-events: none !important;
}
.consen_menu > ul > li:hover > .sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}
.consen_menu ul .sub-menu > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    list-style: none !important;
}
.consen_menu ul .sub-menu > li > a {
    display: block !important;
    padding: 10px 20px !important;
    margin: 0 !important;
    color: var(--es-texto) !important;
    font-size: 14px !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    transition: all 0.2s !important;
    visibility: visible !important;
    white-space: nowrap !important;
}
.consen_menu ul .sub-menu > li:hover > a {
    background: var(--es-azul) !important;
    color: var(--es-blanco) !important;
    padding-left: 26px !important;
}

/* ═══════════════════════════════════════════════════════════════════
   OCULTAR ÍCONO SIDEBAR Y MENÚ EN LISTA
═══════════════════════════════════════════════════════════════════ */
.sidebar,
.nav-btn.navSidebar-button,
.xs-sidebar-group,
.navSidebar-button { display: none !important; }

/* Menú en lista con bullets — ocultar */
.home-2.mbm.d-sm-block.d-md-block.d-lg-none { display: none !important; }

/* ═══════════════════════════════════════════════════════════════════
   BOTÓN CTA
═══════════════════════════════════════════════════════════════════ */
a.dtbtn {
    background: var(--es-azul) !important;
    border-color: var(--es-azul) !important;
    color: var(--es-blanco) !important;
    border-radius: 30px !important;
    padding: 10px 24px !important;
    font-weight: 500 !important;
    margin-left: 15px !important;
}
a.dtbtn:before { background: var(--es-oscuro) !important; }
a.dtbtn:hover { color: var(--es-blanco) !important; }

/* ═══════════════════════════════════════════════════════════════════
   TODO EL NARANJA → AZUL
   Cubre: CSS clases, atributos style inline, Elementor
═══════════════════════════════════════════════════════════════════ */

/* Atributos style inline con color naranja */
[style*="color:#ff3c00"],[style*="color:#FF3C00"],
[style*="color:#ff3b00"],[style*="color:#FF3B00"],
[style*="color: #ff3c00"],[style*="color: #FF3C00"],
[style*="color: #ff3b00"],[style*="color: #FF3B00"] {
    color: var(--es-azul) !important;
}

/* Fondos inline naranja */
[style*="background:#ff3c00"],[style*="background:#FF3C00"],
[style*="background:#ff3b00"],[style*="background:#FF3B00"],
[style*="background-color:#ff3c00"],[style*="background-color:#FF3C00"],
[style*="background-color:#ff3b00"],[style*="background-color:#FF3B00"] {
    background-color: var(--es-azul) !important;
    background: var(--es-azul) !important;
}

/* Bordes inline naranja */
[style*="border-color:#ff3c00"],[style*="border-color:#FF3C00"],
[style*="border-color:#ff3b00"],[style*="border-color:#FF3B00"] {
    border-color: var(--es-azul) !important;
}

/* Spans con color inline dentro de títulos y párrafos */
h1 span[style], h2 span[style], h3 span[style],
h4 span[style], h5 span[style], h6 span[style],
p span[style], li span[style], div span[style],
em span[style], strong span[style] {
    color: var(--es-azul) !important;
}

/* Elementor — títulos con span de acento */
.elementor-heading-title span,
.elementor-heading-title em,
.elementor-heading-title strong {
    color: var(--es-azul) !important;
}

/* Elementor — texto enriquecido */
.elementor-widget-text-editor span,
.elementor-text-editor span,
.elementor-widget-text-editor em,
.elementor-text-editor em {
    color: var(--es-azul) !important;
}

/* Elementor — íconos */
.elementor-icon-box-icon i,
.elementor-icon i,
.elementor-icon-list-icon i {
    color: var(--es-azul) !important;
}

/* Elementor — botones */
.elementor-button {
    background-color: var(--es-azul) !important;
    border-color: var(--es-azul) !important;
}
.elementor-button:hover {
    background-color: var(--es-oscuro) !important;
}

/* Elementor — barras de progreso */
.elementor-progress-bar {
    background-color: var(--es-azul) !important;
}

/* Elementor — separadores */
.elementor-divider-separator {
    border-color: var(--es-azul) !important;
}

/* Clases del tema */
.theme-color, .em-color, .highlight,
.text-theme, .dreamit-color, .consen-color,
.color-primary { color: var(--es-azul) !important; }

/* Íconos del tema — azul (excepto sociales) */
.fa, .fas, .far, .fab,
[class*="flaticon-"], .flaticon {
    color: var(--es-azul) !important;
}
/* Excepciones redes sociales */
.fa-facebook { color: #1773ea !important; }
.fa-twitter  { color: #03A4EC !important; }
.fa-instagram { color: #c13584 !important; }
.fa-linkedin { color: #0077b5 !important; }
.fa-youtube  { color: #ff0000 !important; }
.fa-whatsapp { color: #25D366 !important; }
.fa-tiktok   { color: #000000 !important; }

/* Checks de listas */
.fa-check-circle, .fa-check,
.fa-check-square { color: var(--es-azul) !important; }

/* Separadores */
.em-separator, .title-separator,
.section-separator { background: var(--es-azul) !important; }

/* Barras de habilidades */
.skill-bar-inner, .progress-bar,
.em-progress { background: var(--es-azul) !important; }

/* Contadores */
.counter-content span, .count-number { color: var(--es-azul) !important; }

/* Estrellas de valoración */
.star-rating span, .rating-star { color: var(--es-azul) !important; }

/* Paginación */
.paginations a:hover, .paginations a.current,
.page-numbers span.current {
    background: var(--es-azul) !important;
    border-color: var(--es-azul) !important;
    color: var(--es-blanco) !important;
}

/* Blog */
.consen-blog-meta-left i, .blog-author i { color: var(--es-azul) !important; }
.consen-blog-meta-top li a { background: var(--es-azul) !important; }
.blog-readmore a { background: var(--es-azul) !important; }
.blog-readmore a:before { background: var(--es-oscuro) !important; }

/* Formularios */
.form-control:focus { border-color: var(--es-azul) !important; }
button.wpcf7-submit, button[type="submit"],
input[type="submit"] {
    background: var(--es-azul) !important;
    border-color: var(--es-azul) !important;
    color: var(--es-blanco) !important;
}

/* Otros */
.breadcumb-inner ul { border-left-color: var(--es-azul) !important; }
.comments-area button { background: var(--es-azul) !important; }
.comments-area button:hover { background: var(--es-oscuro) !important; }
#scrollUp { background: var(--es-azul) !important; }
.footer-middle { background: var(--es-oscuro) !important; }
.footer-bottom { background: #f0f8fb !important; }
.copy-right-text a { color: var(--es-azul) !important; }
.footer-menu ul .menu-item a:hover { color: var(--es-azul) !important; }
.mean-container .mean-nav { background: var(--es-oscuro) !important; }
.mean-container .mean-bar { background: var(--es-azul) !important; }
a:hover { color: var(--es-azul) !important; }

/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════════════ */
@media (max-width: 991px) {
    .consen-header-top { display: none !important; }
    .sidebar, .nav-btn.navSidebar-button,
    .xs-sidebar-group { display: none !important; }
    .home-2.mbm.header_area.main-menu-area {
        background: var(--es-blanco) !important;
        border-bottom: 2px solid var(--es-azul) !important;
    }
}
@media (max-width: 575px) {
    .mobile_menu_logo.text-center {
        display: flex !important;
        justify-content: center !important;
    }
    a.dtbtn { padding: 8px 16px !important; font-size: 13px !important; }
}