/* =================================
CATEGORY HERO
================================= */

.category-hero {
padding: 40px 0 70px;
}

.category-hero__box {
display: grid;
grid-template-columns: 1fr 480px;
align-items: center;
overflow: hidden;

border-radius: 24px;

background:
radial-gradient(circle at 20% 30%, rgba(67,170,139,0.12), transparent 40%),
radial-gradient(circle at 80% 20%, rgba(23,81,108,0.10), transparent 40%),
#ffffff;

border: 1px solid var(--color-border);
}

.category-hero__content {
padding: 64px;
}

.category-hero__eyebrow {
display: inline-flex;

margin-bottom: 18px;

padding: 8px 14px;

border-radius: 999px;

background: rgba(67,170,139,0.12);

color: var(--cor-secundaria);

font-size: 14px;
font-weight: 600;
}

.category-hero__content h1 {
margin-bottom: 20px;
}

.category-hero__content p {
max-width: 560px;

margin-bottom: 30px;

font-size: 1.1rem;
line-height: 1.8;

color: var(--paragrafos);
}

.category-hero__image {
height: 100%;
}

.category-hero__image img {
width: 100%;
height: 100%;

object-fit: cover;

display: block;
}

/* =================================
TOPICS
================================= */

.category-topics {
background: var(--cor-fundo);

padding: 70px 0;
}

.category-topics .section-title {
text-align: center;

margin-bottom: 50px;
}

.category-topics__grid {
display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 24px;
}

.category-topic {
display: flex;
align-items: center;

padding: 24px;

border-radius: var(--radius-md);

border: 1px solid var(--color-border);

background: var(--cor-clara);

font-weight: 500;

color: var(--cor-primaria);

transition:
transform .25s ease,
box-shadow .25s ease;
}

.category-topic:hover {
transform: translateY(-4px);

box-shadow: var(--dropdown-shadow);
}

.category-topic::before {
content: "✓";

display: flex;
align-items: center;
justify-content: center;

width: 22px;
height: 22px;

margin-right: 14px;

border-radius: 50%;

background: rgba(67,170,139,0.12);

color: var(--cor-secundaria);

font-size: 13px;
font-weight: 700;

flex-shrink: 0;
}

/* =================================
AJUSTES DAS SEÇÕES
================================= */

.learn__featured {
background: var(--cor-fundo);
}

.learn__latest {
background: var(--cor-clara);
}

.learn__featured .section-title,
.learn__latest .section-title {
text-align: left;

margin-left: 0;
margin-right: 0;

max-width: none;
}

/* =================================
RESPONSIVO
================================= */

@media (max-width: 1024px) {

.category-hero__box {
grid-template-columns: 1fr;
}

.category-hero__image {
height: 320px;
}

.category-topics__grid {
grid-template-columns: repeat(2, 1fr);
}

}

@media (max-width: 768px) {

.category-hero {
padding: 30px 0 60px;
}

.category-hero__content {
padding: 40px 32px;
}

.category-hero__content h1 {
font-size: 2.2rem;
}

.category-hero__content p {
font-size: 1rem;
}

.category-topics__grid {
grid-template-columns: 1fr;
}

.category-hero__image {
height: 260px;
}

}

@media (max-width: 480px) {

.category-hero__content {
padding: 32px 24px;
}

.category-hero__content h1 {
font-size: 2rem;
}

.category-topic {
padding: 20px;
}

}