*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--pop-red:      #CC0000;
--pop-red-dark: #A30000;
--pop-red-hover:#E00000;
--pop-black:    #111111;
--pop-dark:     #222222;
--pop-gray:     #555555;
--pop-light:    #F5F5F5;
--pop-white:    #FFFFFF;
--pop-border:   #E0E0E0;
--pop-category: #CC0000;
--font-display: 'Oswald', sans-serif;
--font-body:    'Source Serif 4', Georgia, serif;
--font-ui:      'Inter', system-ui, sans-serif;
--max-width:    1280px;
--gutter:       24px;
}
html { scroll-behavior: smooth; }
body {
font-family: var(--font-body);
font-size: 16px;
line-height: 1.6;
color: var(--pop-dark);
background: var(--pop-white);
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--pop-red); }
.container {
max-width: var(--max-width);
margin: 0 auto;
padding: 0 var(--gutter);
}
.screen-reader-text {
position: absolute; width: 1px; height: 1px;
overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap;
} h1,h2,h3,h4,h5,h6 {
font-family: var(--font-display);
font-weight: 700;
line-height: 1.2;
color: var(--pop-black);
} #site-header {
background: var(--pop-red);
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 2px 8px rgba(0,0,0,.3);
}
.header-inner {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 10px var(--gutter);
min-height: 70px;
}
.site-logo {
display: flex;
align-items: center;
}
.site-logo img {
height: 90px;
width: auto;
}
.site-logo-text {
font-family: var(--font-display);
font-size: 2rem;
font-weight: 900;
color: var(--pop-white);
letter-spacing: -1px;
text-transform: uppercase;
}
.header-search-btn {
position: absolute;
right: var(--gutter);
background: none;
border: none;
color: var(--pop-white);
cursor: pointer;
padding: 8px;
display: flex;
align-items: center;
font-size: 1.4rem;
transition: opacity .2s;
}
.header-search-btn:hover { opacity: .75; }
.header-menu-btn {
display: none;
position: absolute;
left: var(--gutter);
background: none;
border: none;
color: var(--pop-white);
cursor: pointer;
padding: 8px;
font-size: 1.4rem;
} #site-nav {
background: var(--pop-white);
border-bottom: 1px solid var(--pop-border);
}
.nav-menu {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
flex-wrap: wrap;
gap: 0;
}
.nav-menu li { position: relative; }
.nav-menu > li > a {
display: block;
padding: 12px 14px;
font-family: var(--font-ui);
font-size: .82rem;
font-weight: 600;
color: var(--pop-red);
text-transform: uppercase;
letter-spacing: .03em;
transition: color .2s, background .2s;
border-right: 1px solid var(--pop-border);
}
.nav-menu > li:last-child > a { border-right: none; }
.nav-menu > li > a:hover { background: var(--pop-red); color: var(--pop-white); } .nav-menu .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: var(--pop-white);
min-width: 200px;
border: 1px solid var(--pop-border);
border-top: 2px solid var(--pop-red);
box-shadow: 0 4px 12px rgba(0,0,0,.1);
list-style: none;
z-index: 999;
}
.nav-menu li:hover > .sub-menu { display: block; }
.nav-menu .sub-menu a {
display: block;
padding: 10px 16px;
font-family: var(--font-ui);
font-size: .82rem;
font-weight: 500;
color: var(--pop-dark);
border-bottom: 1px solid var(--pop-border);
transition: color .2s, background .2s;
}
.nav-menu .sub-menu a:hover { color: var(--pop-red); background: var(--pop-light); } .search-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,.85);
z-index: 2000;
align-items: center;
justify-content: center;
}
.search-overlay.active { display: flex; }
.search-overlay-inner {
width: 90%;
max-width: 640px;
position: relative;
} .search-overlay .search-form {
display: flex;
align-items: stretch;
border-bottom: 3px solid var(--pop-red);
}
.search-overlay input[type="search"] {
flex: 1;
padding: 18px 20px;
font-size: 1.2rem;
border: none;
background: var(--pop-dark);
color: var(--pop-white);
outline: none;
min-width: 0;
}
.search-overlay input[type="search"]::placeholder { color: #888; } .search-overlay .search-submit {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
background: var(--pop-red);
border: none;
color: var(--pop-white);
cursor: pointer;
font-size: 1rem;
transition: background .2s;
}
.search-overlay .search-submit:hover { background: var(--pop-red-dark); }
.search-overlay .search-submit svg { pointer-events: none; } .search-overlay-close {
position: absolute;
top: -36px;
right: 0;
background: none;
border: none;
color: var(--pop-white);
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
opacity: .7;
transition: opacity .2s;
padding: 4px 8px;
}
.search-overlay-close:hover { opacity: 1; } .breaking-bar {
background: var(--pop-black);
color: var(--pop-white);
padding: 8px 0;
overflow: hidden;
}
.breaking-inner {
display: flex;
align-items: center;
gap: 16px;
}
.breaking-label {
background: var(--pop-red);
padding: 3px 12px;
font-family: var(--font-ui);
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
white-space: nowrap;
flex-shrink: 0;
}
.breaking-ticker {
font-family: var(--font-ui);
font-size: .85rem;
white-space: nowrap;
overflow: hidden;
}
.breaking-ticker a {
color: var(--pop-white);
transition: color .2s;
}
.breaking-ticker a:hover { color: var(--pop-red); } .hero-section {
padding: 20px 0 0;
background: var(--pop-white);
}
.hero-section .container {
padding: 0 var(--gutter);
}
.hero-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
gap: 4px;
min-height: 480px;
max-width: 1290px;
margin: 0 auto;
}
.hero-item {
position: relative;
overflow: hidden;
background: var(--pop-black);
}
.hero-item--main {
grid-column: 1;
grid-row: 1 / 3;
}
.hero-item--secondary {
grid-column: 2;
grid-row: 1;
}
.hero-item--secondary2 {
grid-column: 2;
grid-row: 2;
}
.hero-item--third {
grid-column: 3;
grid-row: 1 / 3;
}
.hero-thumb {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .4s ease;
}
.hero-item:hover .hero-thumb { transform: scale(1.04); }
.hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.2) 50%, transparent 100%);
}
.hero-content {
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 20px;
color: var(--pop-white);
}
.hero-category {
display: inline-block;
background: var(--pop-red);
padding: 2px 10px;
font-family: var(--font-ui);
font-size: .7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
margin-bottom: 8px;
}
.hero-title {
font-family: var(--font-display);
color: var(--pop-white);
text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.hero-item--main .hero-title { font-size: 1.7rem; }
.hero-item--secondary .hero-title,
.hero-item--secondary2 .hero-title { font-size: 1.1rem; }
.hero-item--third .hero-title { font-size: 1.35rem; } .section-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid var(--pop-red);
}
.section-title {
font-family: var(--font-display);
font-size: 1.6rem;
font-weight: 700;
color: var(--pop-red);
text-transform: uppercase;
}
.section-divider {
flex: 1;
height: 1px;
background: var(--pop-border);
}
.section-link {
font-family: var(--font-ui);
font-size: .78rem;
font-weight: 600;
color: var(--pop-red);
text-transform: uppercase;
letter-spacing: .04em;
transition: color .2s;
}
.section-link:hover { color: var(--pop-red-dark); } .editoria-section {
padding: 32px 0;
border-bottom: 1px solid var(--pop-border);
} .editoria-layout {
display: grid;
grid-template-columns: 1fr 1fr 300px;
gap: 24px;
align-items: start;
}
.editoria-main-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 4px;
}
.editoria-card--featured {
position: relative;
overflow: hidden;
background: var(--pop-black);
aspect-ratio: 16/10;
}
.editoria-card--featured.col-span-2 {
grid-column: span 2;
aspect-ratio: 16/7;
}
.editoria-card--featured .card-thumb {
width: 100%; height: 100%;
object-fit: cover;
transition: transform .35s;
}
.editoria-card--featured:hover .card-thumb { transform: scale(1.03); }
.editoria-card--featured .card-overlay {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.85) 0%, transparent 55%);
}
.editoria-card--featured .card-content {
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 16px;
color: var(--pop-white);
}
.editoria-card--featured .card-title {
font-family: var(--font-display);
font-size: 1rem;
color: var(--pop-white);
line-height: 1.3;
}
.editoria-card--featured.col-span-2 .card-title { font-size: 1.25rem; }
.card-category-badge {
display: inline-block;
background: var(--pop-red);
color: var(--pop-white);
padding: 2px 8px;
font-family: var(--font-ui);
font-size: .65rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 6px;
} .editoria-list {
display: flex;
flex-direction: column;
gap: 0;
}
.editoria-list-item {
display: grid;
grid-template-columns: 100px 1fr;
gap: 12px;
padding: 12px 0;
border-bottom: 1px solid var(--pop-border);
align-items: start;
}
.editoria-list-item:first-child { padding-top: 0; }
.editoria-list-item:last-child { border-bottom: none; }
.editoria-list-thumb {
width: 100px;
height: 65px;
object-fit: cover;
flex-shrink: 0;
}
.editoria-list-title {
font-family: var(--font-display);
font-size: .88rem;
font-weight: 600;
color: var(--pop-black);
line-height: 1.3;
transition: color .2s;
}
.editoria-list-item:hover .editoria-list-title { color: var(--pop-red); }
.editoria-list-category {
font-family: var(--font-ui);
font-size: .68rem;
font-weight: 700;
color: var(--pop-red);
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 4px;
} .outras-section {
padding: 32px 0;
}
.outras-layout {
display: grid;
grid-template-columns: 760px 1fr;
gap: 40px;
align-items: start;
}
.outras-list {
display: flex;
flex-direction: column;
gap: 0;
}
.outras-item {
display: grid;
grid-template-columns: 260px 1fr;
gap: 20px;
padding: 20px 0;
border-bottom: 1px solid var(--pop-border);
align-items: start;
}
.outras-item:first-child { padding-top: 0; }
.outras-thumb {
width: 100%;
height: 160px;
object-fit: cover;
flex-shrink: 0;
}
.outras-meta {
font-family: var(--font-ui);
font-size: .72rem;
font-weight: 700;
color: var(--pop-red);
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 6px;
}
.outras-title {
font-family: var(--font-display);
font-size: 1.1rem;
font-weight: 700;
color: var(--pop-black);
line-height: 1.3;
margin-bottom: 8px;
transition: color .2s;
}
.outras-item:hover .outras-title { color: var(--pop-red); }
.outras-excerpt {
font-family: var(--font-body);
font-size: .88rem;
color: var(--pop-gray);
line-height: 1.55;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .load-more-btn {
display: inline-block;
margin-top: 20px;
padding: 10px 28px;
background: var(--pop-red);
color: var(--pop-white);
font-family: var(--font-ui);
font-size: .82rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
border: none;
cursor: pointer;
transition: background .2s;
}
.load-more-btn:hover { background: var(--pop-red-dark); color: var(--pop-white); } .sidebar { display: flex; flex-direction: column; gap: 24px; }
.widget { }
.widget-title {
font-family: var(--font-display);
font-size: 1rem;
font-weight: 700;
color: var(--pop-black);
text-transform: uppercase;
letter-spacing: .04em;
padding-bottom: 8px;
border-bottom: 2px solid var(--pop-red);
margin-bottom: 12px;
} .ad-placeholder {
background: var(--pop-light);
border: 1px dashed var(--pop-border);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 6px;
color: var(--pop-gray);
font-family: var(--font-ui);
font-size: .78rem;
font-weight: 600;
text-align: center;
min-height: 250px;
}
.ad-300x250 { width: 300px; height: 250px; }
.ad-300x600 { width: 300px; height: 600px; }
.ad-728x90  { width: 100%; max-width: 728px; height: 90px; margin: 0 auto; } .most-read-list { list-style: none; }
.most-read-item {
display: flex;
gap: 10px;
padding: 10px 0;
border-bottom: 1px solid var(--pop-border);
align-items: start;
}
.most-read-item:last-child { border-bottom: none; }
.most-read-num {
font-family: var(--font-display);
font-size: 1.4rem;
font-weight: 900;
color: var(--pop-red);
line-height: 1;
min-width: 24px;
}
.most-read-title {
font-family: var(--font-ui);
font-size: .82rem;
font-weight: 600;
color: var(--pop-dark);
line-height: 1.4;
transition: color .2s;
}
.most-read-item:hover .most-read-title { color: var(--pop-red); } .post-intertitulo {
display: inline-block;
font-family: var(--font-ui);
font-size: .78rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--pop-red);
margin-bottom: 6px;
} .hero-intertitulo {
display: block;
font-family: var(--font-ui);
font-size: .68rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .08em;
color: #FFD700;
margin-bottom: 4px;
}
.editoria-list-intertitulo {
display: block;
font-family: var(--font-ui);
font-size: .65rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .07em;
color: var(--pop-red);
margin-bottom: 2px;
} .single-subtitle-custom {
font-family: var(--font-body);
font-size: 1.15rem;
font-weight: 400;
color: var(--pop-gray);
font-style: italic;
line-height: 1.6;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--pop-border);
} .site-logo img,
.site-logo .custom-logo {
max-height: 54px;
width: auto;
} .single-layout {
display: grid;
grid-template-columns: 1fr 300px;
gap: 40px;
padding: 32px 0 48px;
align-items: start;
}
.single-article { min-width: 0; }
.single-breadcrumb {
font-family: var(--font-ui);
font-size: .78rem;
color: var(--pop-gray);
margin-bottom: 12px;
}
.single-breadcrumb a { color: var(--pop-red); }
.single-breadcrumb span { margin: 0 6px; }
.single-category {
display: inline-block;
background: var(--pop-red);
color: var(--pop-white);
padding: 3px 12px;
font-family: var(--font-ui);
font-size: .72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 14px;
}
.single-title {
font-family: var(--font-display);
font-size: 2.2rem;
font-weight: 900;
color: var(--pop-black);
line-height: 1.2;
margin-bottom: 12px;
}
.single-subtitle {
font-family: var(--font-body);
font-size: 1.1rem;
color: var(--pop-gray);
font-style: italic;
margin-bottom: 20px;
line-height: 1.5;
}
.single-meta {
display: flex;
align-items: center;
gap: 16px;
font-family: var(--font-ui);
font-size: .78rem;
color: var(--pop-gray);
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 1px solid var(--pop-border);
flex-wrap: wrap;
}
.single-meta .author { font-weight: 600; color: var(--pop-dark); }
.single-meta .separator { color: var(--pop-border); }
.single-featured-image {
width: 100%;
max-height: 500px;
object-fit: cover;
margin-bottom: 8px;
}
.single-caption {
font-family: var(--font-ui);
font-size: .75rem;
color: var(--pop-gray);
margin-bottom: 24px;
font-style: italic;
}
.single-content {
font-family: var(--font-body);
font-size: 1rem;
line-height: 1.8;
color: var(--pop-dark);
}
.single-content p { margin-bottom: 20px; }
.single-content h2 {
font-family: var(--font-display);
font-size: 1.5rem;
margin: 28px 0 12px;
color: var(--pop-black);
}
.single-content h3 {
font-family: var(--font-display);
font-size: 1.2rem;
margin: 24px 0 10px;
}
.single-content blockquote {
border-left: 4px solid var(--pop-red);
margin: 24px 0;
padding: 12px 20px;
background: var(--pop-light);
font-style: italic;
color: var(--pop-gray);
}
.single-content ul, .single-content ol {
margin: 0 0 20px 24px;
line-height: 1.8;
} .share-bar {
display: flex;
align-items: center;
gap: 10px;
padding: 16px 0;
border-top: 1px solid var(--pop-border);
border-bottom: 1px solid var(--pop-border);
margin: 24px 0;
flex-wrap: wrap;
}
.share-label {
font-family: var(--font-ui);
font-size: .78rem;
font-weight: 700;
color: var(--pop-gray);
text-transform: uppercase;
}
.share-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 14px;
font-family: var(--font-ui);
font-size: .75rem;
font-weight: 700;
color: var(--pop-white);
border: none;
cursor: pointer;
transition: opacity .2s;
text-decoration: none;
}
.share-btn:hover { opacity: .85; color: var(--pop-white); }
.share-btn--whatsapp { background: #25D366; }
.share-btn--facebook { background: #1877F2; }
.share-btn--twitter  { background: #1DA1F2; }
.share-btn--copy     { background: var(--pop-gray); } .post-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 20px 0;
}
.post-tag {
padding: 4px 12px;
border: 1px solid var(--pop-border);
font-family: var(--font-ui);
font-size: .75rem;
color: var(--pop-gray);
transition: all .2s;
}
.post-tag:hover {
background: var(--pop-red);
color: var(--pop-white);
border-color: var(--pop-red);
} .archive-header {
background: var(--pop-red);
padding: 24px 0;
margin-bottom: 32px;
}
.archive-title {
font-family: var(--font-display);
font-size: 2rem;
font-weight: 900;
color: var(--pop-white);
text-transform: uppercase;
}
.archive-description {
font-family: var(--font-ui);
font-size: .88rem;
color: rgba(255,255,255,.75);
margin-top: 4px;
}
.archive-layout {
display: grid;
grid-template-columns: 1fr 300px;
gap: 40px;
padding-bottom: 48px;
align-items: start;
}
.archive-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.archive-card {
display: flex;
flex-direction: column;
border: 1px solid var(--pop-border);
overflow: hidden;
transition: box-shadow .2s;
}
.archive-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.1); }
.archive-card-thumb {
width: 100%;
height: 160px;
object-fit: cover;
}
.archive-card-body {
padding: 14px;
flex: 1;
display: flex;
flex-direction: column;
}
.archive-card-category {
font-family: var(--font-ui);
font-size: .68rem;
font-weight: 700;
color: var(--pop-red);
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 6px;
}
.archive-card-title {
font-family: var(--font-display);
font-size: .95rem;
font-weight: 700;
color: var(--pop-black);
line-height: 1.3;
margin-bottom: 8px;
flex: 1;
transition: color .2s;
}
.archive-card:hover .archive-card-title { color: var(--pop-red); }
.archive-card-date {
font-family: var(--font-ui);
font-size: .72rem;
color: var(--pop-gray);
} .pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
margin-top: 32px;
}
.page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px; height: 36px;
font-family: var(--font-ui);
font-size: .82rem;
font-weight: 600;
border: 1px solid var(--pop-border);
color: var(--pop-dark);
transition: all .2s;
}
.page-numbers.current,
.page-numbers:hover {
background: var(--pop-red);
color: var(--pop-white);
border-color: var(--pop-red);
}
.page-numbers.dots { border: none; width: auto; } #site-footer {
background: var(--pop-black);
color: var(--pop-white);
padding: 40px 0 0;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 32px;
padding-bottom: 32px;
border-bottom: 1px solid rgba(255,255,255,.1);
}
.footer-brand-name {
font-family: var(--font-display);
font-size: 1.5rem;
font-weight: 900;
color: var(--pop-white);
margin-bottom: 10px;
}
.footer-tagline {
font-family: var(--font-ui);
font-size: .82rem;
color: rgba(255,255,255,.55);
line-height: 1.6;
margin-bottom: 16px;
}
.footer-social {
display: flex;
gap: 10px;
}
.social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 34px; height: 34px;
border: 1px solid rgba(255,255,255,.2);
color: var(--pop-white);
font-size: .85rem;
transition: all .2s;
}
.social-icon:hover { background: var(--pop-red); border-color: var(--pop-red); color: var(--pop-white); }
.footer-col-title {
font-family: var(--font-display);
font-size: .9rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
color: var(--pop-white);
margin-bottom: 14px;
padding-bottom: 8px;
border-bottom: 1px solid var(--pop-red);
}
.footer-menu {
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
}
.footer-menu a {
font-family: var(--font-ui);
font-size: .82rem;
color: rgba(255,255,255,.6);
transition: color .2s;
}
.footer-menu a:hover { color: var(--pop-red); }
.footer-bottom {
padding: 16px 0;
display: flex;
align-items: center;
justify-content: space-between;
font-family: var(--font-ui);
font-size: .75rem;
color: rgba(255,255,255,.4);
flex-wrap: wrap;
gap: 8px;
}
.footer-bottom a { color: rgba(255,255,255,.5); transition: color .2s; }
.footer-bottom a:hover { color: var(--pop-red); } .admin-bar #site-header { top: 32px; } @media (max-width: 1100px) {
.hero-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto;
min-height: auto;
}
.hero-item--main  { grid-column: 1 / 3; grid-row: 1; aspect-ratio: 16/7; }
.hero-item--secondary  { grid-column: 1; grid-row: 2; aspect-ratio: 16/9; }
.hero-item--secondary2 { grid-column: 2; grid-row: 2; aspect-ratio: 16/9; }
.hero-item--third { grid-column: 1 / 3; grid-row: 3; aspect-ratio: 16/7; }
.editoria-layout { grid-template-columns: 1fr 260px; }
.editoria-main-grid { grid-template-columns: 1fr; }
.editoria-card--featured.col-span-2 { grid-column: span 1; }
.outras-layout { grid-template-columns: 1fr; }
.archive-grid { grid-template-columns: repeat(2, 1fr); }
.footer-grid  { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
:root { --gutter: 16px; }
.header-menu-btn { display: flex; }
#site-nav { display: none; }
#site-nav.open { display: block; }
.nav-menu { flex-direction: column; align-items: stretch; }
.nav-menu > li > a {
border-right: none;
border-bottom: 1px solid var(--pop-border);
}
.nav-menu .sub-menu { position: static; box-shadow: none; }
.hero-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
.hero-item--main, .hero-item--secondary,
.hero-item--secondary2, .hero-item--third {
grid-column: auto; grid-row: auto;
aspect-ratio: 4/3;
}
.editoria-layout { grid-template-columns: 1fr; }
.single-layout, .archive-layout { grid-template-columns: 1fr; }
.single-title { font-size: 1.6rem; }
.outras-item { grid-template-columns: 120px 1fr; }
.outras-thumb { height: 80px; }
.archive-grid { grid-template-columns: 1fr; }
.footer-grid  { grid-template-columns: 1fr; }
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}