/* ===== Paleta de colores ===== */
:root {
    --color-primario: #1D2B3A;
    --color-secundario: #B3D2BE;
    --color-boton: #F5B89F;
    --color-texto: #5C5F66; /* Nuevo color de texto más suave */
    --color-fondo: #FAF9F6;
    --color-texto-suave: #7A7F87; /* Adicional para subtítulos, párrafos secundarios */
    --color-texto-fade: rgba(92, 95, 102, 0.5);
    --color-background-verde: rgba(179, 210, 190, 0.4);
    --color-background-durazno: rgba(245, 184, 159, 0.4);
  }
  
  /* ===== Estilos base ===== */
  body {
    background-color: var(--color-fondo);
    color: var(--color-texto);
    font-family: 'Nunito', sans-serif;
  }
  
  h1, h2, h3, h4, h5, h6 {
    color: var(--color-primario);
  }

  html {
    scroll-behavior: smooth;
  }
  
  /* ===== Botón personalizado ===== */
  .btn-competify {
    background-color: var(--color-boton);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    border: none;
    transition: background 0.3s ease;
  }
  
  .btn-competify:hover {
    background-color: #e9a385;
  }

  .tns-nav button.tns-nav-active{
    background: var(--color-texto) !important;
  }

  .tns-nav button{
    background: var(--color-texto-fade) !important;
  }

  .accordion-button,
  .accordion-collapse,
  .accordion,
  .accordion .accordion-item .accordion-button::before {
    color: var(--color-texto) !important;
  }
  
  /* ===== Reescritura de clases Bootstrap si se usan ===== */
  .btn-primary {
    background-color: var(--color-primario) !important;
    border-color: var(--color-primario) !important;
    color: white !important;
  }

  .bg-gradient-primary {
    background: linear-gradient(to left, #B3D2BE 0%, #F5B89F 100%) !important;
  }

  .modern-app-bg-shape::after {
    background: linear-gradient(
        to right,
        rgba(179, 210, 190, 0.3) 0%, /* Verde pastel 30% opacidad */
        rgba(179, 210, 190, 0.5) 35%, /* Verde pastel 50% opacidad */
        #B3D2BE 100% /* Verde pastel sólido */
    ) !important;
    box-shadow: 0 0 40px rgba(179, 210, 190, 0.2) !important; /* Sombra pastel */
  }

  .bg-primary {
    background-color: var(--color-primario) !important;
  }
  
  .text-muted {
    color: var(--color-texto-suave) !important;
  }

  .text-primary {
    color: #B3D2BE !important;
  }
  
  .bg-light {
    background-color: var(--color-fondo) !important;
  }

  .section-partner{
    background-color: white !important;
  }

  .work-process.process-arrow:after{
    background: url(/assets/images/competify/process.png) center center no-repeat !important;
  }

  .nav-link.active {
    background-color: var(--color-background-verde) !important;
  }

  .back-to-top {
    background-color: var(--color-primario) !important;
  }

  .features.feature-primary.feature-clean .icons i{
    background-color: var(--color-background-durazno) !important;
  }
  
  .features.feature-primary.feature-clean .icons{
    color: var(--color-boton) !important;
  }

  /* ===== Secciones ===== */
  .section {
    padding: 80px 0;
  }

  .section-policy{
    padding: 0px 0px 80px 0px;
  }

  .section-mod1 {
    padding: 0;
  }

  .section-mod2 {
    padding-top: 0;
    padding-bottom: 80px;
  }

  .section-mod3 {
    margin-top: 40px;
    padding: 80px 0;
    background-color: var(--color-background-verde) !important;
  }
  
  .card-custom {
    border: 1px solid var(--color-secundario);
    padding: 2rem;
    border-radius: 16px;
  }

  .footer {
    background-color: var(--color-secundario) !important;
    color: var(--color-primario) !important;
  }

  .footer-head {
    color: var(--color-primario) !important;
    font-weight: bold !important;
  }

  .text-foot {
    color: var(--color-texto) !important;
  }
  
  /* ===== Links ===== */
  a {
    color: var(--color-primario);
    text-decoration: none;
  }
  
  a:hover {
    color: var(--color-boton);
    text-decoration: underline;
  } 

  @media (max-width: 767px) {
    /* Ajustes de padding para secciones */
    .section-padding,
    .container {
      padding: 0 20px !important;
    }

    .section,
    .section-mod1,
    .section-mod2,
    .section-mod3 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    
  
    .bg-half-170 {
      padding-top: 150px !important;
      padding-bottom: 100px !important;
      height: auto;
    }

    .text-end  {
        text-align: center !important;
    }
  
  }