.work-process .cta .cta__title {
        font-size: 2.5rem;
        font-weight: 700;
    }

.fondo {
    background-color: rgb(38, 39, 43) ;
    
    
}

/* Estilo para el top header */
.header-topbar {
    background: linear-gradient(90deg, #ff7e5f, #feb47b); /* Fondo degradado llamativo */
    color: #fff; /* Texto blanco para contraste */
    padding: 15px 0; /* Espaciado vertical */
    font-size: 14px;
  }
  
  .header-topbar .contact__list li {
    margin-right: 20px; /* Espaciado entre elementos */
  }
  
  .header-topbar .contact__list li a {
    color: #fff; /* Enlaces blancos */
    font-weight: bold;
    text-decoration: none;
  }
  
  .header-topbar .contact__list li a:hover {
    text-decoration: underline; /* Subrayado al pasar el mouse */
  }
  
  /* Estilo para el header principal */
  .header {
    background: #fff; /* Fondo blanco para contraste con el top header */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para destacar */
    padding: 20px 0; /* Espaciado vertical */
  }
  
  .navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .navbar-brand img {
    max-height: 60px; /* Ajustar tamaño del logo */
  }
  
  .navbar-nav .nav__item {
    margin: 0 15px; /* Espaciado entre elementos del menú */
  }
  
  .navbar-nav .nav__item-link {
    color: #333; /* Color del texto */
    font-weight: bold;
    text-transform: uppercase; /* Texto en mayúsculas */
    font-size: 16px;
    transition: color 0.3s ease;
  }
  
  .navbar-nav .nav__item-link:hover {
    color: #ff7e5f; /* Color llamativo al pasar el mouse */
  }
  
  .btn__primary {
    background: linear-gradient(90deg, #ff7e5f, #feb47b); /* Fondo degradado */
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 30px;
    text-transform: uppercase;
    transition: background 0.3s ease;
  }
  
  .btn__primary:hover {
    background: linear-gradient(90deg, #feb47b, #ff7e5f); /* Invertir degradado al pasar el mouse */
  }
  
  /* Ajustes responsivos */
  @media (max-width: 768px) {
    .header-topbar {
      text-align: center;
    }
  
    .navbar-nav {
      flex-direction: column;
      align-items: center;
    }
  
    .navbar-nav .nav__item {
      margin: 10px 0;
    }
  }

  /* Estilo para el footer principal */
.footer-primary {
    background: linear-gradient(90deg, #feb47b, #ff7e5f); /* Fondo degradado llamativo */
    color: #fff; /* Texto blanco */
    padding: 50px 0; /* Espaciado vertical */
  }
  
  .footer-widget-about img {
    max-width: 150px; /* Ajustar tamaño del logo */
    margin-bottom: 20px;
  }
  
  .footer-widget-about p {
    font-size: 14px;
    line-height: 1.8;
    color: #fff;
  }
  
  .footer-widget-nav h6,
  .footer-widget-contact h6 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
  }
  
  .footer-widget-nav ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  .footer-widget-nav ul li a:hover {
    color: #333; /* Color oscuro al pasar el mouse */
  }
  
  .footer-widget-contact .phone__number {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
  }
  
  .footer-widget-contact .phone__number:hover {
    color: #333; /* Color oscuro al pasar el mouse */
  }
  
  .footer-widget-contact .btn__primary {
    background: #fff; /* Fondo blanco */
    color: #ff7e5f; /* Texto vibrante */
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 30px;
    text-transform: uppercase;
    transition: background 0.3s ease, color 0.3s ease;
  }
  
  .footer-widget-contact .btn__primary:hover {
    background: #ff7e5f; /* Fondo vibrante */
    color: #fff; /* Texto blanco */
  }
  
  /* Estilo para el footer secundario */
  .footer-secondary {
    background: #333; /* Fondo oscuro */
    color: #fff;
    padding: 20px 0;
    font-size: 14px;
  }
  
  .footer-secondary .footer__copyright-links li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    margin-left: 15px;
    transition: color 0.3s ease;
  }
  
  .footer-secondary .footer__copyright-links li a:hover {
    color: #feb47b; /* Color vibrante al pasar el mouse */
  }
  
  /* Botón de scroll hacia arriba */
  #scrollTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: linear-gradient(90deg, #ff7e5f, #feb47b);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease;
  }
  
  #scrollTopBtn:hover {
    background: linear-gradient(90deg, #feb47b, #ff7e5f); /* Invertir degradado */
  }
  
  /* Ajustes responsivos */
  @media (max-width: 768px) {
    .footer-primary {
      text-align: center;
    }
  
    .footer-widget-nav ul {
      padding: 0;
    }
  
    .footer-secondary .footer__copyright-links {
      justify-content: center;
    }
  }

  /* Estilo unificado para todos los botones */
button, 
input[type="submit"], 
.btn, 
.wpforms-page-button, 
a.btn__primary, 
a.btn__secondary {
  background: linear-gradient(90deg, #ff7e5f, #feb47b); /* Fondo degradado */
  color: #fff; /* Texto blanco */
  font-weight: bold;
  padding: 10px 20px; /* Espaciado interno */
  border-radius: 30px; /* Bordes redondeados */
  text-transform: uppercase; /* Texto en mayúsculas */
  text-decoration: none; /* Sin subrayado */
  display: inline-block;
  transition: background 0.3s ease, color 0.3s ease; /* Transición suave */
  border: none; /* Sin bordes */
  cursor: pointer; /* Cursor de mano */
}

button:hover, 
input[type="submit"]:hover, 
.btn:hover, 
.wpforms-page-button:hover, 
a.btn__primary:hover, 
a.btn__secondary:hover {
  background: linear-gradient(90deg, #feb47b, #ff7e5f); /* Invertir degradado */
  color: #fff; /* Asegurar texto blanco */
}

/* Ajustes específicos para botones secundarios */
.btn__secondary {
  background: #fff; /* Fondo blanco */
  color: #ff7e5f; /* Texto vibrante */
  border: 2px solid #ff7e5f; /* Borde vibrante */
}

.btn__secondary:hover {
  background: #ff7e5f; /* Fondo vibrante */
  color: #fff; /* Texto blanco */
  border-color: #ff7e5f; /* Mantener borde vibrante */
}

/* Ajustes responsivos para botones */
@media (max-width: 768px) {
  button, 
  input[type="submit"], 
  .btn, 
  .wpforms-page-button, 
  a.btn__primary, 
  a.btn__secondary {
    width: 100%; /* Botones ocupan todo el ancho */
    text-align: center; /* Centrar texto */
  }
}

div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    width: 100% !important;
}

div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button, .wp-core-ui div.wpforms-container-full input[type=submit], .wp-core-ui div.wpforms-container-full button[type=submit], .wp-core-ui div.wpforms-container-full .wpforms-page-button{
    width: 100% !important;
}

.miniPopup-emergency-trigger {
    visibility: hidden;
}

.slider .slide__title {
    font-weight: 700 !important;
    color: #21cdc0;
}

.bg-primary {

    background-color: rgb(38, 39, 43) !important;
}


.heading-layout2 .heading__title {

    font-weight: 600 !important;
    
}

.heading__title {
    font-weight: 700 !important;
    color: #B35F00 !important;
}

.member .member__info .member__name a {
    font-weight: 700 !important;
}
.member .member__info .member__name a {
    color: #B35F00 !important;
}
.btn__secondary {
    background-color: #B35F00;
    color: black;

}

.btn__secondary:hover {

    background-color: rgb(38, 39, 43) !important;
    color: white;
    border: 1px solid white;

}
.btn__link.btn__secondary {
    color: black;
}

.member__desc {
    color: black;
}

.heading__desc {

    color: black !important;

}
.accordion-item .accordion__title {

    color: black !;
}

.accordion-item .accordion__title:after {

    background-color: black;
}

.accordion-item.opened .accordion__header:not(.collapsed) .accordion__title {

    color: black;
}

.accordion-item.opened .accordion__header:not(.collapsed) .accordion__title:after {

    background-color: #B35F00;
}

.accordion-item.opened {
    border-color: black;
}

.accordion-item .accordion__title:hover {

    color: #B35F00;
}
.member:hover .btn__link.btn__secondary {

    background-color: #B35F00;
    color: black;
}

.member:hover .btn__link.btn__secondary i{

    
    color: black;
}

.member .btn__link.btn__secondary i {

    color: black;
}

.member .btn__link.btn__secondary:hover {

    background-color: rgb(38, 39, 43) !important;
}

.member:before {
    background-color: #B35F00;
    
}

.heading__subtitle {
    font-weight: 700 !important;
    color: black !important;
}
.cta__title {
    color: #B35F00 !important;
}

.service-item .service__title {

    font-weight: 600 !important;
    color: black;
}

.service-item .btn:hover {

    border-color: #B35F00;
}
.service-item:before {
    background-color: black;
}

.btn__secondary.btn__outlined {
    color: black;
    border: 2px solid black;
}

.service-item:hover:before {
    background-color: #B35F00;
}

.pagetitle__heading {
    font-weight: 700 !important;
    color:  rgb(255, 140, 30);
}

.about-layout3 .experience__years {

    color: black;
}
.pagetitle__subheading {

    color: rgb(255, 140, 30) !important;
}

.about-layout3 .experience__text {

    font-weight: 700 !important;
    color: black;
}

.pagetitle__desc {

    color: white !important;
}

.post-item .post__title a {

    font-weight: 700 !important;
}

.contact-panel__title {
    font-weight: 700 !important;
    color: black;

}

.footer .footer-primary {
    background-color:  rgb(38, 39, 43);
}
.header-topbar {
    background-color: rgb(38, 39, 43);
}

.bg-overlay-secondary:before {
    background-color: #222b46;
}



.btn__primary {
    color: black;
    background-color: rgb(255, 140, 30);
}

.btn:not(.btn__link):not(.btn__outlined):before {
    
    background-color: rgb(38, 39, 43) !important;
}

.navbar .nav__item .nav__item-link {

    color: black;
}

.nav__item .nav__item-link:hover {

    color: #B35F00 !important;
}

.navbar .nav__item .nav__item-link:before {
    background-color: #B35F00 !important;
}

.slider .slide__title {

    color: #B35F00 !important;
}

.btn__white {
    background-color: rgb(255, 140, 30);
    color: black;
    
}

.btn__white:hover {
    background-color: rgb(255, 140, 30);
    color: white;
    border: 1px solid white;
}

.footer .footer-widget-nav li a:hover {

    color: #B35F00 !important;
}

.footer .footer-widget__title {

    font-weight: 600 !important;
    color: rgb(0, 0, 0) !important;
}

.footer .contact-list li {

    color: black;
}

.phone__number {

    color: black !important;
}

.phone__number:hover {

    color: #B35F00 !important;
}

.footer .footer-widget-contact:after {
    background-color: #B35F00 !important;
}

.abajo {

    color: black !important;
    background-color: white;

}


.abajo:hover {

    color:  #B35F00 !important;
    background-color: white;
}

.footer .footer-secondary:after {

    background-color: #B35F00 !important;
}

#scrollTopBtn {
    background-color: #B35F00 !important;
}

.bg-overlay-primary-gradient:before {

    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 19%,rgba(0, 0, 0, 0.4) 71%);
}

.contact-layout1 .contact-panel__info:after, .contact-layout2 .contact-panel__info:after {
    background-color: #B35F00 !important;
}

.footer .footer__copyright-links li a:hover {

    color: #B35F00 !important;
}

.footer .footer-widget-contact:before {

    visibility: hidden !important;
}

.blanco {
    color: white !important;
}


@media (width >= 64rem) { 
    
    .collapse {
        visibility: visible !important;
    }
}