/*
Theme Name: Carlos Hank Editorial
Theme URI: https://www.carloshankgonzalez.mx
Author: Carlos Hank González
Description: Tema editorial institucional, ligero y accesible.
Version: 1.0.0
Text Domain: carloshank-editorial
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

:root { --ink:#112b3c; --ink-deep:#091a26; --copper:#b27a4d; --sand:#ece7dc; --paper:#fbfaf7; --mist:#dce5e5; --text:#24343c; --muted:#617078; --line:rgba(17,43,60,.18); --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--text); font-family:'DM Sans',Arial,sans-serif; font-size:16px; line-height:1.65; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
a:focus-visible, button:focus-visible { outline:3px solid var(--copper); outline-offset:4px; }
.site-shell { max-width:var(--max); margin:auto; padding:0 28px; }
.site-header { background:var(--paper); border-bottom:1px solid var(--line); }
.masthead { min-height:122px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.site-branding { display:flex; align-items:center; gap:17px; }
.monogram { width:48px; height:48px; border:1px solid var(--copper); border-radius:50%; display:grid; place-items:center; color:var(--copper); font:700 16px 'Libre Baskerville',serif; letter-spacing:-2px; }
.site-title { display:block; color:var(--ink-deep); font:700 20px 'Libre Baskerville',serif; letter-spacing:-.035em; line-height:1.15; }
.site-tagline { display:block; color:var(--muted); font-size:12px; margin-top:2px; }
.menu { display:flex; gap:25px; list-style:none; margin:0; padding:0; }
.menu a { color:var(--ink); font-size:14px; font-weight:600; }
.menu a:hover, .menu .current-menu-item a { color:var(--copper); }
.menu-toggle { display:none; background:none; border:0; color:var(--ink); font:600 14px 'DM Sans',sans-serif; }
.hero { background:var(--ink); color:white; overflow:hidden; }
.hero-grid { min-height:550px; display:grid; grid-template-columns:1.08fr .92fr; align-items:stretch; }
.hero-copy { padding:84px 8% 72px 0; display:flex; flex-direction:column; justify-content:center; }
.section-kicker { color:var(--copper); font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.hero h1 { font:400 clamp(37px,4.3vw,64px)/1.13 'Libre Baskerville',serif; letter-spacing:-.045em; margin:14px 0 22px; max-width:680px; }
.hero .excerpt { color:#d6e0e0; max-width:610px; font-size:17px; margin:0 0 28px; }
.hero-date,.article-date { font-size:13px; color:#9caeb3; }
.text-link { display:inline-flex; align-items:center; gap:10px; color:inherit; font-size:14px; font-weight:600; margin-top:20px; }
.text-link:after { content:'→'; font-size:19px; transition:transform .2s; }
.text-link:hover:after { transform:translateX(5px); }
.hero-visual { min-height:380px; background:linear-gradient(140deg,#c3d1d1,#6e8992); position:relative; }
.hero-visual img { width:100%; height:100%; min-height:550px; object-fit:cover; mix-blend-mode:multiply; filter:saturate(.72) contrast(1.04); }
.hero-visual:after { content:''; position:absolute; inset:0; background:linear-gradient(130deg,rgba(9,26,38,.15),transparent 48%,rgba(178,122,77,.24)); }
.hero-mark { position:absolute; right:7%; bottom:9%; z-index:1; color:white; font:400 clamp(70px,11vw,150px)/.8 'Libre Baskerville',serif; opacity:.86; }
.front-main { padding:82px 0 98px; }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:24px; border-bottom:1px solid var(--line); padding-bottom:17px; margin-bottom:31px; }
.section-head h2 { margin:0; color:var(--ink); font:400 30px/1.2 'Libre Baskerville',serif; letter-spacing:-.035em; }
.section-head a { color:var(--copper); font-size:14px; font-weight:600; }
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.news-card { border-top:3px solid var(--mist); padding-top:19px; display:flex; flex-direction:column; }
.news-card:nth-child(2) { border-color:var(--copper); }
.news-card .card-image { aspect-ratio:1.52; margin:0 0 19px; background:var(--mist); overflow:hidden; }
.news-card .card-image img { width:100%; height:100%; object-fit:cover; }
.news-card h3 { color:var(--ink); font:400 22px/1.3 'Libre Baskerville',serif; letter-spacing:-.025em; margin:10px 0 12px; }
.news-card h3 a:hover { color:var(--copper); }
.news-card p { color:var(--muted); font-size:14px; line-height:1.6; margin:0; }
.feature-band { display:grid; grid-template-columns:1fr 1.05fr; margin-top:92px; background:var(--sand); }
.feature-band .portrait { min-height:360px; background:linear-gradient(135deg,#8ba0a5,#405b65); overflow:hidden; }
.feature-band .portrait img { width:100%; height:100%; object-fit:cover; filter:grayscale(30%); }
.feature-copy { padding:62px clamp(30px,6vw,85px); display:flex; flex-direction:column; justify-content:center; }
.feature-copy h2 { color:var(--ink); font:400 clamp(30px,3vw,44px)/1.22 'Libre Baskerville',serif; letter-spacing:-.045em; margin:10px 0 17px; }
.feature-copy p { margin:0; color:#4d5b5e; max-width:460px; }
.archive-head { background:var(--ink); color:#fff; padding:72px 0; }
.archive-head h1 { font:400 clamp(38px,5vw,60px)/1.1 'Libre Baskerville',serif; margin:7px 0 0; letter-spacing:-.045em; }
.archive-main { padding:58px 0 94px; }
.archive-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 46px; }
.archive-item { border-bottom:1px solid var(--line); padding:27px 0 28px; }
.archive-item h2 { color:var(--ink); font:400 26px/1.27 'Libre Baskerville',serif; letter-spacing:-.03em; margin:8px 0 10px; }
.archive-item h2 a:hover { color:var(--copper); }
.archive-item p { color:var(--muted); margin:0; font-size:14px; }
.pagination { display:flex; gap:10px; margin-top:44px; }
.pagination .page-numbers { border:1px solid var(--line); padding:7px 13px; font-size:14px; }
.pagination .current { color:#fff; background:var(--ink); border-color:var(--ink); }
.article { max-width:820px; padding:72px 28px 96px; margin:auto; }
.article .entry-category { color:var(--copper); font-size:13px; font-weight:600; }
.article h1 { color:var(--ink); font:400 clamp(35px,5vw,60px)/1.16 'Libre Baskerville',serif; letter-spacing:-.045em; margin:12px 0 17px; }
.article .entry-content { font-size:18px; line-height:1.8; margin-top:38px; }
.article .entry-content p { margin:0 0 1.45em; }
.article .entry-content h2,.article .entry-content h3 { color:var(--ink); font-family:'Libre Baskerville',serif; line-height:1.3; margin-top:2em; }
.article .entry-content img { margin:32px auto; }
.site-footer { background:var(--ink-deep); color:#d9e3e3; padding:44px 0; }
.footer-inner { display:flex; justify-content:space-between; gap:25px; align-items:center; }
.footer-name { color:#fff; font:400 19px 'Libre Baskerville',serif; }
.footer-copy { color:#9eb1b5; font-size:13px; margin:5px 0 0; }
.footer-links { display:flex; gap:18px; font-size:13px; }
@media (max-width:760px) { .site-shell { padding:0 20px; } .masthead { min-height:88px; } .menu-toggle { display:block; } .main-navigation { display:none; } .main-navigation.is-open { display:block; position:absolute; z-index:5; top:88px; left:0; right:0; background:var(--paper); border-bottom:1px solid var(--line); } .main-navigation.is-open .menu { display:block; padding:16px 20px; } .main-navigation.is-open li { padding:10px 0; } .hero-grid,.feature-band { grid-template-columns:1fr; } .hero-copy { padding:60px 0 55px; } .hero-visual,.hero-visual img { min-height:300px; } .hero-visual { order:-1; } .news-grid,.archive-list { grid-template-columns:1fr; } .front-main { padding:55px 0 70px; } .feature-band { margin-top:58px; } .footer-inner { align-items:flex-start; flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .text-link:after { transition:none; } }