.explora-wrapper {
    margin: 40px 0;
}
.explora-wrapper h2{
  margin-bottom:1.2rem;
}

/* ─── Tabs ────────────────────────────────────────────── */
.explora-tab-nav {
    position: relative;
}

.ex-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: #fff;
    box-shadow: none;
    font-size: 19px;
    color: #1e293b;
    padding: 13px 15px 14px 15px;
    cursor: pointer;
    border-radius: 0;
    display: block;
}
button#ex-prev-btn {
    left: -20px;
}
button#ex-next-btn {
    right: -20px;
}
.ex-nav-btn:hover {
    background: #fff;
    color: #1e293bc2;
}
.ex-nav-btn:focus {
    background: #fff;
    color: #1e293b;
}

.explora-tabs{
    display: flex;
    gap: 5px;
    margin: 0 0 25px 0;
    list-style: none;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    scroll-behavior: smooth;
    cursor: grab;
    padding: 3px 0;
}
.explora-tabs::-webkit-scrollbar{display:none}
.explora-tabs button {
    white-space: nowrap;
    background: #f3f4f6;
    display: inline-flex;
    align-items: center;
    margin-right: 4px;
    padding: 10px 16px 12px 16px;
    border: 1.6px solid #dcdfe4 !important;
    background-color: #ffffff;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    font-size: 16px;
    color: #1e293b;
    line-height: 1.05;
    letter-spacing: .05px;
}
.explora-tabs button:hover {
    background-color: #f0f5fa;
    color: #1e293b;
    border: 1.6px solid #cecece;
}
.explora-tabs button.active{
    background-color: #1e293b;
    color: #fff;
    border-color: #1e293b !important;
}

/* ─── Panes & links ───────────────────────────────────── */
.explora-pane{display:none;animation:fad .25s ease}
.explora-pane.active{display:block;min-height: 120px;}
@keyframes fad{from{opacity:0;translate:0 5px}to{opacity:1}}

.explora-links{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 1.35rem 1.15rem;
    list-style: none;
    margin: 0;
    padding: 5px 0;
    overflow: hidden;
}
.explora-links li{
    transition: all .2s;
}
.explora-links a{
    display: block;
    padding: 0;
    text-decoration: none;
    color: #1e293b;
    font-size: 13.1px;
    line-height: 1.2;
}
.explora-links li:hover{
    text-decoration: underline;
    text-underline-offset: 2px;
}
@media(max-width:640px){
    .explora-wrapper {
        padding: 0 15px;
    }
    .ex-nav-btn {
        display: none !important;
    }
    .explora-links {
        grid-template-columns: 1fr;
    }
}