/* Color personalizado azul para el sitio web */

/* Reemplazar colores rojizos y naranjas por tonos azules */
.btn-style-one {
    background-color: #4287f5 !important;
}

.btn-style-one:hover {
    background-color: #1e3891 !important;
}

.btn-style-four {
    background-image: -ms-linear-gradient(left, #4287f5 0%, #20CFFF 100%) !important;
    background-image: -moz-linear-gradient(left, #4287f5 0%, #20CFFF 100%) !important;
    background-image: -o-linear-gradient(left, #4287f5 0%, #20CFFF 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #4287f5), color-stop(100, #20CFFF)) !important;
    background-image: -webkit-linear-gradient(left, #4287f5 0%, #20CFFF 100%) !important;
    background-image: linear-gradient(to right, #4287f5 0%, #20CFFF 100%) !important;
}

.btn-style-four:hover {
    background-image: -ms-linear-gradient(left, #20CFFF 0%, #4287f5 100%) !important;
    background-image: -moz-linear-gradient(left, #20CFFF 0%, #4287f5 100%) !important;
    background-image: -o-linear-gradient(left, #20CFFF 0%, #4287f5 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #20CFFF), color-stop(100, #4287f5)) !important;
    background-image: -webkit-linear-gradient(left, #20CFFF 0%, #4287f5 100%) !important;
    background-image: linear-gradient(to right, #20CFFF 0%, #4287f5 100%) !important;
}

/* Enlaces y navegación */
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a {
    color: #4287f5 !important;
}

.main-menu .navigation > li > ul > li:hover > a {
    color: #ffffff !important;
    background: #4287f5 !important;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a {
    color: #ffffff !important;
    background: #4287f5 !important;
}

.header-top .links-column ul li a:hover {
    color: #4287f5 !important;
}

/* Iconos y elemento resaltados */
.feature-block .inner-box:hover .icon-box {
    background-color: #4287f5 !important;
    color: #ffffff !important;
}

.feature-block.color-four .inner-box .icon-box {
    color: #36c7d0 !important;
}

.feature-block.color-four .inner-box:hover .icon-box {
    background-color: #36c7d0 !important;
    color: #ffffff !important;
}

/* Títulos y subtítulos */
.sec-title .title {
    color: #6eaeff !important;
}

/* Bloques de comentarios e información */
.blog-author-box .author-inner {
    background-color: rgba(66, 135, 245, 0.05) !important;
}

/* Paginación y navegación */
.styled-pagination li.active a, 
.styled-pagination li a:hover {
    background-color: #4287f5 !important;
    border-color: #4287f5 !important;
}

/* Categorías y etiquetas */
.blog-cat li a:hover,
.blog-cat li a:hover span {
    color: #4287f5 !important;
}

.blog-cat li a:hover::before {
    background-color: #4287f5 !important;
}

/* Bloques de contenido y botones */
.post-share-options .tags a:hover {
    background-color: #4287f5 !important;
}

.scroll-to-top:hover {
    background: #4287f5 !important;
}

/* Bloques específicos en páginas */
.blog-detail .inner-box .category {
    background-color: #4287f5 !important;
}

.sidebar .popular-posts .post-info:before {
    background-color: #4287f5 !important;
}

/* Iconos y elementos de acento */
.tweet-block .block-inner .icon {
    color: #36c7d0 !important;
}

.feature-block.color-two .inner-box .icon-box {
    color: #4287f5 !important;
}

.feature-block.color-two .inner-box:hover .icon-box {
    background-color: #4287f5 !important;
}

/* Elementos de formulario */
.comment-form .theme-btn,
.subscribe-form .form-group .theme-btn {
    background-color: #4287f5 !important;
}

/* Otras clases específicas */
.theme_color {
    color: #3246d3 !important;
}

/* Gradientes y efectos visuales */
[class^="btn-style-"] {
    border-color: #4287f5 !important;
}

/* Colores de texto resaltados */
a:hover {
    color: #4287f5 !important;
}

/* Elementos adicionales específicos */
.blog-detail .inner-box blockquote {
    border-left: 3px solid #4287f5 !important;
    background-color: rgba(66, 135, 245, 0.05) !important;
}

.blog-detail .inner-box blockquote .title {
    color: #4287f5 !important;
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
    color: #4287f5 !important;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover {
    background-color: #4287f5 !important;
    color: #ffffff !important;
}

.blog-detail .inner-box h4 {
    color: #1e3891 !important;
}

.blog-detail .inner-box h3 {
    color: #4287f5 !important;
}

.list-style-five li:before {
    color: #36c7d0 !important;
}

.blog-detail .inner-box .lower-content .post-meta li .icon {
    color: #4287f5 !important;
}

.sidebar-widget .sidebar-title h5:before {
    background-color: #4287f5 !important;
}

.sidebar-widget .social-box li a:hover {
    background-color: #4287f5 !important;
    border-color: #4287f5 !important;
}

.sidebar .search-box .form-group button {
    background-color: #4287f5 !important;
}

.main-footer .footer-bottom .social-column ul li a:hover {
    background-color: #4287f5 !important;
    border-color: #4287f5 !important;
}

.popular-tags a {
    background-color: rgba(66, 135, 245, 0.1) !important;
    color: #4287f5 !important;
}

.popular-tags a:hover {
    background-color: #4287f5 !important;
    color: #ffffff !important;
}

/* Específicos para agencia-seo-mexico.html */
.blog-detail .inner-box .post-meta li .icon {
    color: #4287f5 !important;
}

.blog-detail .inner-box h5 {
    color: #36c7d0 !important;
}

.comment-form .form-group .icon {
    color: #4287f5 !important;
}

.main-footer h5 {
    color: #6eaeff !important;
}

.tweet-block .block-inner .tweet-date {
    color: #36c7d0 !important;
}

.feature-block-eight .inner-box .upper-box .icon,
.process-block-two .inner-box .content-column .icon-box,
.feature-block-eight .inner-box .number {
    color: #4287f5 !important;
}