/* ============================================================
   PÁGINA DE CURSOS - Design personalizado
   ============================================================ */

/* ---------- Breadcrumb Area ---------- */
.breadcum-area {
    background: linear-gradient(135deg, var(--pf-midnight) 0%, var(--pf-navy) 100%);
    padding: 60px 0 40px;
    margin-top: 0;
}

.breadcum-area .breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
}

.breadcum-area .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 1.4rem;
    transition: color 0.2s ease;
}

.breadcum-area .breadcrumb-item a:hover {
    color: var(--pf-terminal);
}

.breadcum-area .breadcrumb-item.active {
    color: var(--pf-terminal);
    font-size: 1.4rem;
}

.breadcum-area .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.4);
}

.breadcum-area .g-title {
    color: #fff;
    font-family: var(--pf-font-display);
    font-size: 3.2rem;
    font-weight: 700;
    margin: 0;
}

.breadcum-area .showing-text {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.5rem;
}

/* Layout toggle buttons */
.breadcum-area .tab-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.breadcum-area .tab-list li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.breadcum-area .tab-list li a:hover,
.breadcum-area .tab-list li.active a {
    background: var(--pf-terminal);
    border-color: var(--pf-terminal);
    color: var(--pf-midnight);
}

.breadcum-area .tab-list li a svg {
    width: 18px;
    height: 18px;
}

/* ---------- Course Cards ---------- */
.eNtery-item .eBar-card {
    background: #fff;
    border: 1px solid var(--pf-border);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    text-decoration: none;
    display: block;
    height: 100%;
}

.eNtery-item .eBar-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(10, 22, 40, 0.12);
    border-color: var(--pf-terminal);
}

.eNtery-item .courses-img {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background: #f5f5f5;
}

.eNtery-item .courses-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

.eNtery-item .eBar-card:hover .courses-img img {
    transform: scale(1.05);
}

/* ---------- Pagination ---------- */
.entry-pagination {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.entry-pagination .pagination {
    gap: 8px;
}

.entry-pagination .page-item .page-link {
    padding: 10px 16px;
    border: 1px solid var(--pf-border);
    border-radius: 8px;
    color: var(--pf-midnight);
    font-size: 1.5rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.entry-pagination .page-item .page-link:hover {
    background: var(--pf-terminal);
    border-color: var(--pf-terminal);
    color: #fff;
}

.entry-pagination .page-item.active .page-link {
    background: var(--pf-terminal);
    border-color: var(--pf-terminal);
    color: #fff;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
    .breadcum-area .g-title {
        font-size: 2.4rem;
    }
}

@media (max-width: 767px) {
    .breadcum-area {
        padding: 40px 0 30px;
    }
    
    .breadcum-area .g-title {
        font-size: 2rem;
    }
    
    .breadcum-area .tab-list ul {
        justify-content: flex-start;
        margin-top: 16px;
    }
}

/* ============================================================
   RENOVAÇÃO /COURSES — espelha o design da homepage
   Paleta e card de curso (toro) iguais aos da home
   ============================================================ */

/* Tokens do card (paleta da homepage). Apenas variáveis que o
   toro_home_v2.css NÃO define — nada aqui sobrescreve o tema v2. */
:root {
    --pf-petrol: #0B3A3E;
    --pf-petrol-2: #0E5C63;
    --pf-emerald: #12B76A;
    --pf-turq: #2ED3B7;
    --pf-ink: #0F172A;
    --pf-ink-2: #475467;
    --pf-gradient-primary: linear-gradient(135deg, #12B76A 0%, #2ED3B7 100%);
    --pf-transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);
    --pf-shadow-sm: 0 2px 8px rgba(11, 58, 62, 0.06);
    --pf-shadow-xl: 0 24px 64px rgba(11, 58, 62, 0.20);
}

/* ---------- Fundo da seção do grid ---------- */
.eNtery-item {
    background: var(--pf-paper);
    padding: 56px 0 72px;
}

/* ---------- Pills de categoria (links, estilo homepage) ---------- */
.courses-category-filters {
    margin-bottom: 44px;
}
.courses-category-filters a.pf-filter-btn {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

/* ---------- Card de curso (idêntico ao card da homepage) ---------- */
.eNtery-item .card-curso-toro {
    width: 100%;
    min-width: 0;
    background: #fff;
    border: 1px solid var(--pf-border);
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.4s var(--pf-transition-smooth);
    box-shadow: var(--pf-shadow-sm);
    position: relative;
    height: 100%;
}
.eNtery-item .card-curso-toro::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(18, 183, 106, 0.05) 0%, transparent 50%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: 1;
}
.eNtery-item .card-curso-toro:hover {
    transform: translateY(-8px);
    box-shadow: var(--pf-shadow-xl);
    border-color: var(--pf-emerald);
}
.eNtery-item .card-curso-toro:hover::before {
    opacity: 1;
}

.eNtery-item .card-curso-toro .toro-card-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: block;
    position: relative;
}
.eNtery-item .card-curso-toro .toro-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s var(--pf-transition-smooth);
}
.eNtery-item .card-curso-toro:hover .toro-card-image img {
    transform: scale(1.08);
}

.eNtery-item .card-curso-toro .toro-card-title-first-line {
    padding: 12px 20px;
    background: linear-gradient(135deg, var(--pf-petrol-2) 0%, var(--pf-petrol) 100%);
    color: #fff;
    text-align: center;
    font-size: 1em;
    line-height: 1.3em;
    font-weight: 600;
    letter-spacing: 0.3px;
    position: relative;
    z-index: 2;
}

.eNtery-item .card-curso-toro .toro-card-price-12x {
    margin: 16px 0 6px;
    text-align: center;
    color: var(--pf-ink);
    letter-spacing: -1px;
    position: relative;
    z-index: 2;
}
.eNtery-item .card-curso-toro .toro-card-price-12x span.small {
    font-size: 1.7em;
    font-weight: 600;
    line-height: 1em;
    color: var(--pf-ink-2);
}
.eNtery-item .card-curso-toro .toro-card-price-12x span.large {
    font-size: 3.2em;
    font-weight: 800;
    line-height: 1em;
    margin-left: 6px;
    background: linear-gradient(135deg, var(--pf-emerald) 0%, var(--pf-turq) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.eNtery-item .card-curso-toro .toro-card-title-second-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    margin: 10px 0;
    font-size: 14px;
    color: var(--pf-ink);
    line-height: 1.3em;
    position: relative;
    z-index: 2;
}
.eNtery-item .card-curso-toro .toro-card-title-second-line b {
    font-weight: 700;
    color: var(--pf-petrol);
}
.eNtery-item .card-curso-toro .toro-icon-pix {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: linear-gradient(135deg, var(--pf-emerald) 0%, var(--pf-turq) 100%);
    border-radius: 6px;
    font-size: 11px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    font-weight: 800;
    box-shadow: 0 4px 12px rgba(18, 183, 106, 0.3);
}

.eNtery-item .card-curso-toro .toro-card-btn-comprar {
    margin: auto 0 20px;
    padding: 0 20px;
    text-align: center;
    position: relative;
    z-index: 2;
}
.eNtery-item .card-curso-toro .toro-card-btn-comprar a {
    color: #fff;
    text-transform: uppercase;
    background: linear-gradient(135deg, var(--pf-emerald) 0%, var(--pf-turq) 100%);
    border-radius: 12px;
    padding: 14px 30px;
    text-decoration: none;
    width: 100%;
    display: block;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.3s var(--pf-transition-smooth);
    box-shadow: 0 6px 20px rgba(18, 183, 106, 0.3);
    position: relative;
    overflow: hidden;
}
.eNtery-item .card-curso-toro .toro-card-btn-comprar a::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--pf-petrol) 0%, var(--pf-petrol-2) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.eNtery-item .card-curso-toro .toro-card-btn-comprar a:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(18, 183, 106, 0.4);
}
.eNtery-item .card-curso-toro .toro-card-btn-comprar a:hover::before {
    opacity: 1;
}
.eNtery-item .card-curso-toro .toro-card-btn-comprar a span {
    position: relative;
    z-index: 1;
}

/* Catálogo orientado à decisão: descoberta, comparação e próximo passo. */
.pf-catalog-hero{background:radial-gradient(circle at 84% 16%,rgba(64, 216, 174,.24),transparent 22%),linear-gradient(120deg,#071425,#102f4c);color:#fff;overflow:hidden;padding:60px 0 66px;position:relative}.pf-catalog-hero::after{border:1px solid rgba(64, 216, 174,.25);border-radius:50%;content:'';height:410px;position:absolute;right:-165px;top:-190px;width:410px}.pf-catalog-hero-grid{align-items:end;display:grid;gap:48px;grid-template-columns:minmax(0,1fr) 275px;position:relative;z-index:1}.pf-catalog-breadcrumb{color:rgba(255,255,255,.64);display:flex;font:500 1.25rem/1.2 var(--pf-font-body);gap:9px;margin-bottom:46px;position:relative;z-index:1}.pf-catalog-breadcrumb a{color:inherit;text-decoration:none}.pf-catalog-breadcrumb a:hover{color:var(--pf-terminal)}.pf-catalog-kicker{align-items:center;color:var(--pf-terminal);display:flex;font:700 1.1rem/1 var(--pf-font-mono);gap:9px;letter-spacing:.08em;margin:0 0 16px;text-transform:uppercase}.pf-catalog-kicker i{background:currentColor;border-radius:50%;height:7px;width:7px}.pf-catalog-hero h1{font:700 clamp(3.8rem,5.4vw,6.6rem)/.98 var(--pf-font-display);letter-spacing:-.06em;margin:0;max-width:690px}.pf-catalog-hero h1 em{color:var(--pf-terminal);font-style:normal}.pf-catalog-hero h1+p{color:rgba(255,255,255,.75);font:400 1.7rem/1.55 var(--pf-font-body);margin:22px 0 0;max-width:680px}.pf-catalog-proof{border-left:2px solid var(--pf-terminal);display:grid;gap:4px;padding:8px 0 8px 20px}.pf-catalog-proof strong{color:#fff;font:700 4.4rem/1 var(--pf-font-mono);letter-spacing:-.08em}.pf-catalog-proof span{font:600 1.35rem/1.25 var(--pf-font-body)}.pf-catalog-proof small{color:rgba(255,255,255,.56);font:500 1.1rem/1.45 var(--pf-font-body);margin-top:10px}.pf-catalog-main{background:#f8f9fa;padding:42px 0 78px}.pf-catalog-controls{align-items:end;border-bottom:1px solid #dce4e8;display:flex;justify-content:space-between;margin-bottom:34px;padding-bottom:28px}.pf-catalog-controls p{color:#546579;font:600 1.35rem/1.25 var(--pf-font-body);margin:0 0 14px}.pf-catalog-filters{display:flex;flex-wrap:wrap;gap:8px}.pf-catalog-filters a{background:#fff;border:1px solid #d8e1e7;border-radius:999px;color:#294055;font:600 1.25rem/1.2 var(--pf-font-body);padding:10px 15px;text-decoration:none;transition:.2s ease}.pf-catalog-filters a:hover,.pf-catalog-filters a.active{background:#0a1628;border-color:#0a1628;color:#fff}.pf-catalog-filters a.active{box-shadow:0 7px 18px rgba(10,22,40,.18)}.pf-catalog-count{color:#68798d;font:500 1.25rem/1.35 var(--pf-font-body);text-align:right}.pf-catalog-count span{color:#0a1628;font:700 2.2rem/1 var(--pf-font-mono)}.pf-course-column{display:flex}.pf-course-card{background:#fff;border:1px solid #dce4e8;border-radius:18px;box-shadow:0 4px 12px rgba(10,22,40,.04);display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;width:100%}.pf-course-card:hover{border-color:#30c49f;box-shadow:0 18px 42px rgba(10,22,40,.14);transform:translateY(-6px)}.pf-course-media{aspect-ratio:16/10;background:#0a1628;display:block;overflow:hidden;position:relative}.pf-course-media img{height:100%;object-fit:cover;transition:transform .45s ease;width:100%}.pf-course-card:hover .pf-course-media img{transform:scale(1.045)}.pf-course-media::after{background:linear-gradient(0deg,rgba(5,14,29,.48),transparent 45%);content:'';inset:0;position:absolute}.pf-course-media-badge{background:rgba(7,20,37,.86);border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;font:700 1.05rem/1 var(--pf-font-mono);left:14px;letter-spacing:.035em;padding:8px 10px;position:absolute;text-transform:uppercase;top:14px;z-index:1}.pf-course-body{display:flex;flex:1;flex-direction:column;padding:21px 21px 19px}.pf-course-eyebrow{color:#237b68;font:700 1.05rem/1.2 var(--pf-font-mono);letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.pf-course-body h2{font:700 2rem/1.13 var(--pf-font-display);letter-spacing:-.035em;margin:0}.pf-course-body h2 a{color:#0a1628;text-decoration:none}.pf-course-body h2 a:hover{color:#237b68}.pf-course-description{color:#617086;font:400 1.3rem/1.5 var(--pf-font-body);margin:12px 0 16px}.pf-course-signals{border-bottom:1px solid #e2e8ec;color:#627488;display:flex;font:600 1.15rem/1.3 var(--pf-font-body);gap:14px;margin-top:auto;padding-bottom:15px}.pf-course-signals span+span{border-left:1px solid #d5e0e5;padding-left:14px}.pf-course-footer{align-items:end;display:flex;gap:14px;justify-content:space-between;padding-top:16px}.pf-course-price{display:grid}.pf-course-price small,.pf-course-price span{color:#708094;font:500 1.05rem/1.25 var(--pf-font-body)}.pf-course-price strong{color:#0a1628;font:700 1.8rem/1.05 var(--pf-font-mono);letter-spacing:-.06em;margin:2px 0}.pf-course-action{align-items:center;color:#237b68;display:inline-flex;font:700 1.2rem/1.2 var(--pf-font-body);gap:6px;text-decoration:none;white-space:nowrap}.pf-course-action span{font-size:1.7rem;transition:transform .2s ease}.pf-course-action:hover{color:#0a1628}.pf-course-action:hover span{transform:translateX(4px)}.pf-catalog-empty{background:#fff;border:1px dashed #bfd0d9;border-radius:18px;padding:50px 24px}@media(max-width:767px){.pf-catalog-hero{padding:38px 0 44px}.pf-catalog-breadcrumb{margin-bottom:30px}.pf-catalog-hero-grid{gap:28px;grid-template-columns:1fr}.pf-catalog-hero h1{font-size:4rem}.pf-catalog-hero h1+p{font-size:1.5rem}.pf-catalog-proof{max-width:265px}.pf-catalog-main{padding-top:28px}.pf-catalog-controls{align-items:start;flex-direction:column;gap:18px}.pf-catalog-count{text-align:left}.pf-course-body{padding:19px}}
/* Disponibilidade comercial: o curso continua visível, sem sugerir compra. */
.pf-course-media-badge.is-sold-out{background:#fff2ec;border-color:rgba(255,107,53,.35);color:#b43f16}.pf-course-sold-out{color:#b43f16!important;letter-spacing:-.035em!important}