.docs-card {
        cursor: pointer;
        background: #f7faff;
        border-radius: 16px;
        box-shadow: 0 2px 12px rgba(26, 115, 232, 0.09)!important;
        transition: box-shadow 0.25s, transform 0.18s, background 0.20s;
        border: 2px solid transparent;
        user-select: none;
    }
    .docs-card:hover, .docs-card.selected {
        box-shadow: 0 8px 28px rgba(26, 115, 232, 0.19)!important;
        background: #e8f0fe;
        border-color: #1766d8;
        transform: translateY(-2px) scale(1.03);
    }
    /* Responsivo extra para cards */
    @media (max-width: 600px) {
        .docs-card {
        padding: 1.2rem 0.3rem;
        min-height: 130px;
        }
        .container { padding: 0 6px;}
    }

    /* Transição suave seção */
    .docs-section-fadein {
        animation: docsSectionFadein .4s cubic-bezier(.4,.8,.6,1.2);
    }
    @keyframes docsSectionFadein {
        from { opacity:0; transform: translateY(40px);}
        to   { opacity:1; transform: translateY(0);}
    }
      body{
        background-color: #FAF9F6;
        font-family: 'Roboto', sans-serif;
      }
       .navbar-nav .nav-link.custom-hover {
          transition: color .2s;
          padding-bottom: 5px;
        }
        .navbar-nav .nav-link.custom-hover::after {
          content: '';
          display: block;
          margin: 0 auto;
          width: 0;
          height: 2px;
          background: #2855A7;
          border-radius: 1px;
          transition: width .25s;
        }
        .navbar-nav .nav-link.custom-hover:hover,
        .navbar-nav .nav-link.custom-hover.active {
          color: #2855A7;
        }
        .navbar-nav .nav-link.custom-hover:hover::after,
        .navbar-nav .nav-link.custom-hover.active::after {
          width: 80%;
        }
        .navbar {
          background: linear-gradient(90deg, #fff 60%, #e5eeff 100%);
        }