@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&display=swap');

@font-face {
    font-family: 'Demarus';
    src: url('/assets/fonts/Woodstamp.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root{--cyan:#0080BF;--gold:#D1AE6C;--charcoal:#292D31;--taupe:#896C4D;--ivory:#F5EEE1;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--charcoal);font-family:Arial,sans-serif}a{color:inherit}
.top-strip{background:var(--cyan);color:#fff;text-align:center;padding:9px 15px;font-size:12px;font-weight:800;letter-spacing:2px}
.site-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:12px 4vw;background:var(--charcoal);border-bottom:5px solid var(--gold);box-shadow:0 3px 14px #0003}
.brand img{width:120px;height:62px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:24px}.main-nav a{color:var(--ivory);text-decoration:none;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.7px}.main-nav a:hover{color:var(--gold)}.menu-toggle{display:none;background:var(--gold);border:0;padding:10px 14px;font-weight:900}
main{min-height:70vh}.mini{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--cyan)}
.news-hero{min-height:390px;padding:65px 6vw;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:30px;background:linear-gradient(90deg,#292d31f2,#292d31c9),url('https://mascaravsmascara.com/assets/img/header.webp') center/cover;color:#fff;border-bottom:8px solid var(--gold)}
.news-hero h1,.news-toolbar h2,.news-card h3,.article h1,.news-empty h1{font-family:Demarus,Impact,sans-serif;letter-spacing:1px}.news-hero h1{font-size:clamp(60px,9vw,125px);line-height:.82;margin:12px 0;color:var(--gold)}.news-hero p{font-size:20px;max-width:720px;line-height:1.6}.news-hero-stamp{justify-self:center;border:5px solid var(--gold);padding:30px;text-align:center;font-family:Demarus,Impact,sans-serif;font-size:34px;transform:rotate(-4deg)}.news-hero-stamp b{color:var(--cyan);font-size:48px}
.news-toolbar{padding:45px 6vw 20px;display:flex;justify-content:space-between;align-items:end}.news-toolbar h2{font-size:46px;margin:4px 0}.news-toolbar>a{font-weight:900;color:var(--cyan)}
.news-grid{padding:0 6vw 65px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.news-card{background:#fff;border:3px solid var(--charcoal);box-shadow:7px 7px 0 var(--gold)}.news-card-image{display:block;height:230px;position:relative;overflow:hidden;background:#ddd}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:.25s}.news-card:hover img{transform:scale(1.04)}.news-card-image span{position:absolute;top:12px;left:12px;background:var(--cyan);color:#fff;padding:7px 10px;font-weight:900;font-size:12px}.news-card-copy{padding:22px}.news-card-copy small{color:var(--taupe);font-weight:800}.news-card h3{font-size:31px;line-height:1;margin:10px 0}.news-card h3 a{text-decoration:none}.news-card p{line-height:1.55}.read-more{font-weight:900;color:var(--cyan);text-decoration:none}
.pagination{display:flex;justify-content:center;gap:8px;padding:0 0 55px}.pagination a{border:2px solid var(--charcoal);padding:9px 13px;text-decoration:none;font-weight:900}.pagination a.active{background:var(--cyan);color:#fff}
.article{max-width:1120px;margin:auto;padding:55px 5vw 80px}.article-head{text-align:center;max-width:900px;margin:auto}.article-category{display:inline-block;background:var(--cyan);color:#fff;padding:7px 12px;text-decoration:none;font-weight:900}.article h1{font-size:clamp(48px,8vw,92px);line-height:.9;margin:22px 0}.article-lead{font-size:22px;line-height:1.55;color:#555}.article-meta{font-weight:900;letter-spacing:1px;color:var(--taupe)}.article-cover{margin:40px 0 35px}.article-cover img{display:block;width:100%;max-height:650px;object-fit:cover;border:4px solid var(--charcoal);box-shadow:10px 10px 0 var(--gold)}.article-video{aspect-ratio:16/9;margin:35px 0}.article-video iframe{width:100%;height:100%;border:0}.article-body{max-width:820px;margin:45px auto;font-family:Georgia,serif;font-size:20px;line-height:1.85;white-space:normal}.article-end{border-top:4px solid var(--charcoal);padding-top:25px;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;font-weight:900}.article-end a{color:var(--cyan)}
.news-empty{grid-column:1/-1;text-align:center;padding:80px 20px}.news-btn{display:inline-block;background:var(--cyan);color:#fff;padding:12px 18px;text-decoration:none;font-weight:900}
.site-footer{background:var(--charcoal);color:var(--ivory);padding:40px 6vw;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;border-top:6px solid var(--gold)}.site-footer img{width:135px}.site-footer div{display:flex;flex-direction:column;gap:10px}.site-footer a{text-decoration:none}.site-footer strong{color:var(--gold)}
@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,1fr)}.news-hero{grid-template-columns:1fr}.news-hero-stamp{display:none}.main-nav{display:none;position:absolute;top:91px;left:0;right:0;background:var(--charcoal);padding:20px 4vw;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block}.site-footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.news-grid{grid-template-columns:1fr}.news-toolbar{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr}.news-card-image{height:210px}.article{padding-left:6vw;padding-right:6vw}.article-body{font-size:18px}}

/* MCM NEWS - TYPOGRAPHY FINAL FIX */
.news-hero h1,
.news-toolbar h2,
.news-card h3,
.article h1,
.article h2,
.article h3,
.news-empty h1 {
    font-family: 'Demarus', sans-serif !important;
    font-weight: 800 !important;
}

.article-body,
.article-body p,
.article-body li {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

/* FINAL TYPOGRAPHY ALIGNMENT WITH MAIN ADMIN */
.news-hero h1,
.news-toolbar h2,
.news-card h3,
.article h1,
.article h2,
.article h3,
.news-empty h1 {
    font-family: 'Demarus', sans-serif !important;
    font-weight: 800 !important;
}

.article-body,
.article-body p,
.article-body li {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}


/* =========================================================
   MCM NEWS PUBLIC - TYPOGRAPHY DEFINITIVE
   ========================================================= */
html,
body,
button,
input,
select,
textarea,
.top-strip,
.main-nav,
.news-hero p,
.mini,
.news-card-copy,
.news-card-copy small,
.read-more,
.pagination,
.article-category,
.article-lead,
.article-meta,
.article-end,
.news-btn,
.site-footer {
    font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif !important;
}

body {
    font-weight: 500 !important;
}

.main-nav a,
.top-strip,
.read-more,
.pagination a,
.article-category,
.article-meta,
.article-end,
.news-btn {
    font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

/* Display typography */
.news-hero h1,
.news-toolbar h2,
.news-card h3,
.article h1,
.article h2,
.article h3,
.news-empty h1,
.news-hero-stamp {
    font-family: 'Demarus', Impact, sans-serif !important;
    font-weight: 800 !important;
}

/* Article prose: Barlow, regular/medium, never Demarus */
.article-body,
.article-body p,
.article-body li,
.article-body a,
.article-body blockquote {
    font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif !important;
    font-weight: 500 !important;
}


/* Images inserted inside article content */
.article-body .blog-image {
    width: 100%;
    margin: 32px 0;
}

.article-body .blog-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.article-body .blog-image figcaption {
    margin-top: 8px;
    font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    line-height: 1.35;
    font-weight: 500;
    opacity: 0.75;
}

@media (max-width: 600px) {
    .article-body .blog-image {
        margin: 22px 0;
    }
}