/*
Theme Name: Stonbluart
Theme URI: https://stonbluart.com/
Author: Stonbluart
Description: Tema editorial de Stonbluart con catálogo de cerámica y contenido editable.
Version: 0.3.7
Requires at least: 6.8
Requires PHP: 8.1
Text Domain: stonbluart
*/

@font-face{font-family:Rantera;src:url('assets/fonts/Rantera.woff') format('woff');font-display:swap}
@font-face{font-family:Nunito;src:url('assets/fonts/Nunito-Medium.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/fonts/Nunito-Bold.woff') format('woff');font-weight:600 700;font-display:swap}
:root{--ivory:#F7F3ED;--brown:#38271D;--sand:#C3B091;--blue:#2238FF;--gutter:clamp(22px,5vw,86px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--brown);font:400 16px/1.55 Nunito,Arial,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{clip:auto;position:fixed;z-index:1000;top:15px;left:15px;width:auto;height:auto;padding:12px;background:#fff}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:116px;padding:22px var(--gutter);border-bottom:1px solid rgba(56,39,29,.12)}.brand{display:block;width:clamp(170px,21vw,255px)}.brand img{width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:clamp(22px,3.5vw,58px)}.site-nav a{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:color .2s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--blue)}.menu-toggle{display:none;border:0;background:transparent;color:var(--brown);padding:8px;cursor:pointer}.menu-toggle svg{width:28px;height:28px}.site-main{min-height:65vh}.eyebrow{margin:0 0 20px;color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.display{font:400 clamp(64px,8vw,150px)/.88 Rantera,Georgia,serif;letter-spacing:-.035em;margin:0}.display-small{font-size:clamp(60px,7vw,122px)}.lede{font-size:clamp(18px,1.65vw,25px);line-height:1.45;max-width:31ch}.button-link{display:inline-flex;align-items:center;gap:32px;padding:0 0 13px;border-bottom:1px solid var(--brown);font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;transition:gap .2s,color .2s,border-color .2s}.button-link:hover{gap:42px;color:var(--blue);border-color:var(--blue)}.button-link span{font-size:20px;line-height:1}.hero{min-height:min(780px,calc(100vh - 116px));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,100px);padding:70px var(--gutter) 90px}.hero-copy{max-width:720px}.hero .lede{margin:34px 0 42px}.hero-visual{display:flex;align-items:center;justify-content:center;min-height:520px;background:#ece4d9}.hero-visual img{width:min(70%,460px);max-height:620px;object-fit:contain}.section{padding:clamp(80px,10vw,170px) var(--gutter)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:65px}.section-title{font:400 clamp(52px,6vw,110px)/.95 Rantera,Georgia,serif;letter-spacing:-.025em;margin:0;max-width:12ch}.section-note{max-width:30ch;color:#67584d}.pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(18px,2.5vw,45px)}.piece:nth-child(2){margin-top:95px}.piece:nth-child(3){margin-top:30px}.piece-image{display:flex;align-items:center;justify-content:center;background:#e9e2d8;overflow:hidden}.piece:nth-child(2) .piece-image{background:#e8ded1}.piece:nth-child(3) .piece-image{background:#e7e5df}.piece-image img{width:100%;aspect-ratio:4/5;object-fit:contain;transition:transform .55s cubic-bezier(.16,1,.3,1)}.piece:hover .piece-image img{transform:scale(1.035)}.piece-meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:20px}.piece-name{font:400 clamp(25px,2.3vw,40px)/1.1 Rantera,Georgia,serif}.piece-mark{color:var(--blue);font-size:20px}.artist{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#eae2d6;align-items:center}.artist blockquote{margin:0;font:400 clamp(35px,4.2vw,72px)/1.1 Rantera,Georgia,serif;max-width:14ch}.artist .artist-credit{margin-top:35px;font-size:12px;letter-spacing:.15em;text-transform:uppercase}.artist img{width:100%;max-height:650px;object-fit:cover}.contact-band{text-align:center;border-top:1px solid rgba(56,39,29,.16)}.contact-band .section-title{margin:0 auto 25px}.contact-band p{max-width:42ch;margin:0 auto 30px}.page-intro{padding:clamp(80px,10vw,150px) var(--gutter) 65px}.page-intro .lede{margin-top:30px}.gallery-grid{padding:0 var(--gutter) 130px}.gallery-grid .piece:nth-child(2){margin-top:75px}.gallery-grid .piece:nth-child(3){margin-top:145px}.detail-back{display:inline-block;margin-bottom:45px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.detail-back:hover{color:var(--blue)}.detail-head{padding:55px var(--gutter) 65px}.detail-head .display{max-width:11ch}.detail-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(32px,7vw,120px);padding:0 var(--gutter) 130px}.detail-images{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail-images figure{margin:0;background:#e8e1d7}.detail-images figure:first-child{grid-column:span 2}.detail-images img{width:100%;height:auto}.detail-copy{position:sticky;top:40px;align-self:start}.detail-copy h2{font:400 clamp(38px,4vw,64px)/1 Rantera,Georgia,serif;margin:0 0 20px}.detail-copy p{max-width:34ch}.detail-copy .note{border-top:1px solid var(--sand);margin-top:48px;padding-top:20px;font-size:14px}.standard-content{max-width:780px;padding:80px var(--gutter) 150px;margin:auto}.standard-content h1{font:400 clamp(58px,7vw,110px)/1 Rantera,Georgia,serif}.empty-state{padding:90px var(--gutter);border-top:1px solid var(--sand)}.site-footer{padding:55px var(--gutter) 28px;background:var(--brown);color:var(--ivory)}.footer-top{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:75px}.footer-logo{font:400 clamp(38px,5vw,82px)/1 Rantera,Georgia,serif}.footer-note{font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(247,243,237,.3);padding-top:18px;font-size:12px}.is-demo-note{padding:8px var(--gutter);background:#ded8ca;font-size:12px;letter-spacing:.08em;text-align:center}
@media(max-width:900px){.site-header{min-height:88px}.hero{min-height:auto;gap:35px}.hero-visual{min-height:390px}.artist{gap:5vw}.detail-layout{grid-template-columns:1fr}.detail-copy{position:static;grid-row:1}.detail-images{grid-row:2}}@media(max-width:700px){.site-header{min-height:80px}.brand{width:176px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;z-index:20;top:80px;left:0;right:0;padding:35px var(--gutter) 45px;background:var(--ivory);border-bottom:1px solid var(--sand);flex-direction:column;align-items:flex-start;gap:28px}.site-nav.is-open{display:flex}.site-nav a{font-size:16px}.hero{grid-template-columns:1fr;padding-top:65px}.hero-visual{min-height:0;padding:22px}.hero-visual img{width:min(82%,390px)}.hero .lede{margin:26px 0 32px}.section-head{display:block}.section-head .button-link{margin-top:30px}.pieces{grid-template-columns:1fr 1fr;gap:36px 16px}.piece:nth-child(2),.gallery-grid .piece:nth-child(2){margin-top:50px}.piece:nth-child(3),.gallery-grid .piece:nth-child(3){margin-top:0}.artist{grid-template-columns:1fr}.artist blockquote{max-width:18ch}.artist img{max-height:450px}.gallery-grid{padding-bottom:90px}.page-intro{padding-bottom:45px}.detail-images{gap:10px}.detail-head{padding-top:50px}.footer-top{display:block}.footer-note{margin-top:22px}}@media(max-width:430px){.pieces{grid-template-columns:1fr}.piece:nth-child(2),.gallery-grid .piece:nth-child(2){margin-top:0}.piece-image img{max-height:550px}.section-head{margin-bottom:38px}.detail-images{grid-template-columns:1fr}.detail-images figure:first-child{grid-column:span 1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(max-width:900px){.detail-images{grid-row:1}.detail-copy{grid-row:2}}
/* Keep the mobile navigation in the document flow when JavaScript is unavailable. */
.site-header{position:relative}.brand{width:clamp(150px,17vw,220px)}
.site-footer{background:var(--ivory);color:var(--brown);border-top:1px solid var(--sand)}
.footer-logo{display:block;width:clamp(150px,17vw,220px)}.footer-logo img{width:100%;height:auto}
.footer-bottom{border-color:rgba(56,39,29,.3)}

@media(max-width:700px){.brand{width:145px}.menu-toggle{display:none}.site-nav{display:flex;position:static;flex-direction:column;align-items:flex-start;gap:15px;padding:18px 0 0;border:0}.site-header{flex-wrap:wrap;align-items:center}.site-nav{width:100%}.js .menu-toggle{display:block}.js .site-nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;z-index:30;padding:30px var(--gutter);background:var(--ivory);border-bottom:1px solid var(--sand)}.js .site-nav.is-open{display:flex}}
@media(prefers-reduced-motion:reduce){}
/* Editable content and intrinsic media proportions. */
.piece-image img{aspect-ratio:auto;height:auto}.piece-name{margin:0}.piece-meta h2{font-weight:400}.image-placeholder{display:block;padding:70px 20px;text-align:center;color:var(--brown);background:#e9e2d8;width:100%}.hero-text-only{grid-template-columns:1fr;min-height:0}.hero .editor-content{margin:30px 0}.editor-content{overflow-wrap:anywhere}.editor-content a{text-decoration:underline;text-underline-offset:.2em}.editor-content h2,.editor-content h3{font-family:Rantera,Georgia,serif;font-weight:400;line-height:1.1}.editor-content h2{font-size:clamp(32px,4vw,52px)}.editor-content img{height:auto}.editor-content figure{max-width:100%;margin-inline:0}.editor-content .wp-block-image img{height:auto}.standard-content{max-width:1000px}.standard-content>img{margin:35px 0}.project-price{font-size:20px;margin-bottom:8px}.project-availability{font-size:14px;margin-top:0}.detail-images figcaption{padding:12px 16px;font-size:14px}.pagination{padding:0 var(--gutter) 80px}.nav-links{display:flex;flex-wrap:wrap;gap:20px}.page-numbers.current{color:var(--blue)}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:20px}.gallery-dialog{max-width:95vw;max-height:95vh;padding:48px 18px 18px;border:0;background:var(--ivory);color:var(--brown)}.gallery-dialog::backdrop{background:rgba(25,18,13,.85)}.gallery-dialog img{max-width:85vw;max-height:75vh;width:auto;height:auto;object-fit:contain;margin:auto}.gallery-close{position:absolute;top:8px;right:12px;padding:8px 14px;background:var(--ivory);color:var(--brown);border:1px solid var(--sand);cursor:pointer}.gallery-caption{max-width:65ch;margin:12px auto 0}.gallery-is-open{overflow:hidden}.detail-images a{display:block}.display,.piece-name{overflow-wrap:anywhere}