/*
Theme Name: Claudiana de Melo - Estudos
Author: Projeto Claudiana de Melo
Description: Tema editorial independente para Direito, Negócios e Gestão.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: claudiana-estudos
*/

:root{
  --black:#050505; --ink:#101010; --paper:#f5f3ef; --white:#fff;
  --warm:#b9aa9e; --line:#d8d2ca; --accent:#775a49;
  --sans: "Helvetica Neue", Arial, sans-serif;
  --serif: Georgia, "Times New Roman", serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
.container{width:min(1180px,calc(100% - 48px));margin:auto}
header{position:absolute;z-index:10;width:100%;top:0;color:white}
.nav{height:96px;display:flex;align-items:center;justify-content:space-between}
.mark{font-family:var(--serif);font-size:27px;letter-spacing:-2px;font-weight:700}
.mark span{font-family:var(--sans);font-size:11px;letter-spacing:3px;margin-left:10px;font-weight:400}
.menu{display:flex;gap:34px;font-size:12px;letter-spacing:2px;text-transform:uppercase}
.hero{min-height:92vh;background:var(--black);color:white;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}
.hero-copy{display:flex;align-items:flex-end;padding:150px 7vw 90px}
.eyebrow{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:#c8c2bd;margin-bottom:24px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(54px,7vw,105px);line-height:.9;margin:0 0 28px;letter-spacing:-3px}
.hero p{font-family:var(--serif);font-size:22px;line-height:1.55;max-width:610px;color:#dedad6}
.hero-photo{position:relative;min-height:720px}
.hero-photo img{height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(100%) contrast(1.04)}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,transparent 32%)}
.intro{background:white;padding:110px 0}
.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:start}
.intro h2,.section-title{font-size:clamp(35px,4vw,61px);line-height:1.08;margin:0;font-weight:400}
.intro h2 strong{font-weight:700}
.intro p{font-family:var(--serif);font-size:21px;line-height:1.75;color:#665f59;margin:0}
.areas{background:var(--black);color:white;padding:110px 0}
.areas-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:56px}
.areas-head p{max-width:460px;color:#aaa;line-height:1.7}
.area-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #333}
.area{padding:58px 35px 58px 0;border-bottom:1px solid #333;position:relative}
.area:nth-child(even){padding-left:55px;border-left:1px solid #333}
.area .num{font-family:var(--serif);font-size:18px;color:#777}
.area h3{font-family:var(--serif);font-size:42px;font-weight:400;margin:50px 0 16px}
.area p{color:#aaa;line-height:1.7;max-width:470px}
.arrow{font-size:34px;position:absolute;right:30px;bottom:45px}
.articles{padding:110px 0;background:#f8f7f4}
.articles-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}
.articles-top a{font-size:12px;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid;padding-bottom:7px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:white;border:1px solid var(--line)}
.card-img{height:220px;background:#d8d4cf;overflow:hidden}
.card-img img{height:100%;object-fit:cover;filter:grayscale(100%)}
.card-body{padding:30px}
.tag{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#756b64}
.card h3{font-family:var(--serif);font-size:26px;line-height:1.18;font-weight:400;margin:17px 0}
.card p{font-family:var(--serif);color:#6e6862;line-height:1.55}
.about{background:white;padding:110px 0}
.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:center}
.about img{height:650px;object-fit:cover;object-position:center top}
.about h2{font-family:var(--serif);font-size:56px;font-weight:400;margin:0 0 25px}
.about p{font-family:var(--serif);font-size:20px;line-height:1.75;color:#655f5a}
.note{font-size:12px!important;font-family:var(--sans)!important;letter-spacing:1px;color:#8a827b!important}
footer{background:var(--black);color:white;padding:80px 0 35px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}
.footer-logo{font-family:var(--serif);font-size:55px}
footer h4{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#888}
footer p,footer a{font-size:14px;line-height:1.9;color:#ccc}
.copy{border-top:1px solid #222;margin-top:60px;padding-top:25px;font-size:11px;color:#777}
.article-hero{background:var(--black);color:white;padding:170px 0 90px}
.article-hero h1{font-size:clamp(46px,6vw,82px);max-width:1000px;line-height:1}
.article-meta{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#aaa}
.article{background:white;padding:80px 0}
.prose{max-width:780px;margin:auto;font-family:var(--serif);font-size:20px;line-height:1.8}
.prose h2{font-family:var(--sans);font-size:30px;margin-top:50px}
.prose .disclaimer{font-family:var(--sans);font-size:12px;background:#f4f1ed;padding:20px;margin-top:50px}
@media(max-width:850px){
 .menu{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:150px 24px 65px}.hero-photo{min-height:520px}
 .hero-photo:after{background:linear-gradient(180deg,#050505 0%,transparent 30%)}
 .intro-grid,.about-grid,.footer-grid{grid-template-columns:1fr;gap:45px}.area-grid,.cards{grid-template-columns:1fr}
 .area:nth-child(even){padding-left:0;border-left:0}.about img{height:520px}.container{width:min(100% - 32px,1180px)}
}

.area-grid{grid-template-columns:repeat(3,1fr)}.area:nth-child(even){padding-left:35px}.area:nth-child(3){padding-left:35px;border-left:1px solid #333}.area h3{font-size:clamp(26px,2.5vw,39px)}.area{padding-right:28px}.area p{padding-right:20px}.page-top{background:#050505;color:white;padding:165px 0 85px}.page-top h1{font-size:clamp(45px,6vw,80px)}.listing{padding:65px 0 110px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.filter{border:1px solid #bfb8b0;background:transparent;padding:12px 17px;cursor:pointer;font:inherit;font-size:13px}.filter.active{background:#111;color:white;border-color:#111}.search{width:100%;padding:16px;border:1px solid #cfc9c2;background:white;margin-bottom:25px;font:inherit}.muted{color:#6f6962}.pill{display:inline-block;border:1px solid #ccc;padding:6px 10px;font-size:11px;letter-spacing:1px}.text-page{padding:80px 0 120px;background:white}.text-page .container{max-width:830px}.text-page p{font:20px/1.75 Georgia,serif;color:#5f5a56}.text-page h2{font-size:27px;margin-top:50px}@media(max-width:850px){.area-grid{grid-template-columns:1fr}.area:nth-child(even),.area:nth-child(3){padding-left:0;border-left:0}}

body.admin-bar header{top:32px}.area-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.area:nth-child(even){padding-left:25px;border-left:0}.area{padding-right:25px}.area h3{font-size:clamp(27px,3vw,40px)}.area .arrow{right:18px}.page-top{background:#050505;color:#fff;padding:170px 0 80px}.page-top h1{font-size:clamp(48px,6vw,80px)}.text-page{background:white;padding:85px 0;min-height:45vh}.text-page .container{max-width:950px}.text-page p{font-family:Georgia,serif;font-size:20px;line-height:1.8}.text-page h2{font-size:34px;font-weight:400}.empty-state{padding:45px 0;color:#777}.pagination{margin-top:40px}.pagination .page-numbers{padding:8px 12px}.search-form{display:flex;gap:8px;margin:25px 0 40px}.search-form input{padding:14px;border:1px solid #ccc;min-width:0;flex:1}.search-form button{background:#111;color:white;border:0;padding:14px 22px}.wp-block-image img{height:auto}.prose img{height:auto}.menu-toggle{display:none;background:transparent;border:1px solid #777;color:white;padding:10px 13px;cursor:pointer}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:850px){.menu-toggle{display:block}.menu{display:none;position:absolute;right:16px;top:76px;background:#111;padding:20px;flex-direction:column;gap:18px}.menu.is-open{display:flex}.area-grid{grid-template-columns:1fr}.area:nth-child(even){padding-left:0}.area{padding-left:0}.text-page img.about-portrait{float:none!important;margin:0 0 30px!important;width:100%!important;max-width:430px}}

/* Logo CM - padronização do cabeçalho */

header .brand {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
}

header .brand img {
    display: block;
    width: 145px !important;
    max-width: 100%;
    height: auto !important;
    object-fit: contain;
}

@media (max-width: 850px) {
    header .brand img {
        width: 110px !important;
    }
}