/*
Theme Name: Kike Madrid — Entre proyectos y canciones
Author: Kike Madrid
Description: Tema personal oscuro, con proyectos, música y notas. Creado para kikemadrid.es.
Version: 1.4.2
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: kike-madrid
*/
:root{--bg:#101414;--panel:#141919;--ink:#f4f0e9;--muted:#afb2ad;--amber:#e9b36e;--line:#303430;--wrap:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--amber)}a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:6px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Bahnschrift,'Arial Narrow',Arial,sans-serif;line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(30px,3.5vw,46px);font-weight:700}h3{font-size:23px;letter-spacing:-.025em}.wrap{width:min(var(--wrap),calc(100% - 96px));margin:auto}.skip{position:absolute;left:20px;top:-100px;z-index:999;background:var(--amber);color:#101414;padding:10px}.skip:focus{top:10px}.site-header{position:relative;z-index:5;border-bottom:1px solid rgba(255,255,255,.07)}.home .site-header{position:absolute;top:0;left:0;right:0;border:0}.admin-bar.home .site-header{top:32px}.header-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-weight:750;font-size:28px;white-space:nowrap}.brand span{color:var(--amber)}.site-nav{display:flex;gap:34px;font-size:14px}.site-nav a{padding:8px 0;border-bottom:1px solid transparent}.site-nav a:hover{border-color:var(--amber)}.hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:#0e1111}.hero-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,15,15,.88) 0%,rgba(11,15,15,.73) 25%,rgba(11,15,15,.28) 49%,rgba(11,15,15,0) 75%),linear-gradient(0deg,#101414,transparent 15%)}.hero-content{position:relative;z-index:1;padding:150px 0 94px}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--amber);display:flex;align-items:center;gap:17px;margin:0 0 24px}.eyebrow:before{content:'';width:35px;height:1px;background:var(--amber);display:inline-block}.hero h1{font-size:clamp(44px,5.25vw,73px);max-width:640px;margin-bottom:27px;line-height:1.035;font-weight:750}.hero h1 em{font-style:normal;color:var(--amber)}.hero-intro{max-width:415px;color:#d0d0c9;font-size:18px;line-height:1.7;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:13px 22px;border:1px solid #b28751;color:var(--amber);font-size:14px;line-height:1.5;border-radius:2px;transition:background .2s,color .2s}.button:hover{background:var(--amber);color:#101414}.arrow{font-size:22px;line-height:1}.section{padding:78px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:34px}.section-top h2{margin:0;max-width:700px}.section-intro{color:var(--muted);max-width:310px;font-size:14px;margin:0;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.project-card{border-bottom:1px solid var(--line);padding-bottom:23px;display:flex;flex-direction:column;min-width:0}.project-image{display:block;aspect-ratio:1.13;overflow:hidden;margin-bottom:22px;background-image:url('assets/projects.jpg');background-size:200% 200%;background-repeat:no-repeat;transition:filter .25s;filter:saturate(.75)}.project-card:hover .project-image{filter:saturate(1.05)}.visual-0{background-position:0 0}.visual-1{background-position:100% 0}.visual-2{background-position:0 100%}.visual-3{background-position:100% 100%}.project-card h3{font-size:22px;margin-bottom:13px}.project-card p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:20px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:var(--amber)}.status{font-size:11px;border:1px solid #665039;padding:4px 9px;border-radius:2px}.small-link{font-size:13px;color:var(--amber);display:inline-flex;gap:16px;align-items:center}.project-footnote{margin:25px 0 0;font-size:13px;color:var(--muted)}.music-section{padding-top:20px}.music-top{padding:36px 0 30px;display:grid;grid-template-columns:1.1fr 1fr auto;gap:36px;align-items:center}.music-top .eyebrow{margin-bottom:17px}.music-top h2{margin-bottom:0;font-size:clamp(30px,3vw,41px)}.music-top p{margin:24px 0 0;color:var(--muted);font-size:14px}.music-image{width:100%;display:block;max-height:420px;object-fit:cover}.music-caption{font-size:11px;color:var(--muted);margin:12px 0 0}.about{padding:68px 0 0}.about-inner{display:grid;grid-template-columns:.8fr 1.5fr;gap:70px;border-bottom:1px solid var(--line);padding-bottom:60px}.about h2{font-size:36px;margin-bottom:12px}.about-copy{font-size:16px;color:#c3c4bf}.about-copy p{margin-bottom:16px}.about-tags{font-size:11px;letter-spacing:.08em;color:var(--amber);margin-top:20px}.notes{padding-top:64px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.note-card{display:grid;grid-template-columns:85px 1fr;gap:18px;min-width:0}.note-art{height:115px;background-image:url('assets/projects.jpg');background-size:200% 200%;background-position:0 0}.note-card h3{font-size:18px;line-height:1.25;margin:7px 0 10px;letter-spacing:-.02em}.note-card p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:10px}.note-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.footer-inner{border-top:1px solid var(--line);padding:40px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-inner p{font-size:12px;color:var(--muted);margin:8px 0 0}.footer-links{display:flex;gap:24px;font-size:13px}.footer-meta{padding:0 0 30px;font-size:10px;color:#858b85}.page-shell{padding:70px 0 90px;min-height:60vh}.article{max-width:780px}.article h1{font-size:clamp(38px,5vw,64px);margin-bottom:26px}.article-body{font-size:18px;color:#cbcec7;line-height:1.85}.article-body h2,.article-body h3{color:var(--ink);margin-top:40px}.article-body a{text-decoration:underline;text-underline-offset:4px;color:var(--amber)}.article-body blockquote{border-left:2px solid var(--amber);padding-left:24px;margin:35px 0}.article-meta{color:var(--muted);font-size:12px;margin-bottom:35px}.article-cover{height:290px;margin:35px 0;background-image:url('assets/projects.jpg');background-size:200% 200%}.post-list{display:grid;gap:0;margin-top:40px}.post-list article{padding:30px 0;border-top:1px solid var(--line)}.post-list h2{font-size:29px}.post-list p{color:var(--muted)}.demo-note{color:var(--muted);border-left:2px solid var(--amber);padding:10px 18px;font-size:13px;margin:35px 0}.pagination{margin-top:30px;display:flex;gap:15px}.page-numbers{padding:8px 14px;border:1px solid var(--line)}.page-numbers.current{color:var(--amber)}.wp-block-image img{border-radius:2px}.wp-block-button__link{background:var(--amber);color:var(--bg)}
@media(min-width:1600px){.hero{min-height:790px}.hero-photo{object-position:center 55%}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{min-height:680px}.hero h1{max-width:550px}.music-top{grid-template-columns:1fr 1fr}.music-top .button{justify-self:start}.project-grid{gap:17px}.project-card h3{font-size:20px}.notes-grid{gap:22px}.note-card{grid-template-columns:65px 1fr;gap:14px}}@media(max-width:760px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:84px;gap:12px}.brand{font-size:23px}.site-nav{gap:17px;font-size:12px}.hero{min-height:760px;align-items:flex-start}.hero-photo{object-position:65% bottom;object-fit:cover;opacity:.68}.hero:after{background:linear-gradient(180deg,rgba(10,14,14,.6),rgba(10,14,14,.66) 45%,rgba(10,14,14,.08) 75%,#101414),linear-gradient(90deg,rgba(10,14,14,.65),transparent)}.hero-content{padding:145px 0 250px}.hero h1{font-size:clamp(42px,9vw,58px);max-width:550px}.hero-intro{font-size:16px;max-width:340px}.section{padding:52px 0}.section-top{display:block}.section-top .section-intro{margin-top:20px;max-width:100%}.project-grid{grid-template-columns:repeat(2,1fr);gap:32px 18px}.project-image{aspect-ratio:1.05}.project-card h3{font-size:21px}.project-card p{font-size:13px}.music-section{padding-top:0}.music-top{grid-template-columns:1fr;gap:18px}.music-top p{margin:0;max-width:460px}.music-image{height:230px;object-position:center}.about{padding:45px 0 0}.about-inner{grid-template-columns:1fr;gap:20px;padding-bottom:40px}.notes-grid{grid-template-columns:1fr}.note-card{grid-template-columns:90px 1fr;border-top:1px solid var(--line);padding-top:22px;gap:20px}.note-art{height:105px}.note-card h3{font-size:21px}.note-card p{font-size:14px}.notes .section-top .small-link{margin-top:20px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.article-body{font-size:16px}.admin-bar.home .site-header{top:46px}.article-cover{height:220px}}@media(max-width:390px){.site-nav{gap:12px;font-size:11px}.brand{font-size:21px}.project-grid{gap:28px 14px}.project-card h3{font-size:19px}.status{font-size:10px;padding:3px 6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Photo framing and topic-specific note images. */
.project-image,.article-cover{background-size:auto 200%}.note-card{grid-template-columns:116px 1fr;gap:19px}.note-art{height:116px;background-size:cover!important;background-repeat:no-repeat;overflow:hidden}.note-card .note-guitar{background-image:url('assets/music.jpg');background-position:6% center}.note-card .note-road{background-image:url('assets/projects.jpg');background-size:auto 200%!important;background-position:100% 100%}.note-card .note-code{background-image:url('assets/hero.jpg');background-position:72% 52%}.note-art img{width:100%;height:100%;object-fit:cover}.note-card h3{line-height:1.3}.note-card p{line-height:1.65}
@media(max-width:1050px) and (min-width:761px){.notes-grid{grid-template-columns:1fr;gap:25px}.note-card{grid-template-columns:116px 1fr;max-width:680px}.note-card h3{font-size:22px}.note-card p{font-size:14px}}@media(max-width:760px){.note-card{grid-template-columns:108px 1fr}.note-art{height:112px}}@media(max-width:390px){.note-card{grid-template-columns:92px 1fr;gap:16px}.note-art{height:108px}}

/* Every entry owns an actual Media Library image, shared by card and detail. */
.project-image,.note-art{background-image:none!important;background-color:#1c2422}.project-image img,.note-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.project-image{position:relative}.project-image img{position:absolute;inset:0}.entry-cover{margin:32px 0 38px}.entry-cover img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:2px}.image-placeholder{display:flex;width:100%;height:100%;min-height:116px;align-items:center;justify-content:center;color:#afb2ad;font-size:30px;font-weight:bold;letter-spacing:-.08em}.image-placeholder span{color:var(--amber)}.project-image .image-placeholder{position:absolute;inset:0}.project-archive .project-grid{margin-top:40px}.post-list .entry-cover{max-width:520px;margin:20px 0}.post-list .entry-cover img{max-height:260px}
@media(max-width:760px){.entry-cover{margin:26px 0}.entry-cover img{max-height:330px}.project-archive .project-grid{margin-top:30px}}

/* A personal portrait and a quieter, literary biography. */
.about-with-portrait{grid-template-columns:310px 1fr;gap:65px;align-items:center}.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #3a3e39}.about-with-portrait .about-tags{font-size:9px;letter-spacing:.13em;margin-top:16px}.about-with-portrait h2{font-size:clamp(32px,3.5vw,46px);margin-bottom:24px}.about-lead{font-family:Georgia,serif;font-size:22px;line-height:1.65;color:var(--ink)}.about-with-portrait .small-link{margin-top:7px}.biography-heading{margin:45px 0}.biography-heading h1{font-size:clamp(40px,5vw,66px);line-height:1.07;max-width:900px;margin-bottom:0}.biography-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:70px;align-items:start}.biography-photo{position:sticky;top:60px}.biography-photo img{display:block;width:100%;height:auto;border:1px solid #3a3e39}.portrait-caption{font-size:11px;color:var(--muted);margin:15px 0 0}.portrait-caption span{color:var(--amber)}.biography-copy{max-width:670px;font-size:17px;line-height:1.9}.biography-copy p:first-child{font-family:Georgia,serif;font-size:25px;line-height:1.65;color:var(--ink);margin-bottom:30px}.biography-signature{font-family:Georgia,serif;font-style:italic;font-size:27px;color:var(--ink);margin:35px 0 0}.biography-signature span{color:var(--amber)}
@media(max-width:1000px){.about-with-portrait{grid-template-columns:260px 1fr;gap:38px}.biography-layout{grid-template-columns:280px minmax(0,1fr);gap:42px}.biography-copy p:first-child{font-size:23px}}@media(max-width:760px){.about-with-portrait{grid-template-columns:1fr;gap:32px}.about-portrait{max-width:310px}.about-lead{font-size:21px}.biography-heading{margin:35px 0}.biography-layout{grid-template-columns:1fr;gap:30px}.biography-photo{position:static;max-width:360px}.biography-copy{font-size:16px}.biography-copy p:first-child{font-size:22px}}

/* Cuaderno y navegación */
.journal h1{font-size:clamp(44px,6vw,76px);line-height:1.05;margin:24px 0}.topic-filters{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0 45px}.topic-filters a{padding:9px 17px;border:1px solid var(--line);border-radius:30px;font-size:13px;color:var(--muted)}.topic-filters a:hover,.topic-filters a[aria-current=page]{border-color:var(--amber);color:var(--amber);background:#e9b36e0a}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 30px}.journal-card{min-width:0}.journal-image{display:block;aspect-ratio:1.55;overflow:hidden;background:var(--panel)}.journal-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.journal-image:hover img{transform:scale(1.035)}.journal-card .note-label{margin:20px 0 12px}.journal-card h2{font-size:25px;line-height:1.2;margin:0 0 14px}.journal-card>p:not(.note-label){color:var(--muted);font-size:15px;line-height:1.8}.journal-card .small-link{display:inline-block;margin-top:10px}.continue-reading{border-top:1px solid var(--line);margin-top:60px;padding-top:40px}.continue-reading>h2{font-size:34px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0 38px}.contact-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}.contact-email{font-size:clamp(20px,4vw,35px);color:var(--amber);overflow-wrap:anywhere}.contact-copy{font-family:Georgia,serif;font-size:23px;line-height:1.7;max-width:650px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.journal-grid{grid-template-columns:1fr;gap:38px}.topic-filters{gap:8px}.topic-filters a{padding:8px 13px}.journal-card h2{font-size:26px}}

/* Contacto */
.contact-form-wrap{margin-top:38px}.km-contact-form label{display:block;color:var(--ink);font-size:14px;line-height:1.6}.km-form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.km-contact-form input[type=text],.km-contact-form input[type=email],.km-contact-form textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:9px;padding:14px 16px;background:var(--panel);border:1px solid #414844;border-radius:4px;color:var(--ink);font:inherit;font-size:16px;line-height:1.5}.km-contact-form textarea{min-height:170px;max-height:500px;resize:vertical}.km-contact-form input:focus,.km-contact-form textarea:focus{outline:2px solid var(--amber);outline-offset:2px}.km-contact-form input::placeholder,.km-contact-form textarea::placeholder{color:#999e98}.km-contact-form input[type=submit]{background:var(--amber);color:#101414;border:1px solid var(--amber);border-radius:4px;padding:14px 25px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.km-contact-form input[type=submit]:hover{background:#f2c68b}.km-form-privacy{color:var(--muted);font-size:12px;line-height:1.7}.wpcf7-not-valid-tip{color:#f1b18d!important;font-size:13px}.wpcf7 form .wpcf7-response-output{margin:22px 0;padding:14px 18px;border-radius:4px;font-size:15px}.km-contact-form altcha-widget, .contact-form-wrap altcha-widget{--altcha-color-base:#141919;--altcha-color-text:#f4f0e9;--altcha-color-border:#414844;--altcha-color-border-focus:#e9b36e;--altcha-border-radius:4px;--altcha-max-width:100%;margin:22px 0;font-size:14px}.article .km-contact-form p{margin-bottom:20px}.km-form-row p{margin:0}.km-contact-form br{display:none}@media(max-width:540px){.km-form-row{grid-template-columns:1fr;gap:0}}

.km-form-row>p{display:contents}.km-form-row label{min-width:0}.contact-form-wrap .wpcf7-form>p{margin:0}.contact-form-wrap .wpcf7-submit{margin-top:18px}