/* Clandestinos — páginas del plugin: Singles/Boxes, Contacto, 404 */
.clr-page{background:var(--clr-bg);color:var(--clr-text);font-family:var(--clr-sans);min-height:70vh;padding:0 clamp(1.25rem,4vw,3rem) clamp(4rem,8vw,7rem)}
.clr-page{box-sizing:border-box;width:100%;align-self:stretch;grid-column:1/-1}
.wf-container-main:has(>.clr-page){display:block}
.clr-page *{box-sizing:border-box}
.clr-page>*{width:100%}
.clr-page .clr-grid,.clr-page .clr-contact__grid{margin-left:auto;margin-right:auto}
.clr-page h1,.clr-page h2{font-family:var(--clr-serif);font-weight:500;color:var(--clr-ivory);text-transform:uppercase;letter-spacing:.07em;margin:0}
.clr-eyebrow{font:500 .7rem/1 var(--clr-sans);letter-spacing:.38em;text-transform:uppercase;color:var(--clr-gold);margin:0 0 1.4rem}
.clr-btn{display:inline-block;padding:1.05rem 2.2rem;font:500 .78rem/1 var(--clr-sans);letter-spacing:.26em;text-transform:uppercase;text-decoration:none!important;border:1px solid var(--clr-gold);transition:all .35s ease;border-radius:0;cursor:pointer}
.clr-btn--gold{background:linear-gradient(180deg,var(--clr-gold-lt),var(--clr-gold));color:#0d0d0d!important}
.clr-btn--gold:hover{box-shadow:0 0 22px rgba(212,175,55,.55)}
.clr-btn--ghost{background:transparent;color:var(--clr-ivory)!important}
.clr-btn--ghost:hover{box-shadow:0 0 18px rgba(212,175,55,.3)}
.clr-btn--sm{padding:.8rem 1.3rem;font-size:.78rem}

.clr-pagehead{text-align:center;padding:clamp(4rem,8vw,7rem) 0 clamp(2rem,4vw,3rem);background:radial-gradient(ellipse at 50% 0,rgba(74,42,22,.35),transparent 70%)}
.clr-pagehead h1{font-size:clamp(2rem,4.6vw,3.6rem)}
.clr-tabs{display:flex;gap:2rem;justify-content:center;margin-top:2.2rem;flex-wrap:wrap}
.clr-tabs a{font:500 .7rem var(--clr-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--clr-muted)!important;text-decoration:none!important;padding-bottom:.5rem;border-bottom:1px solid transparent;transition:all .3s}
.clr-tabs a:hover,.clr-tabs a.on{color:var(--clr-gold)!important;border-color:var(--clr-gold)}

/* Filtro de blend */
.clr-filter{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:0 auto 3rem}
.clr-filter button{background:transparent;border:1px solid var(--clr-line);color:var(--clr-text);padding:.65rem 1.3rem;font:500 .78rem var(--clr-sans);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:all .3s;border-radius:0}
.clr-filter button:hover,.clr-filter button.on{border-color:var(--clr-gold);color:var(--clr-gold-lt);box-shadow:0 0 14px rgba(212,175,55,.2)}

/* Grid de catálogo */
.clr-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.clr-item{background:var(--clr-bg);border:1px solid var(--clr-line);display:flex;flex-direction:column;transition:border-color .4s,transform .4s,box-shadow .4s}
.clr-item:hover{border-color:rgba(212,175,55,.55);transform:translateY(-4px);box-shadow:0 8px 40px rgba(212,175,55,.12)}
.clr-item__img{display:block;aspect-ratio:1;overflow:hidden;background:radial-gradient(circle at 50% 40%,#2a1a0d,#0d0d0d 75%)}
.clr-item__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.clr-item:hover .clr-item__img img{transform:scale(1.05)}
.clr-item__body{padding:1.5rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.9rem;flex:1}
.clr-item__blend{font:500 .78rem var(--clr-sans);letter-spacing:.32em;text-transform:uppercase;color:var(--clr-gold)}
.clr-item h2{font-size:1.2rem;letter-spacing:.1em}
.clr-item h2 a{color:var(--clr-ivory)!important;text-decoration:none!important}
.clr-item__meta{list-style:none;margin:0;padding:0;font:300 .82rem/1.6 var(--clr-sans);color:var(--clr-text)}
.clr-item__meta li{display:flex;justify-content:space-between;gap:.8rem;border-bottom:1px solid var(--clr-line);padding:.35rem 0}
.clr-item__meta b{font:500 .78rem var(--clr-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--clr-muted)}
.clr-item__buy{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.6rem}
.clr-item__price{font:500 1.3rem var(--clr-serif);color:var(--clr-gold)}

/* Contacto */
.clr-contact__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(2rem,6vw,5rem)}
.clr-contact__info h2{font-size:.78rem;letter-spacing:.3em;color:var(--clr-gold);margin:2rem 0 .7rem}
.clr-contact__info h2:first-child{margin-top:0}
.clr-contact__info p{font:300 1rem/1.8 var(--clr-sans);margin:0;color:var(--clr-text)}
.clr-contact__info a{color:var(--clr-ivory)!important;text-decoration:none!important;border-bottom:1px solid var(--clr-line)}
.clr-contact__info a:hover{color:var(--clr-gold)!important}
.clr-note{margin-top:1.5rem!important;font-size:.85rem!important;color:var(--clr-muted)!important}
.clr-contact__form form{display:flex;flex-direction:column;gap:1.3rem}
.clr-contact__form label{display:flex;flex-direction:column;gap:.5rem;font:500 .78rem var(--clr-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--clr-muted)}
.clr-contact__form input,.clr-contact__form textarea{background:rgba(245,227,200,.04);border:1px solid var(--clr-line);color:var(--clr-ivory);padding:1rem;font:300 1rem var(--clr-sans);letter-spacing:0;text-transform:none;border-radius:0;outline:none;transition:border-color .3s,box-shadow .3s}
.clr-contact__form input:focus,.clr-contact__form textarea:focus{border-color:var(--clr-gold);box-shadow:0 0 14px rgba(212,175,55,.2)}
.clr-contact__form button{align-self:flex-start;margin-top:.5rem}
.clr-hp{position:absolute!important;left:-9999px!important}
.clr-flash{padding:1rem 1.2rem;border:1px solid var(--clr-line);margin:0 0 1.5rem;font:400 .9rem var(--clr-sans)}
.clr-flash.ok{border-color:var(--clr-gold);color:var(--clr-gold-lt)}
.clr-flash.err{border-color:#a33;color:#e8a0a0}

/* 404 */
.clr-404{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:clamp(5rem,10vw,9rem)}
.clr-404__hat{height:150px;width:auto;margin-bottom:2rem;filter:drop-shadow(0 0 30px rgba(212,175,55,.25))}
.clr-404 h1{font-size:clamp(2rem,4.6vw,3.4rem);margin-bottom:2.5rem}
.clr-404__links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}

@media(max-width:1000px){.clr-grid{grid-template-columns:repeat(2,1fr)}.clr-contact__grid{grid-template-columns:1fr}}
@media(max-width:560px){.clr-grid{grid-template-columns:1fr}.clr-item__buy{flex-wrap:wrap}}