/*
Theme Name: Mota News 29
Author: Alejandro Mota
Author URI: https://alejandromota.rd-o.com/
Description: Diseño editorial en rojo y negro inspirado en la portada de referencia, con secciones extendidas.
Version: 1.0.0
Text Domain: mota-news-29
*/
:root{--red:#bb052b;--ink:#242523;--line:#999}*{box-sizing:border-box}body{margin:0;background:#e7e7e4;color:var(--ink);font-family:Georgia,serif}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;height:auto}.paper{max-width:1250px;margin:auto;padding:24px 30px;background:#fff}.topline{display:flex;justify-content:space-between;border:1px solid #666;padding:5px 8px;text-transform:uppercase;font:10px Arial,sans-serif}.masthead{display:grid;grid-template-columns:1fr 2.3fr 1fr;align-items:center;text-align:center;padding:18px 0}.brand{font:900 clamp(40px,5.5vw,76px)/.95 Arial,sans-serif;letter-spacing:-.055em;display:block}.brand span{color:var(--red)}.brand img{max-height:130px;width:auto;object-fit:contain}.masthead p{font-style:italic;margin:8px 0 0;font-size:18px}.edition-seal{font:11px/1.6 Arial,sans-serif;letter-spacing:.12em}.nav{display:flex;overflow:auto;border-top:3px solid var(--red);border-bottom:1px solid #777;margin-bottom:20px}.nav a{flex:0 0 auto;padding:10px;font:700 11px Arial,sans-serif;text-transform:uppercase}.nav a:hover{background:var(--red);color:white}.opening{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:16px;align-items:start}.photo{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center top}.placeholder{display:grid;place-items:center;background:#f0eded;color:#aa1734;font:17px Arial,sans-serif}.side-cards article{border:1px solid #777;padding:7px;margin-bottom:14px;background:#f5f5f1;text-align:center}.side-cards h3{font:bold 18px/1.1 Georgia,serif;margin:10px 0;text-transform:uppercase}.date{font:10px Arial,sans-serif;color:#666}.cover-story{border:1px solid #888;padding:5px}.cover-story .photo{aspect-ratio:4/4.5}.cover-title{background:var(--red);color:#fff;padding:8px 10px;margin-top:4px}.cover-title h1{font:900 25px/1.08 Georgia,serif;text-transform:uppercase;margin:0}.cover-title a:hover{color:#fff;text-decoration:underline}.cover-story>p{font:13px/1.5 Georgia,serif;margin:10px 7px}.editorial{border:1px solid #888;background:#f7f6f0;padding:12px}.eyebrow{font:800 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--red)}.editor-author{display:flex;align-items:center;gap:9px;margin:12px 0;font:11px Arial,sans-serif}.editor-author img{width:48px;height:48px;border-radius:50%}.editorial h3{font:bold 22px/1.1 Georgia,serif}.editorial p{font:14px/1.55 Georgia,serif}.read{font:bold 12px Arial,sans-serif;color:var(--red)}.big-story{text-align:center;margin:24px 0 18px;border-top:3px double #777;padding-top:16px}.big-story h2{font:900 40px/1.08 Georgia,serif;margin:8px 0}.big-story p{font:15px/1.5 Georgia,serif;max-width:1000px;margin:10px auto}.brief-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:#f4f4ec;border-top:1px solid #888;border-bottom:4px solid var(--red);padding:14px}.brief-row article{display:grid;grid-template-columns:1fr 100px;gap:10px;border-right:1px solid #aaa;padding-right:12px}.brief-row article:last-child{border:0}.brief-row h3{font:700 17px/1.15 Georgia,serif;margin:6px 0}.brief-row .photo{width:100px;height:100px;border-radius:50%;aspect-ratio:1}.news-section{margin-top:28px;border-top:3px solid var(--red)}.news-section>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #aaa;margin-bottom:16px;padding:9px 0}.news-section>header h2{font:900 30px Georgia,serif;margin:0}.news-section>header>a{font:bold 12px Arial,sans-serif}.section-body{display:grid;grid-template-columns:1.2fr 2fr;gap:22px}.section-feature{border-right:1px solid #aaa;padding-right:18px}.section-feature h3{font:bold 30px/1.1 Georgia,serif;margin:10px 0}.section-feature p{font:16px/1.5 Georgia,serif}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-grid article{border-bottom:1px solid #aaa;padding-bottom:12px}.section-grid h3{font:bold 22px/1.1 Georgia,serif;margin:9px 0}.section-grid p{font:14px/1.5 Georgia,serif}.section-1{background:#f7f6f2;padding:0 14px 16px}.footer{border-top:6px solid var(--red);margin-top:32px;padding-top:20px}.footer-brand{font:900 36px Arial,sans-serif;letter-spacing:-.04em}.footer-brand small{display:block;font:italic 15px Georgia,serif;letter-spacing:0;margin:5px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px;border-top:1px solid #aaa;padding-top:16px}.footer-grid h2{font:700 17px Arial,sans-serif}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font:12px Arial,sans-serif}.footer input{max-width:100%;padding:8px;border:1px solid #999}.footer input[type=submit]{background:var(--red);color:#fff;cursor:pointer}.signature{border-top:1px solid #aaa;text-align:center;padding-top:14px;margin-top:24px;font:12px/1.7 Arial,sans-serif}.single-layout{display:grid;grid-template-columns:minmax(0,3fr) 1fr;gap:25px}.single-layout h1{font:900 40px/1.1 Georgia,serif}.content{font:19px/1.8 Georgia,serif;overflow-wrap:anywhere}.content iframe{max-width:100%}.content figure{margin:20px 0;max-width:100%}.related{border-top:4px solid var(--red);background:#f6f5f2;padding:12px}.related article{border-bottom:1px solid #aaa;padding-bottom:14px;margin-bottom:14px}.related h3{font:bold 20px/1.15 Georgia,serif}.journalist{display:flex;gap:16px;border-top:3px solid var(--red);padding:20px 0;margin-top:25px}.journalist img{width:80px;height:80px;border-radius:50%}.journalist h2{margin:6px 0}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.archive-grid h2{font-size:25px}.archive-grid p{font-size:15px;line-height:1.5}.screen-reader-text{position:absolute;left:-10000px}
@media(max-width:850px){.paper{padding:18px}.opening{grid-template-columns:1fr 2fr}.editorial{grid-column:span 2}.editorial p{columns:2;column-gap:24px}.brief-row article{grid-template-columns:1fr}.brief-row .photo{width:75px;height:75px}.single-layout{grid-template-columns:1fr}.related{display:grid;grid-template-columns:1fr 1fr;gap:16px}.related>h2{grid-column:span 2}.archive-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.paper{padding:12px}.topline{font-size:9px}.topline span:last-child{display:none}.masthead{display:block}.edition-seal{display:none}.brand{font-size:48px}.opening{display:flex;flex-direction:column}.cover-story{order:0;width:100%}.side-cards{order:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.side-cards h3{font-size:16px}.editorial{order:2}.editorial p{columns:1}.cover-story .photo{aspect-ratio:4/3}.big-story h2{font-size:30px}.brief-row{grid-template-columns:1fr}.brief-row article{grid-template-columns:1fr 75px;border-right:0;border-bottom:1px solid #ccc;padding-bottom:10px}.section-body{display:block}.section-feature{border:0;padding:0}.section-feature h3{font-size:27px}.section-grid{gap:12px}.section-grid h3{font-size:19px}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.single-layout h1{font-size:32px}.content{font-size:18px;line-height:1.7}.related{display:block}.archive-grid{grid-template-columns:1fr}.news-section>header h2{font-size:26px}}
.m29-under-nav{width:100%;margin:0 0 24px}.m29-head-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:16px;border-bottom:3px solid #222;padding-bottom:14px}.m29-head-lead{display:block;margin:0;border:0;padding:0}.m29-head-lead .photo{height:360px;width:100%;object-fit:cover}.m29-head-lead strong{font-size:clamp(26px,3.3vw,44px)}.m29-head-lead p{font-size:16px}.m29-head-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m29-head-side article{border-left:1px solid #999;padding-left:10px}.m29-head-side article>a{display:block}.m29-head-side .photo{height:145px;width:100%;object-fit:cover}.m29-head-side div>span{display:block;background:var(--red);color:#fff;font:700 8px Arial,sans-serif;padding:3px 5px;margin-top:6px;width:max-content}.m29-head-side div>a{display:block;font:700 18px/1.05 Georgia,serif;margin-top:6px}.m29-head-side p{font:13px/1.35 Georgia,serif;margin:7px 0}@media(max-width:540px){.m29-head-layout{display:block}.m29-head-lead .photo{height:230px}.m29-head-side{margin-top:12px;grid-template-columns:1fr 1fr}.m29-head-side .photo{height:110px}.m29-head-side div>a{font-size:15px}.m29-head-side p{font-size:12px}}

