/*
Theme Name: Jim Bob Studio
Text Domain: jim-bob-studio
Description: Dark editorial miniature painting studio portfolio and services
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/
/* Fuentes del sistema para evitar llamadas a Google Fonts. */
:root{--jbs-bg:#111110;--jbs-panel:#191917;--jbs-panel2:#22211e;--jbs-text:#f2efe9;--jbs-muted:#aaa69e;--jbs-gold:#c59a54;--jbs-line:rgba(255,255,255,.12);--jbs-serif:Georgia,'Times New Roman',serif;--jbs-sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--jbs-bg);color:var(--jbs-text);font-family:var(--jbs-sans);-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;height:auto}
.jbs-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.site-header{position:relative;z-index:20;border-bottom:1px solid var(--jbs-line);background:#111110}
.site-header>.jbs-shell{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:24px}
.jbs-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.jbs-logo{display:block;width:48px;height:48px;object-fit:contain;flex:0 0 auto}.jbs-mark{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--jbs-gold);color:var(--jbs-gold);font:600 22px var(--jbs-serif)}
.jbs-brand-copy{display:flex;flex-direction:column;line-height:1}.jbs-brand-name{font:600 22px var(--jbs-serif);letter-spacing:.12em}.jbs-brand-tag{margin-top:6px;color:#b7b1a7;font-size:8px;letter-spacing:.24em}
.jbs-nav{display:flex;align-items:center;gap:28px}.jbs-nav a,.jbs-mobile-nav a,.jbs-footer-nav a{font-size:10px;font-weight:800;letter-spacing:.16em;text-decoration:none}.jbs-nav a:hover,.jbs-mobile-nav a:hover,.jbs-footer-nav a:hover{color:var(--jbs-gold)}
.jbs-button,.jbs-button-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;font:800 10px var(--jbs-sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.jbs-button{background:var(--jbs-gold);color:#111110;border:1px solid var(--jbs-gold)}.jbs-button:hover{background:#e0bd7c;transform:translateY(-2px);color:#111}
.jbs-button-outline{border:1px solid #77736b;color:var(--jbs-text)}.jbs-button-outline:hover{border-color:var(--jbs-gold);color:var(--jbs-gold)}
.jbs-mobile{display:none}.jbs-hero{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden;background:#111}
.jbs-hero-photo{position:absolute;inset:0 0 0 38%;background-position:center;background-size:cover;opacity:.68}
.jbs-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#111110 0%,rgba(17,17,16,.96) 25%,rgba(17,17,16,.58) 58%,rgba(17,17,16,.1) 100%),linear-gradient(0deg,#111110 0%,transparent 24%)}
.jbs-hero-content{position:relative;z-index:2;padding:100px 0;width:min(650px,100%)}
.jbs-eyebrow{margin:0;color:var(--jbs-gold);font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.jbs-display{margin:18px 0 0;font:500 clamp(58px,8vw,104px)/.92 var(--jbs-serif);letter-spacing:-.035em}.jbs-display span{color:var(--jbs-gold)}
.jbs-lead{max-width:520px;margin:26px 0 0;color:#c2beb6;font-size:15px;line-height:1.9}
.jbs-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.jbs-kicker{display:flex;align-items:center;gap:16px;margin-top:60px;color:#b7b1a7;font-size:9px;font-weight:800;letter-spacing:.2em}.jbs-kicker:before{content:"";width:48px;height:1px;background:var(--jbs-gold)}
.jbs-section{padding:90px 0}.jbs-section.alt{border-block:1px solid var(--jbs-line);background:var(--jbs-panel)}
.jbs-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}.jbs-section-title{margin:10px 0 0;font:500 clamp(42px,5vw,64px)/.98 var(--jbs-serif);letter-spacing:-.03em}
.jbs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.jbs-card{text-decoration:none;min-width:0}.jbs-card-image{position:relative;overflow:hidden;aspect-ratio:4/3;background:#25231e}.jbs-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s,filter .3s}.jbs-card:hover img{transform:scale(1.04);filter:brightness(1.08)}.jbs-card-label{position:absolute;left:18px;bottom:16px;z-index:1;color:white;font-size:9px;font-weight:800;letter-spacing:.16em;text-shadow:0 2px 10px #000}
.jbs-card-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font:500 27px var(--jbs-serif)}.jbs-card-title span{color:var(--jbs-gold);font:16px var(--jbs-sans)}
.jbs-note{margin:18px 0 0;color:#77736b;font-size:11px;line-height:1.6}
.jbs-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--jbs-line)}.jbs-service{padding:28px;background:var(--jbs-panel);text-decoration:none;transition:background .2s}.jbs-service:hover{background:#22221f}.jbs-service h3{margin:10px 0 0;font:500 34px var(--jbs-serif)}.jbs-service p{margin:10px 0 0;color:var(--jbs-muted);font-size:13px;line-height:1.8}.jbs-link{display:inline-block;margin-top:20px;color:var(--jbs-gold);font-size:10px;font-weight:800;letter-spacing:.14em}
.jbs-two{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.jbs-copy{color:var(--jbs-muted);font-size:14px;line-height:1.9}.jbs-cta{padding:64px 0;border-top:1px solid rgba(197,154,84,.3);background:#1c1b18}.jbs-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.jbs-cta h2{margin:10px 0 0;font:500 clamp(38px,5vw,56px)/1 var(--jbs-serif)}.jbs-cta p{color:var(--jbs-muted);font-size:13px}
.site-footer{border-top:1px solid var(--jbs-line);background:#0c0c0b;padding:34px 0}.jbs-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.jbs-footer-nav{display:flex;flex-wrap:wrap;gap:22px}.jbs-footer-small{color:#77736b;font-size:10px}
@media(max-width:800px){.jbs-nav{gap:15px}.jbs-nav a{font-size:9px}.jbs-nav .jbs-button{padding:12px}.jbs-grid{gap:14px}}
@media(max-width:650px){.jbs-shell{width:calc(100% - 32px)}.site-header>.jbs-shell{min-height:72px}.jbs-nav{display:none}.jbs-mobile{display:block}.jbs-mobile button{border:1px solid var(--jbs-line);background:transparent;color:white;padding:10px 12px;font-size:10px;letter-spacing:.12em}.jbs-mobile-nav{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;gap:18px;padding:22px 24px;background:#171715;border-bottom:1px solid var(--jbs-line)}.jbs-hero{min-height:590px}.jbs-hero-photo{inset:0;background-position:58% center;opacity:.45}.jbs-hero:before{background:linear-gradient(90deg,rgba(17,17,16,.96),rgba(17,17,16,.48)),linear-gradient(0deg,#111110 0%,transparent 45%)}.jbs-hero-content{padding:80px 0}.jbs-lead{font-size:14px}.jbs-section{padding:62px 0}.jbs-section-head{align-items:start;flex-direction:column}.jbs-grid{grid-template-columns:1fr}.jbs-card-image{aspect-ratio:16/10}.jbs-service-grid,.jbs-two{grid-template-columns:1fr}.jbs-service{padding:23px}.jbs-cta{padding:48px 0}.jbs-cta-inner,.jbs-footer-inner{align-items:flex-start;flex-direction:column}.jbs-footer-nav{gap:16px}}

.jbs-language{position:relative;margin-left:2px}.jbs-language-toggle{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--jbs-line);background:transparent;color:var(--jbs-text);font:800 10px var(--jbs-sans);letter-spacing:.1em;cursor:pointer}.jbs-language-toggle:hover{border-color:var(--jbs-gold);color:var(--jbs-gold)}.jbs-language-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:138px;padding:6px;background:#1b1a18;border:1px solid var(--jbs-line);box-shadow:0 12px 30px #0008}.jbs-language-menu[hidden]{display:none}.jbs-language-menu a,.jbs-language-mobile a{display:flex;align-items:center;gap:9px;padding:10px 9px;color:var(--jbs-text);font-size:11px;text-decoration:none}.jbs-language-menu a:hover,.jbs-language-mobile a:hover{background:#2a2823;color:var(--jbs-gold)}.jbs-language-mobile{display:flex;gap:14px;border-top:1px solid var(--jbs-line);padding-top:8px}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.jbs-page-intro{max-width:850px;margin:0 0 42px}.jbs-page-lead{margin:18px 0 0;color:#c2beb6;font:400 clamp(20px,2.6vw,28px)/1.55 var(--jbs-serif)}.jbs-page-section{padding:0 0 54px}.jbs-project{min-width:0;padding-bottom:18px;border-bottom:1px solid var(--jbs-line)}.jbs-project-image{aspect-ratio:4/3;overflow:hidden;background:var(--jbs-panel2);margin-bottom:20px}.jbs-project-image img{display:block;width:100%;height:100%;object-fit:cover}.jbs-project h2,.jbs-service-detail h2,.jbs-studio-copy h2,.jbs-contact-layout h2{margin:9px 0 12px;font:500 clamp(30px,3vw,42px)/1.05 var(--jbs-serif)}.jbs-project p:not(.jbs-eyebrow),.jbs-service-detail p,.jbs-studio-copy p,.jbs-contact-layout p,.jbs-contact-layout li{color:var(--jbs-muted);font-size:13px;line-height:1.9}.jbs-service-detail{padding:30px 0;border-bottom:1px solid var(--jbs-line);max-width:900px}.jbs-service-detail:first-child{padding-top:0}.jbs-studio-copy{max-width:820px}.jbs-studio-copy h2:not(:first-child){margin-top:38px}.jbs-contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}.jbs-contact-layout ul{padding-left:20px}.jbs-contact-card{padding:28px;background:var(--jbs-panel);border:1px solid var(--jbs-line)}.jbs-contact-card h2{font-size:clamp(22px,2.6vw,32px);overflow-wrap:anywhere}.jbs-content{color:var(--jbs-muted);font-size:13px;line-height:1.9}.jbs-content>*{max-width:100%}@media(max-width:650px){.jbs-contact-layout{grid-template-columns:1fr;gap:24px}.jbs-page-section{padding-bottom:38px}}\n.jbs-contact-layout .wpcf7{margin-top:24px}.jbs-contact-layout .wpcf7 form p{margin:0 0 16px}.jbs-contact-layout .wpcf7 label{display:block;color:var(--jbs-text);font-size:11px;font-weight:700;letter-spacing:.04em}.jbs-contact-layout .wpcf7 input:not([type=submit]),.jbs-contact-layout .wpcf7 textarea,.jbs-contact-layout .wpcf7 select{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #55524b;background:#111110;color:var(--jbs-text);font:400 13px var(--jbs-sans);border-radius:0}.jbs-contact-layout .wpcf7 textarea{min-height:140px;resize:vertical}.jbs-contact-layout .wpcf7 input:focus,.jbs-contact-layout .wpcf7 textarea:focus,.jbs-contact-layout .wpcf7 select:focus{outline:1px solid var(--jbs-gold);border-color:var(--jbs-gold)}.jbs-contact-layout .wpcf7 input[type=submit]{padding:13px 20px;border:1px solid var(--jbs-gold);background:var(--jbs-gold);color:#111110;font:800 10px var(--jbs-sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.jbs-contact-layout .wpcf7-response-output{margin:16px 0;padding:12px;border-color:var(--jbs-gold);color:var(--jbs-text)}.jbs-contact-layout .wpcf7-not-valid-tip{display:block;margin-top:5px;color:#e5a85a;font-size:11px}
