/* Source: page/footer.php */
footer.pro-footer {
      background: linear-gradient(135deg, #003b5c, #005f8a);
      color: #fff;
  }

/* Source: page/header.php */
/* ============================================================================
       RESET Y VARIABLES CSS
    ============================================================================ */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    
    :root {
      --brand: #00a75d;
      --brand-alt: #007bff;
      --brand-dark: #0b2a3c;
      --brand-light: #e6f3fb;
      --shadow-soft: rgba(0, 0, 0, 0.1);
      --radius-md: 0.75rem;
      --gradient-primary: linear-gradient(135deg, #00a75d, #007bff);
      --gradient-secondary: linear-gradient(90deg, #0b2a3c, #00a75d);
    }

    /* ============================================================================
       BASE 
    ============================================================================ */
    html, body { 
      height: auto; 
      min-height: 100%; 
      overflow-x: hidden; 
    }

    body {
      font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
      line-height: 1.6;
      color: #333;
      padding-top: 88px;
      background: linear-gradient(180deg, #f5f6fa 0%, #e6f3fb 100%);
    }

    /* HEADER */
    .top-strip { height: 4px; background: var(--gradient-primary); }
    
    .main-header {
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(10px);
      box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
      z-index: 1030;
      border-bottom: 1px solid rgba(0, 167, 93, 0.1);
    }

    .navbar-unique {
      padding: 0.8rem 0;
      background: transparent;
      height: auto;
      overflow: visible;
    }

    /* LOGO */
    .logo-pill {
      background: #ffffff;
      border-radius: 999px;
      padding: 0.4rem 1.4rem;
      box-shadow: 0 8px 25px rgba(0, 167, 93, 0.15);
      position: relative;
      top: 6px;
      transition: transform 0.3s ease;
    }
    .logo-pill:hover { transform: scale(1.02); }
    .logo-img { height: 40px; width: auto; object-fit: contain; display: block; }

    /* MENÚ DESKTOP */
    .main-menu .nav-link {
      position: relative;
      padding: 0.35rem 0.9rem;
      color: #4b5563;
      font-size: 0.95rem;
      font-weight: 500;
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      gap: 0.15rem;
      text-decoration: none;
      transition: color 0.3s ease;
    }
    .main-menu .nav-link:hover { color: var(--brand); }
    .main-menu .nav-link span:first-child { white-space: nowrap; }

    .nav-underline {
      width: 0;
      height: 2px;
      border-radius: 999px;
      background: var(--gradient-secondary);
      transition: width 0.3s ease-out;
    }
    .nav-link:hover .nav-underline { width: 80%; }
    .nav-link.active span:first-child,
    .nav-link[aria-current="page"] span:first-child { 
      color: var(--brand-dark); 
      font-weight: 600; 
    }
    .nav-link.active .nav-underline,
    .nav-link[aria-current="page"] .nav-underline { width: 100%; }

    /* DROPDOWNS BASE */
    @keyframes dropdownFade {
      from { opacity: 0; transform: translateY(8px) scale(0.98); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }

    .navbar .dropdown-menu {
      border: none !important;
      border-radius: 18px;
      padding: 0.6rem;
      min-width: 260px;
      background: #ffffff;
      box-shadow: 0 20px 45px rgba(15, 23, 42, 0.18);
      animation: dropdownFade 0.25s ease-out;
    }

    .navbar .dropdown-item {
      border-radius: 12px;
      padding: 0.7rem 1rem;
      font-weight: 500;
      color: #334155;
      transition: all 0.25s ease;
      display: flex;
      align-items: center;
    }
    .navbar .dropdown-item:hover {
      background: linear-gradient(135deg, rgba(0, 167, 93, 0.18), rgba(0, 123, 255, 0.18));
      color: var(--brand-dark);
      padding-left: 1.4rem;
    }
    .navbar .dropdown-divider { margin: 0.4rem 0; opacity: 0.15; }
    .navbar .dropdown-toggle::after {
      margin-left: 0.35rem;
      vertical-align: middle;
      transition: transform 0.25s ease;
    }
    .navbar .show > .dropdown-toggle::after { transform: rotate(180deg); }

    /* COAC ONLINE BASE */
    .btn-online {
      border-radius: 999px;
      border: 1px solid rgba(0,167,93,0.5);
      padding-inline: 1.5rem;
      font-weight: 600;
      color: var(--brand-dark);
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      background: rgba(0, 167, 93, 0.05);
      transition: all 0.3s ease;
    }
    .btn-online:hover {
      background: var(--gradient-primary);
      color: #fff !important;
    }

      @media (max-width: 991.98px) {

        body {
          padding-top: 80px;
        }

        .navbar {
          overflow: visible;
        }

        .navbar-unique {
          padding: 0.75rem 0;
          background: #fff;
          position: fixed;
          top: 0;
          width: 100%;
          z-index: 1050;
          box-shadow: 0 8px 30px rgba(0,0,0,.08);
        }

        .logo-pill {
          padding: 0.35rem 1.3rem;
          border-radius: 999px;
        }

        /* ===============================
          BOTÓN LIMPIO
        ================================ */
        .navbar-toggler {
          width: 52px;
          height: 52px;
          padding: 0;
          border: none !important;
          background: transparent !important;
          box-shadow: none !important;
          position: relative;
        }

        .navbar-toggler-icon {
          display: none !important;
        }

        /* ===============================
          HAMBURGUESA 
        ================================ */
        .toggler-icon,
        .toggler-icon::before,
        .toggler-icon::after {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          width: 26px;
          height: 3px;
          background: #00a75d;
          border-radius: 3px;
          transition: all 0.35s ease;
          transform: translate(-50%, -50%);
        }

        .toggler-icon::before {
          top: calc(50% - 8px);
        }

        .toggler-icon::after {
          top: calc(50% + 8px);
        }

        .navbar-toggler.is-open .toggler-icon {
          background: transparent;
        }

        .navbar-toggler.is-open .toggler-icon::before {
          transform: translate(-50%, -50%) rotate(45deg);
          top: 50%;
        }

        .navbar-toggler.is-open .toggler-icon::after {
          transform: translate(-50%, -50%) rotate(-45deg);
          top: 50%;
        }

        /* ===============================
          PANEL
        ================================ */
        .navbar-collapse {
          background: #fff;
          border-radius: 0 0 22px 22px;
          margin-top: 10px;
          padding: 2.5rem 2rem;
          box-shadow: 0 20px 60px rgba(0,0,0,.12);
          border-top: 4px solid #00a75d;
          max-height: calc(100vh - 120px);
          overflow-y: auto;
        }

        .navbar-nav {
          margin-bottom: 2rem;
        }

        .main-menu .nav-link {
          padding: 1.2rem 1.5rem;
          font-size: 1.05rem;
          font-weight: 500;
          color: #2d3748;
          border-left: 4px solid transparent;
          border-radius: 0 10px 10px 0;
          transition: .3s;
        }

        .main-menu .nav-link:hover,
        .main-menu .nav-link.active {
          background: #f7fafc;
          border-left-color: #00a75d;
          color: #00a75d;
          transform: translateX(6px);
        }

        .btn-online {
          margin: 2rem auto 0;
          padding: .75rem 1.6rem;
          border-radius: 999px;
          border: 1px solid rgba(0,167,93,.5);
          background: rgba(0,167,93,.07);
          color: #00a75d;
          font-weight: 600;
          display: inline-flex;
        }
      }

.footer-logo-round {
  border-radius: 14%;
}

.footer-radial-bg {
  background-image: radial-gradient(#50c8ea, #1C75BC);
}