/* ============================================================
   UNILAB LTDA. — TEMA DE COLOR MEJORADO
   Paleta principal:
     Verde principal:   #14A85A
     Verde brillante:   #1DC96B  (hover / acentos)
     Verde oscuro:      #0D8045  (header top)
     Azul noche:        #0A2540  (textos títulos, footer, secondary)
     Verde tint fondo:  #EDF7F2  (secciones alternas)
   ============================================================ */


/* ─── COLOR DE TEXTO ──────────────────────────────────────── */

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover,
.main-menu .navigation > li > ul > li > ul > li > a:hover,
.scroll-to-top .scroll-bar-text,
.header-top .top-inner p i,
.header-top .top-inner .social-links li a:hover,
.main-header .menu-right-content .search-box-outer:hover,
.sub-title,
.feature-block-one .inner-box .icon-box .icon,
.feature-block-one .inner-box h3 a:hover,
.image_block_one .image-box .image-content h2,
.list-style-one li:before,
.funfact-block-one .inner-box .icon-box,
.events-block-one .inner-box .lower-content .location-box,
.events-block-one .inner-box .lower-content h3 a:hover,
.team-block-one .inner-box .lower-content h3 a:hover,
.main-footer .footer-top .top-inner .footer-menu li a:hover,
.main-footer .about-widget .info li a:hover,
.main-footer .links-widget .links-list li a:hover,
.main-footer .footer-bottom .copyright p a,
.scroll-to-top::after,
.banner-style-two .content-box .theme-btn:hover,
.image_block_two .image-inner .experience-box h2,
.speciality-block-one .inner-box h3 a:hover,
.speciality-block-one .inner-box .btn-box .link-text a:hover,
.video-btn a,
.working-block-two .inner-box h3 a:hover,
.events-block-one .inner-box .event-info li i,
.nav-style-one .owl-nav button,
.banner-style-three .content-box .theme-btn,
.banner-style-three .image-box .support-box .icon-box,
.banner-style-three .image-box .support-box span,
.banner-style-three .image-box .support-box a:hover,
.feature-style-two .sec-title h2 span,
.feature-block-three .inner-box .icon-box .icon,
.service-block-two .inner-box .content-box .link a:hover,
.journey-block-one .inner-box h3 a:hover,
.news-block-one .inner-box .lower-content .category,
.news-block-one .inner-box .lower-content h3 a:hover,
.chooseus-block-one .inner-box:hover .icon-box .icon,
.faq-style-two .inner-box .tab-btn-box .tab-btn .icon-box,
.main-header.home-5 .header-top .top-inner .social-links li a:hover,
.feature-block-four .inner-box h3 a:hover,
.research-details .image-inner .info-list .share-links li a:hover,
.service-sidebar .support-widget .support-box .icon-box,
.service-sidebar .support-widget .support-box h3 a:hover,
.event-details-content .info-list li,
.team-details .content-box .inner-box .single-item h4 a:hover,
.history-section .content-box h3 a:hover,
.error-section h1,
.blog-sidebar .search-widget .search-form .form-group input:focus + button,
.blog-sidebar .search-widget .search-form .form-group button:hover,
.blog-sidebar .category-widget .category-list li a:hover,
.blog-sidebar .post-widget .post h4 a:hover,
.blog-sidebar .post-widget .post .post-date,
.news-block-two .inner-box .content-box .category,
.news-block-two .inner-box .content-box h3 a:hover,
.news-block-two .inner-box .content-box .post-info .author a:hover,
.news-block-two .inner-box .content-box .post-info .date,
.blog-details-content .post-info li span,
.blog-details-content .post-share-option .social-links li a:hover,
.info-block-one .inner-box p a:hover
{
  color: var(--theme-color) !important;
}


/* ─── FONDOS ──────────────────────────────────────────────── */

.switcher .switch_btn button,
button.rtl,
button.ltr,
.main-header .menu-right-content .btn-box a:hover,
.theme-btn,
.sub-title:before,
.feature-section .inner-container .feature-block-one:first-child .inner-box,
.service-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.service-block-one .inner-box:before,
.working-block-one .inner-box .count-box .r-hex:first-child .r-hex-inner:before,
.events-block-one .inner-box:hover .image-box,
.events-block-one .inner-box .lower-content .post-date,
.team-block-one .inner-box .image-box .image,
.team-block-one .inner-box .image-box .social-links li a:hover,
.main-footer .footer-bottom .social-links li a:hover,
.image_block_two .image-inner .experience-box h2:before,
.service-style-two .tab-btn-box .tab-btns li:before,
.speciality-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.working-style-two .working-block:first-child .working-block-two .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.nav-style-one .owl-nav button:hover,
.banner-style-three .image-box .support-box .icon-box:before,
.feature-block-two .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.feature-block-three .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.journey-block-one .inner-box .year,
.journey-block-one .inner-box .decore,
.testimonial-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.dots-style-one .owl-dots .owl-dot:before,
.news-block-one .inner-box .lower-content .post-date,
.news-block-one .inner-box .image-box,
.chooseus-block-one .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.chooseus-block-one .inner-box .bg-layer:before,
.image_block_three .image-box .experience-box .r-hex:first-child .r-hex-inner:before,
.faq-style-two .inner-box .tab-btn-box .tab-btn:before,
.feature-block-four .inner-box .icon-box .r-hex:first-child .r-hex-inner:before,
.working-block-three .inner-box .count-box,
.working-block-three .inner-box::before,
.research-details .content-three .tab-btn-box .tab-btn:before,
.service-sidebar .category-widget .category-list li a:hover,
.service-sidebar .download-widget .download-list li button span,
.service-sidebar .download-widget .download-list li button:hover,
.service-sidebar .support-widget .support-box .icon-box:before,
.service-sidebar .category-widget .category-list li a.current,
.pagination li a:hover,
.pagination li a.current,
.team-details .content-box .social-links li a:before,
.history-section .year,
.history-section .border-line:before,
.history-section .border-line:after,
.sortable-masonry .filter-tabs li:hover,
.sortable-masonry .filter-tabs li.active,
.blog-sidebar .tags-widget .tags-list li a:hover,
.news-block-two .inner-box .image-box,
.blog-details-content .upper-image .post-date,
.blog-details-content .post-share-option .post-tags li a:hover,
.info-block-one .inner-box .r-hex:first-child .r-hex-inner:before
{
  background: var(--theme-color) !important;
}


/* ─── BORDES ──────────────────────────────────────────────── */

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu,
.main-menu .navigation > li > ul > li > ul,
.main-header .menu-right-content .btn-box a,
.image_block_one .image-box .image-content,
.main-footer .newsletter-widget .newsletter-form .form-group input:focus,
.feature-block-three .inner-box:hover,
.dots-style-one .owl-dots .owl-dot.active,
.dots-style-one .owl-dots .owl-dot:hover,
.header-style-four .menu-right-content .btn-box a:hover,
.service-sidebar .download-widget .download-list li button:hover,
.history-section .content-box,
.faq-form-section .form-inner .form-group input:focus,
.faq-form-section .form-inner .form-group textarea:focus,
.blog-sidebar .search-widget .search-form .form-group input:focus,
.blog-sidebar .tags-widget .tags-list li a:hover,
.blog-sidebar .newsletter-widget .form-inner .form-group input:focus,
.blog-details-content blockquote,
.blog-details-content .post-share-option .post-tags li a:hover,
.blog-details-content .comment-form-box .form-inner .form-group input:focus,
.blog-details-content .comment-form-box .form-inner .form-group textarea:focus,
#contact-form .form-group input:focus,
#contact-form .form-group textarea:focus
{
  border-color: var(--theme-color) !important;
}


/* ─── SCROLL TO TOP ───────────────────────────────────────── */

.scroll-to-top .scroll-top-inner path {
  stroke: var(--theme-color);
}


/* ──────────────────────────────────────────────────────────
   MEJORAS ADICIONALES DE DISEÑO
   ────────────────────────────────────────────────────────── */








/* SECCIÓN FUNFACTS / ESTADÍSTICAS — fondo verde muy suave */
.funfact-style-two,
.funfact-style-three {
  background: #EDF7F2 !important;
}

/* Números de funfacts */
.funfact-block-two .count-box,
.funfact-block-three .count-box {
  color: var(--theme-color) !important;
}


/* SECCIÓN PROCESO — fondo blanco verdoso */
.working-style-three {
  background: #F5FBF8 !important;
}

/* Número de paso con fondo verde oscuro */
.working-block-three .inner-box .count-box {
  background: var(--theme-color-dark) !important;
}


/* CARDS — sombra verde al hover */
.feature-block-one .inner-box:hover,
.feature-block-three .inner-box:hover,
.feature-block-four .inner-box:hover,
.service-block-one .inner-box:hover {
  box-shadow: 0 10px 40px rgba(20, 168, 90, 0.15) !important;
}


/* SECCIÓN TESTIMONIOS — fondo azul noche profundo */
.testimonial-section.light-section {
  background: #0A2540 !important;
}


/* FOOTER — fondo azul noche + acentos verdes */
.main-footer {
  background: #061C2E !important;
}

.main-footer .footer-top {
  border-bottom: 1px solid rgba(20, 168, 90, 0.30) !important;
}

.main-footer .widget-title h3 {
  color: #ffffff !important;
}

.main-footer .widget-content p,
.main-footer .about-widget .info li,
.main-footer .about-widget .info li a,
.main-footer .links-widget .links-list li a {
  color: rgba(255, 255, 255, 0.70) !important;
}

.main-footer .links-widget .links-list li a:before {
  background: var(--theme-color) !important;
}

.main-footer .footer-bottom .social-links li a {
  border: 1px solid rgba(255, 255, 255, 0.20);
  transition: all 300ms ease;
}

.main-footer .footer-bottom .social-links li a:hover {
  background: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

.main-footer .footer-bottom {
  border-top: 1px solid rgba(20, 168, 90, 0.20) !important;
}


/* PRELOADER */
.handle-preloader {
  background: #0A2540 !important;
}

.handle-preloader .animation-preloader .spinner {
  border: 3px solid rgba(20, 168, 90, 0.15) !important;
  border-top-color: var(--theme-color) !important;
}


/* ─── BOTONES — TODOS IGUALES: terracota → azul noche ─────── */

.theme-btn,
.theme-btn.btn-one {
  background: #DC6B4A !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(220, 107, 74, 0.38) !important;
  transition: background 350ms ease, box-shadow 350ms ease, transform 200ms ease !important;
}

.theme-btn:hover,
.theme-btn.btn-one:hover {
  background: #0A2540 !important;
  box-shadow: 0 6px 26px rgba(10, 37, 64, 0.35) !important;
  transform: translateY(-2px);
}

/* Animación interna (span) */
.theme-btn span,
.theme-btn.btn-one span {
  background: #C05535 !important;
}


/* ─── HEADER — "Descarga de Resultados" — igual que los demás ── */

.main-header .menu-right-content .btn-box a {
  background: #DC6B4A !important;
  color: #fff !important;
  border-color: transparent !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(220, 107, 74, 0.38) !important;
  transition: background 350ms ease, box-shadow 350ms ease, transform 200ms ease !important;
}

.main-header .menu-right-content .btn-box a:hover {
  background: #0A2540 !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 6px 20px rgba(10, 37, 64, 0.35) !important;
  transform: translateY(-2px);
}


/* ─── CARDS FEATURE — ÍCONOS POR CARD ────────────────────── */

.feature-block:nth-child(1) .feature-block-four .r-hex:first-child .r-hex-inner:before,
.feature-block:nth-child(1) .feature-block-four .icon-box .r-hex:first-child .r-hex-inner:before {
  background: #DC6B4A !important;
}
.feature-block:nth-child(1) .feature-block-four .icon-box .icon,
.feature-block:nth-child(1) .feature-block-four .icon-box .icon i { color: #ffffff !important; }
.feature-block:nth-child(1) .feature-block-four .inner-box:hover { box-shadow: 0 16px 48px rgba(220,107,74,0.16) !important; }
.feature-block:nth-child(1) .feature-block-four .inner-box h3 a:hover { color: #DC6B4A !important; }

.feature-block:nth-child(2) .feature-block-four .r-hex:first-child .r-hex-inner:before,
.feature-block:nth-child(2) .feature-block-four .icon-box .r-hex:first-child .r-hex-inner:before {
  background: #0891B2 !important;
}
.feature-block:nth-child(2) .feature-block-four .icon-box .icon,
.feature-block:nth-child(2) .feature-block-four .icon-box .icon i { color: #ffffff !important; }
.feature-block:nth-child(2) .feature-block-four .inner-box:hover { box-shadow: 0 16px 48px rgba(8,145,178,0.16) !important; }
.feature-block:nth-child(2) .feature-block-four .inner-box h3 a:hover { color: #0891B2 !important; }

.feature-block:nth-child(3) .feature-block-four .r-hex:first-child .r-hex-inner:before,
.feature-block:nth-child(3) .feature-block-four .icon-box .r-hex:first-child .r-hex-inner:before {
  background: #D97706 !important;
}
.feature-block:nth-child(3) .feature-block-four .icon-box .icon,
.feature-block:nth-child(3) .feature-block-four .icon-box .icon i { color: #ffffff !important; }
.feature-block:nth-child(3) .feature-block-four .inner-box:hover { box-shadow: 0 16px 48px rgba(217,119,6,0.16) !important; }
.feature-block:nth-child(3) .feature-block-four .inner-box h3 a:hover { color: #D97706 !important; }

.feature-block-four .inner-box {
  border-radius: 16px;
  border: 1.5px solid #E8EEF4;
  transition: transform 350ms ease, box-shadow 350ms ease, border-color 350ms ease;
}
.feature-block-four .inner-box:hover { transform: translateY(-6px); border-color: transparent; }


/* ─── PROCESO DE TRABAJO — BADGES POR PASO ───────────────── */

/* Paso 1 — terracota */
.working-block-three:nth-child(1) .inner-box .count-box,
.working-block-three:nth-child(1) .inner-box::before {
  background: #DC6B4A !important;
}
.working-block-three:nth-child(1) .inner-box .count-box {
  box-shadow: 0 4px 14px rgba(220, 107, 74, 0.40) !important;
}

/* Paso 2 — teal */
.working-block-three:nth-child(2) .inner-box .count-box,
.working-block-three:nth-child(2) .inner-box::before {
  background: #0891B2 !important;
}
.working-block-three:nth-child(2) .inner-box .count-box {
  box-shadow: 0 4px 14px rgba(8, 145, 178, 0.40) !important;
}

/* Paso 3 — ámbar */
.working-block-three:nth-child(3) .inner-box .count-box,
.working-block-three:nth-child(3) .inner-box::before {
  background: #D97706 !important;
}
.working-block-three:nth-child(3) .inner-box .count-box {
  box-shadow: 0 4px 14px rgba(217, 119, 6, 0.40) !important;
}

/* Fondos suaves en los círculos grandes */
.working-block-three:nth-child(1) .inner-box {
  background: #FAEAE4 !important;
  border: 2px solid #F5D5CA !important;
  transition: border-color 300ms ease, box-shadow 300ms ease, transform 300ms ease;
}
.working-block-three:nth-child(1) .inner-box:hover {
  border-color: #DC6B4A !important;
  box-shadow: 0 10px 32px rgba(220, 107, 74, 0.22) !important;
  transform: translateY(-4px);
}

.working-block-three:nth-child(2) .inner-box {
  background: #E0F5FB !important;
  border: 2px solid #BAE6F5 !important;
  transition: border-color 300ms ease, box-shadow 300ms ease, transform 300ms ease;
}
.working-block-three:nth-child(2) .inner-box:hover {
  border-color: #0891B2 !important;
  box-shadow: 0 10px 32px rgba(8, 145, 178, 0.22) !important;
  transform: translateY(-4px);
}

.working-block-three:nth-child(3) .inner-box {
  background: #FEF3CD !important;
  border: 2px solid #FDE68A !important;
  transition: border-color 300ms ease, box-shadow 300ms ease, transform 300ms ease;
}
.working-block-three:nth-child(3) .inner-box:hover {
  border-color: #D97706 !important;
  box-shadow: 0 10px 32px rgba(217, 119, 6, 0.22) !important;
  transform: translateY(-4px);
}


/* ─── LOGO BOX — sin fondo de color ──────────────────────── */
.header-style-four .header-lower .logo-box {
  background: transparent !important;
  box-shadow: none !important;
}


/* ─── REDES SOCIALES — COLORES DE MARCA ──────────────────── */

/* Footer bottom — círculos con color de marca */
.main-footer .footer-bottom .social-links li.social-facebook a,
.main-footer .footer-bottom .social-links li.social-instagram a,
.main-footer .footer-bottom .social-links li.social-whatsapp a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  transition: transform 300ms ease, box-shadow 300ms ease, opacity 300ms ease !important;
  color: #fff !important;
}

.main-footer .footer-bottom .social-links li.social-facebook a:hover,
.main-footer .footer-bottom .social-links li.social-instagram a:hover,
.main-footer .footer-bottom .social-links li.social-whatsapp a:hover {
  transform: translateY(-3px) !important;
  opacity: 0.88 !important;
}

.main-footer .footer-bottom .social-links li.social-facebook a {
  background: #1877F2 !important;
  box-shadow: 0 4px 12px rgba(24, 119, 242, 0.40) !important;
}

.main-footer .footer-bottom .social-links li.social-instagram a {
  background: #C13584 !important;
  box-shadow: 0 4px 12px rgba(193, 53, 132, 0.40) !important;
}

.main-footer .footer-bottom .social-links li.social-whatsapp a {
  background: #25D366 !important;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.40) !important;
}

/* Header top — círculos pequeños con color de marca */
.header-top .top-inner .social-links li.social-facebook a,
.header-top .top-inner .social-links li.social-instagram a,
.header-top .top-inner .social-links li.social-whatsapp a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  font-size: 13px !important;
  color: #fff !important;
  transition: transform 300ms ease, opacity 300ms ease !important;
}

.header-top .top-inner .social-links li.social-facebook a {
  background: #1877F2 !important;
  box-shadow: 0 2px 8px rgba(24, 119, 242, 0.40) !important;
}

.header-top .top-inner .social-links li.social-instagram a {
  background: #C13584 !important;
  box-shadow: 0 2px 8px rgba(193, 53, 132, 0.40) !important;
}

.header-top .top-inner .social-links li.social-whatsapp a {
  background: #25D366 !important;
  box-shadow: 0 2px 8px rgba(37, 211, 102, 0.40) !important;
}

.header-top .top-inner .social-links li.social-facebook a:hover,
.header-top .top-inner .social-links li.social-instagram a:hover,
.header-top .top-inner .social-links li.social-whatsapp a:hover {
  opacity: 0.85 !important;
  transform: translateY(-2px) !important;
}

.header-top .top-inner .social-links li.social-facebook a i,
.header-top .top-inner .social-links li.social-facebook a span,
.header-top .top-inner .social-links li.social-instagram a i,
.header-top .top-inner .social-links li.social-instagram a span,
.header-top .top-inner .social-links li.social-whatsapp a i,
.header-top .top-inner .social-links li.social-whatsapp a span {
  color: #fff !important;
  font-size: 13px !important;
}

/* Íconos blancos en footer */
.main-footer .footer-bottom .social-links li.social-facebook a i,
.main-footer .footer-bottom .social-links li.social-facebook a span,
.main-footer .footer-bottom .social-links li.social-instagram a i,
.main-footer .footer-bottom .social-links li.social-instagram a span,
.main-footer .footer-bottom .social-links li.social-whatsapp a i,
.main-footer .footer-bottom .social-links li.social-whatsapp a span {
  color: #fff !important;
  font-size: 15px;
}


/* ─── BOTÓN CITA A DOMICILIO — HERO Y PROCESO ────────────── */

.theme-btn.btn-domicilio {
  background: #0A2540 !important;
  box-shadow: 0 4px 18px rgba(10, 37, 64, 0.30) !important;
}

.theme-btn.btn-domicilio:hover {
  background: #25D366 !important;
  box-shadow: 0 6px 26px rgba(37, 211, 102, 0.40) !important;
  transform: translateY(-2px);
}

.theme-btn.btn-domicilio span {
  background: #1aad54 !important;
}


/* ─── BOTÓN FLOTANTE CITA A DOMICILIO ────────────────────── */

.btn-float-domicilio {
  position: fixed;
  left: 24px;
  bottom: 30px;
  z-index: 89999;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #25D366;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 18px 10px 14px;
  border-radius: 50px;
  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.45);
  text-decoration: none !important;
  transition: background 300ms ease, box-shadow 300ms ease, transform 300ms ease;
  white-space: nowrap;
}

.btn-float-domicilio:hover {
  background: #1aad54;
  box-shadow: 0 8px 30px rgba(37, 211, 102, 0.55);
  transform: translateY(-3px);
  color: #fff !important;
}

.btn-float-domicilio i {
  font-size: 20px;
  color: #fff !important;
  line-height: 1;
}

.btn-float-domicilio span {
  color: #fff !important;
}


/* ─── MÓVIL — MENÚ MÓVIL REDES SOCIALES ──────────────────── */

.mobile-menu .social-links li.social-facebook a,
.mobile-menu .social-links li.social-instagram a,
.mobile-menu .social-links li.social-whatsapp a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  color: #fff !important;
  transition: transform 300ms ease, opacity 300ms ease !important;
}

.mobile-menu .social-links li.social-facebook a {
  background: #1877F2 !important;
  box-shadow: 0 3px 10px rgba(24, 119, 242, 0.40) !important;
}

.mobile-menu .social-links li.social-instagram a {
  background: #C13584 !important;
  box-shadow: 0 3px 10px rgba(193, 53, 132, 0.40) !important;
}

.mobile-menu .social-links li.social-whatsapp a {
  background: #25D366 !important;
  box-shadow: 0 3px 10px rgba(37, 211, 102, 0.40) !important;
}

.mobile-menu .social-links li.social-facebook a span,
.mobile-menu .social-links li.social-instagram a span,
.mobile-menu .social-links li.social-whatsapp a span {
  color: #fff !important;
  font-size: 16px !important;
}


/* ─── MÓVIL — BOTÓN FLOTANTE DOMICILIO ───────────────────── */

/* Fix para móviles: z-index alto, position fixed forzado,
   tamaño reducido para no tapar contenido */
@media (max-width: 767px) {
  .btn-float-domicilio {
    position: fixed !important;
    left: 12px !important;
    bottom: 20px !important;
    z-index: 99999 !important;
    padding: 9px 14px 9px 12px !important;
    font-size: 13px !important;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.50) !important;
    max-width: calc(100vw - 80px);
  }

  .btn-float-domicilio i {
    font-size: 18px !important;
  }
}