/* Color - Paleta Dr. Emilio Moreno (Elegancia Académica)
   Rojos: #ee0e0e (Vibrante) | #ee4242 (Medio) | #fd7b7b (Coral)
   Grises: #565656 (Oscuro) | #989898 (Claro)
=====================================================================*/
.color_default{
    color: #E81D2C; /* Rojo Vibrante - Acentuado */
}
.color_primary{
    color: #565656; /* Gris Oscuro - Títulos */
}
.color_secondery{
    color: #989898; /* Gris Claro - Textos */
}
.color_gray{
    color: #989898;
}
.color_lightgray{
    color: #DFE6E9;
}
.color_white{
    color: #fff;
}
/* Background Color
===================================================================*/
.bg_default{
    background-color: #E81D2C;
}
.bg_primary{
    background-color: #565656;
}
.bg_secondery{
    background-color: #F8F9FA; /* Fondo casi blanco para descanso visual */
}
.bg_dark{
    background-color: #2D3436;
}
.bg_gray{
    background-color: #989898;
}
.bg_black{
    background-color: #2D3436;
}
.bg_deepblack{
    background-color: #121212;
}
.bg_white{
    background-color: #fff;
}
/* btn color - Balance de Rojos
===================================================================*/
.btn-default{
    background-color: #E81D2C; /* Rojo Vibrante Call to Action */
    color: #fff !important;
    border: none;
    transition: background-color 0.3s ease;
}
.btn-default:hover,.btn-default.active{
    background-color: #ee4242; /* Cambia a Rojo Medio en hover */
    color: #fff !important;
}
.socal_media ul li a {
    background-color: #ee4242 !important; /* Círculos en Rojo Medio */
    color: #fff !important;
    border: none !important;
    transition: transform 0.3s ease, filter 0.3s ease;
}
.socal_media ul li a:hover{
    filter: brightness(110%);
    transform: scale(1.1);
}
.btn_info{
    color: #E81D2C;
}
.btn_info:hover{
    color: #ee4242;
}
/* Navbar Color - Arreglo Definitivo de Textos Azules
===================================================================*/
.nav-scroll{
    background: #fff !important;
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
}
.navbar-light .navbar-brand,
.dropdown-item:focus, .dropdown-item:hover{
    color: #fff !important;
}
.nav-scroll .navbar-light .navbar-brand{
    color: #565656;
}
.navbar-nav .nav-item .nav-link:before,
.dropdown-item:focus, .dropdown-item:hover{
    background-color: #E81D2C;
}
.navbar-light .navbar-nav .nav-link{
    color: #fff !important; /* Texto blanco en el menú lateral de fondo oscuro */
}
#particles-header .navbar-light .navbar-nav .nav-link{
    color: #565656;
}
#particles-header .navbar-light .navbar-nav .nav-link.active,
#particles-header .nav-scroll .navbar-light .navbar-nav .nav-link.active,
#particles-header .navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,.nav-scroll .navbar-light .navbar-nav .nav-link.active,
ul#menu li.active a,.contact_massage a, .navbar-light .navbar-nav .nav-link:focus{
    color: #ee0e0e !important;
}
.nav-scroll .navbar-light .navbar-nav .nav-link{
    color: #565656 !important; /* Texto gris oscuro al hacer scroll */
}
.dark_nav.nav-scroll{
    background-color: #2D3436 !important;
}
.dark_nav.nav-scroll .navbar-light .navbar-nav .nav-link,.sidenav a{
    color: #DFE6E9;
}
.dropdown-menu li a{
    border-bottom: 1px solid #eee
}
/* Hover color
===================================================================*/
.white_hover a i{
    color: #fff
}
.white_hover a i:hover{
    color: #E81D2C;
}
/* Default Color Class & ID - Acentos en Rojo Medio y Coral
===================================================================*/
.primary_link a:hover,.filter-tabs li.filter.active,.comments,.blog_item a:hover,
.navbar-light .navbar-nav .nav-link:hover,.socal_media_2 ul li a:hover,
ul#menu li a:hover,.twite i,.twite a:hover,.category_sidebar ul li:hover,
.white_link a:hover,.recent_post a:hover,.archives ul li a:hover{
    color: #E81D2C!important; /* Hover en Rojo Medio */
}
/* Primary Color Class & ID
===================================================================*/
.primary_link a,.socal_media_2 ul li a,.contact_message .error,.page-link,
.recent_post a,.tags ul li a{
    color: #565656;
}
/* White Color Class & ID
===================================================================*/
.personal_video a,.counter span:before,.counter-box span:before,.default-portfolio-item .overlay-box span,
.tag,.sidebar span,.socal_media ul li a,.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,.table:hover h4,.table:hover,.table:hover h5,
.contact_icon,.bg_black .form label,.breadcrumbs ul li,.breadcrumbs ul li a,.page-item.active .page-link,
.page-link:hover,.tags ul li a:hover,.white_link a{
    color: #fff
}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span{
    color: #fff;
}

/* Background Color Default Class & ID - Detalles en Rojo Medio
===================================================================*/
.line_double::before, .line_double::after,.progress-bar,.service_two .srv_icon,
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next,
.lds-spinner div, #pp-nav li .active span, .pp-slidesNav .active span,
.carousel-indicators .active,.contact_icon,.widget_title:before,.progress-bar,.page-item.active .page-link,
.page-link:hover,.tags ul li a:hover{
    background-color: #ee4242 !important; /* Elementos de diseño en Rojo Medio */
}
::-webkit-scrollbar-thumb{
    background-color: #565656;
}
/* Background Color Primary Class & ID - Sidenav Arreglado
===================================================================*/
#scroll,.personal_video a,.ball-scale-multiple > div,.preloader,
.sidenav,.table:hover,.admin{
    background-color: #565656 !important; /* Gris Oscuro - Elegante */
}
/* Background Color Gray Class & ID
===================================================================*/
.progress{
    background-color: #989898;
}
/* Background Color Light Gray Class & ID
===================================================================*/
.page-link,.tags ul li a{
    background-color: #DFE6E9
}
/* Background Color White Class & ID
===================================================================*/
.profile_img.personal_video .iconround:before,#pp-nav span,
.navbar-light .navbar-toggler,.blog_details .admin{
    background-color: #fff;
}
/* Border Color Default
===================================================================*/
.overlay-box{
    border-color: #E81D2C;
}
/* Border Color Primary
===================================================================*/
.profile_img.personal_video .iconround:before{
    border-color: #565656;
}
#scroll span{
    border-bottom-color: #ffffff;
}
.contact_icon{
    border-color: #E81D2C !important; /* Borde en Rojo Medio */
}
.socal_media ul li a, .owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next, .srvicon {
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Overlay Color
===================================================================*/
.overlay_one:before{
    background: rgba(0,0,0,0.2);
}
.overlay_three:before{
    background: rgba(0,0,0,0.3);
}
.overlay_two:before,.overlay-box{
    background: rgba(86, 86, 86, 0.92); /* Overlay en tono Gris Oscuro */
}
.overlay_four:before{
    background: rgba(0,0,0,0.6);
}
/* 16.     Border color Light Gray
===================================================================*/
.personal_info ul li,.table ul li,.form-control{
    border-color: #DFE6E9;
}
.border{
    border-color: #fd7b7b !important; /* Toque Coral en bordes sutiles */
}
.form-control:focus{
    border-color: #E81D2C;
}
.main_nav{
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.05);
}

.service_one,.service_two,.member_feedback,.blog_item,.table{
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}