/* ------------------------------------------------
  NOTE: This is Color customizer stylesheet of template.
  Palette IDWEB:
  - Dark:   #151440
  - Main:   #1F6398
  - Accent: #19A5B0
------------------------------------------------ */

/* ------------------------
    General
------------------------*/
::-moz-selection { background: #1F6398; color: #fff; text-shadow: none; }
::selection      { background: #1F6398; color: #fff; text-shadow: none; }

 
/* ------------------------
    Background Color (MAIN)
------------------------*/
.theme-bg,
div.color-customizer a.opener,
.btn:hover,
.navbar-nav .nav-link .menu-label::before, .navbar-nav .nav-link .menu-label::after,
.navbar-nav .nav-link::before,
.dropdown-item:focus, .dropdown-item:hover,
.nav-item.dropdown .dropdown-menu a:hover,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.portfolio-filter button.is-checked, .portfolio-filter button:hover,
.scroll-top a,
.tab .nav-tabs .nav-link.active, .tab .nav-tabs .nav-link:hover, .tab .nav-tabs.active > a:focus, .tab .nav-tabs > a:hover,
.pagination > li.active .page-link, .page-link:hover, .page-link:focus,
.section-title h6,
.list-icon-2 li::before,
.play-btn span::before,
.ht-nav-toggle span,
.ht-nav-toggle span::before, .ht-nav-toggle span::after,
.step-num,
.popup-link:hover,
.testimonial,
.testimonial.style-2 .testimonial-caption h5,
.accordion .card.active a, .accordion .card a:hover,
.accordion .card-header a span::before, .accordion .card-header a span::after,
#ht-main-nav .ht-nav-toggle:hover span::before, #ht-main-nav .ht-nav-toggle:hover span::after
{ background-color: #1F6398;}


/* ------------------------
  Background Color Hover / Gradients
------------------------*/
.btn.btn-theme,
.step-num {
  background: rgb(31,99,152);
  background: linear-gradient(90deg, rgba(31,99,152,1) 0%, rgba(25,165,176,1) 50%);
  color: #ffffff;
}

.btn.btn-theme:hover,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
  background: rgb(31,99,152);
  background: linear-gradient(90deg, rgba(25,165,176,1) 0%, rgba(31,99,152,1) 50%);
}


/* ------------------------
    Color (TEXT / ICONS)
------------------------*/
a, button, input, 
a:focus, a:hover,
.text-theme,
.loader,
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, .navbar-nav .nav-item.active .nav-link,
.header-2 #header-wrap.fixed-header .search-button, .header-2 #header-wrap.fixed-header .navbar-nav .nav-link:hover, .header-2 #header-wrap.fixed-header .navbar-nav .nav-item.active .nav-link,
h1 span,
.btn-simple:hover,
.btn.btn-white:hover,
.btn.btn-white.btn-border:hover,
.btn:focus, .btn.focus,
.breadcrumb-item.active, .breadcrumb-item a:hover,
.list-icon li i,
.counter.style-2 h5,
.tab.style-2 .nav-tabs .nav-link.active, .tab.style-2 .nav-tabs .nav-link:hover, .tab.style-2 .nav-tabs.active > a:focus, .tab.style-2 .nav-tabs > a:hover,
.team-member .team-description span,
.team-member .team-social-icon ul li a:hover,
.price-title,
.price-list li i,
.post .post-desc .post-date,
.post .post-desc h5 a:hover,
.post-author span,
.footer-list li a:hover,
.portfolio-title span,
.search-button,
.widget .widget-categories li a:hover,
.widget .recent-post-desc a:hover,
.portfolio-meta li i,
.countdown > li p,
.contact-info li i,
.contact-info li a:hover,
.sidebar-links li.active a, .sidebar-links li a:hover,
.team-description .team-icon li a:hover,
.scroll-top a:hover, .scroll-top a:focus
{ color: #1F6398; }


/* ------------------------
    Border Color
------------------------*/
.owl-carousel.owl-theme .owl-dots .owl-dot span::before,
.form-control:focus,
.reply a:hover,
.pagination > li.active .page-link, .page-link:hover, .page-link:focus,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover,
.search-input
{ border-color: #1F6398; }

.round-p-animation{ border-color: rgba(31,99,152,0.1); }

/* ------------------------
  Border Color Hover
------------------------*/
.btn.btn-theme:hover,
.btn.btn-border{ border-color: #1F6398; }

.testimonial::before,
.tab.style-2 .nav-tabs .nav-link.active, .tab.style-2 .nav-tabs .nav-link:hover, .tab.style-2 .nav-tabs.active > a:focus, .tab.style-2 .nav-tabs > a:hover
{ border-top-color: #1F6398; }


/* ------------------------
    Round Animated Image
------------------------*/
/* Círculo principal en gradiente azul-medio → turquesa */
.round-animation{
  background-image: linear-gradient(120deg, #1F6398 0%, #19A5B0 100%);
}

/* Halo exterior usando azul oscuro y azul medio con transparencia */
.round-animation:before,
.round-animation:after{
  background-image: linear-gradient(120deg,
    rgba(21,20,64,.55) 0%,
    rgba(31,99,152,.89) 100%);
}


/* Overlay en secciones con degradado principal */
[data-overlay].grediant-overlay:before{
  background: rgb(31,99,152);
  background: linear-gradient(90deg, rgba(31,99,152,1) 0%, rgba(25,165,176,1) 50%);
}


/* ------------------------
    Responsive (Nav en móvil)
------------------------*/
@media (max-width: 992px){

  .navbar-nav .nav-link:hover,
  .navbar-nav .active .nav-link,
  .navbar-nav .nav-link:focus,
  #header-wrap.fixed-header .navbar-nav .nav-link:hover,
  #header-wrap.fixed-header .navbar-nav .active .nav-link,
  .navbar-toggler{
    background: #1F6398;
  }

}