/* Color Club · Noir & Bordó v1.0.0 — Unlockers Cloud */
body.cc-noir{
  --cc-black:#0B0A0A; --cc-graphite:#141112; --cc-deep:#070606;
  --cc-red:#7A1424; --cc-red-hover:#4A0E17;
  --cc-ivory:#EDE6DF; --cc-muted:#B9AEA6; --cc-soft:#D9D0C8; --cc-dim:#8F857D;
  --cc-vitrina:#F3EEE9; --cc-line:rgba(237,230,223,.12);
  --cc-serif:'Cormorant Garamond',Georgia,serif; --cc-sans:'Jost',system-ui,sans-serif;
  background:var(--cc-black)!important; color:var(--cc-ivory); font-family:var(--cc-sans); font-weight:300;
}
body.cc-noir #art-main-holder,body.cc-noir .art-main-container,body.cc-noir .art-content-wrapper,
body.cc-noir .art-woo-container-wrapper,body.cc-noir .art-woo-archive-container{background:var(--cc-black)!important;color:var(--cc-ivory)}
body.cc-noir :is(h1,h2,h3,h4,.art-h2,.art-h4):not(.elementor *){font-family:var(--cc-serif)!important;font-weight:500!important;color:#fff!important;letter-spacing:-.005em}
body.cc-noir :is(p,li,td,label):not(.elementor *){color:var(--cc-muted)}
body.cc-noir a:not(.elementor *){color:var(--cc-ivory)}
body.cc-noir a:not(.elementor *):hover{color:#fff}
/* Páginas hechas en Elementor (historia, citas, contacto…): contenido claro original entre header y footer oscuros */
body.cc-noir.elementor-page:not(.cc-noir-home) .art-content-wrapper,
body.cc-noir.elementor-page:not(.cc-noir-home) .art-page-content{background:#fff!important;color:#4a4a4a}

/* Barra superior y aviso de vista previa */
.cc-topbar{background:var(--cc-red);color:#fff;font:400 12px/1.4 var(--cc-sans);letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:10px 16px}
.cc-topbar-sep{opacity:.6;margin:0 6px}
.cc-preview-badge{position:fixed;left:16px;bottom:16px;z-index:99999;background:#fff;color:#0B0A0A!important;font:500 12px var(--cc-sans);letter-spacing:.08em;padding:10px 14px;border-radius:2px;box-shadow:0 6px 20px rgba(0,0,0,.4);text-decoration:none}

/* Header */
body.cc-noir .art--header,body.cc-noir .art-header-one-content{background:var(--cc-black)!important;border-bottom:1px solid var(--cc-line)!important;box-shadow:none!important}
body.cc-noir .art--header .dark-logotype{display:none!important}
body.cc-noir .art--header .light-logotype{display:block!important}
body.cc-noir .art--header .img-logotype{max-height:48px;width:auto}
body.cc-noir .art-mega-menu a,body.cc-noir .qrt-nav-menu a{color:var(--cc-ivory)!important;font:400 13px var(--cc-sans)!important;letter-spacing:.14em;text-transform:uppercase}
body.cc-noir .art-mega-menu a:hover{color:#fff!important}
body.cc-noir .art-mega-menu .sub-menu,body.cc-noir .art-mega-menu ul ul{background:var(--cc-graphite)!important;border:1px solid var(--cc-line)!important}
body.cc-noir .art-mega-menu .sub-menu a{text-transform:none;letter-spacing:.02em;font-size:14px!important;color:var(--cc-muted)!important}
body.cc-noir .cc-menu-cta>a{background:var(--cc-red)!important;color:#fff!important;padding:12px 20px!important;font-weight:500!important}
body.cc-noir .cc-menu-cta>a:hover{background:var(--cc-red-hover)!important}
body.cc-noir .art--header svg,body.cc-noir .art--header i,body.cc-noir .hamburger-inner,body.cc-noir .hamburger-inner:before,body.cc-noir .hamburger-inner:after{color:var(--cc-ivory)!important;fill:currentColor}
body.cc-noir .hamburger-inner,body.cc-noir .hamburger-inner:before,body.cc-noir .hamburger-inner:after{background:var(--cc-ivory)!important}
body.cc-noir .art-mobile-menu-wrapper .art-nav-container{background:var(--cc-graphite)!important}
body.cc-noir .art--mobile-menu-navigation a{color:var(--cc-ivory)!important}

/* Botones genéricos del tema y Woo */
body.cc-noir .button,body.cc-noir button.button,body.cc-noir .single_add_to_cart_button,body.cc-noir .art-button,body.cc-noir input[type=submit],body.cc-noir .checkout-button{
  background:var(--cc-red)!important;color:#fff!important;border:0!important;border-radius:0!important;font:500 12px var(--cc-sans)!important;letter-spacing:.18em!important;text-transform:uppercase!important;padding:16px 26px!important}
body.cc-noir .button:hover,body.cc-noir .single_add_to_cart_button:hover,body.cc-noir .art-button:hover{background:var(--cc-red-hover)!important}
body.cc-noir .wc-cpw-button{background:transparent!important;border:1px solid rgba(237,230,223,.4)!important;color:var(--cc-ivory)!important}
body.cc-noir input[type=text],body.cc-noir input[type=email],body.cc-noir input[type=tel],body.cc-noir input[type=number],body.cc-noir input[type=search],body.cc-noir select,body.cc-noir textarea{
  background:var(--cc-graphite)!important;color:var(--cc-ivory)!important;border:1px solid rgba(237,230,223,.24)!important;border-radius:0!important}

/* ---------- Home ---------- */
.cc-home{font-family:var(--cc-sans);color:var(--cc-ivory)}
.cc-wrap{max-width:1280px;margin:0 auto;padding-left:32px;padding-right:32px;box-sizing:border-box}
.cc-section{padding-top:120px;padding-bottom:120px}
.cc-rule{display:inline-block;width:40px;height:1px;background:var(--cc-red);vertical-align:middle;margin-right:14px}
.cc-kicker,.cc-eyebrow{display:block;font:400 12px var(--cc-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--cc-muted)!important;margin:0 0 18px}
.cc-kicker-dark{color:#5C5550!important}
.cc-kicker-light{color:rgba(255,255,255,.8)!important}
.cc-h2{font-family:var(--cc-serif)!important;font-size:clamp(36px,4.4vw,60px)!important;line-height:1.03!important;margin:0 0 28px!important;color:#fff!important}
.cc-lead{font-size:17px;line-height:1.75;color:var(--cc-muted);margin:0 0 24px}
.cc-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.cc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 32px;font:500 13px var(--cc-sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none!important;transition:background .2s,border-color .2s}
.cc-btn-red{background:var(--cc-red);color:#fff!important}
.cc-btn-red:hover{background:var(--cc-red-hover)}
.cc-btn-ghost{border:1px solid rgba(237,230,223,.55);color:#fff!important}
.cc-btn-ghost:hover{border-color:#fff}
.cc-btn-black{background:var(--cc-black);color:#fff!important}
.cc-btn-black:hover{background:var(--cc-red)}
.cc-link{display:inline-block;border-bottom:1px solid currentColor;padding:6px 0;font:500 13px var(--cc-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--cc-ivory)!important;text-decoration:none!important}
.cc-link-dark{color:var(--cc-black)!important}
.cc-num{font-family:var(--cc-serif);font-style:italic;font-size:22px;color:var(--cc-muted)}
.cc-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.cc-head .cc-h2{margin-bottom:0!important}
.cc-center{text-align:center;max-width:780px;margin:0 auto 56px}

/* Hero */
.cc-hero{position:relative;min-height:min(86vh,780px);display:flex;align-items:flex-end;overflow:hidden;background:#000}
.cc-hero picture,.cc-hero-img{position:absolute;inset:0;width:100%;height:100%}
.cc-hero-img{object-fit:cover;object-position:70% 30%}
.cc-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,10,10,.94) 0%,rgba(11,10,10,.78) 40%,rgba(11,10,10,.2) 100%)}
.cc-hero-inner{position:relative;width:100%;padding-top:140px;padding-bottom:72px}
.cc-hero-title{font-family:var(--cc-serif)!important;font-size:clamp(48px,7vw,88px)!important;line-height:.98!important;max-width:780px;margin:0 0 24px!important;color:#fff!important}
.cc-hero-title .cc-eyebrow{margin-bottom:22px;color:#CFC5BC!important;font-family:var(--cc-sans)!important}
.cc-hero-sub{max-width:540px;font-size:19px;line-height:1.6;color:var(--cc-soft)!important;margin:0 0 32px}
.cc-stats{display:flex;flex-wrap:wrap;gap:48px;margin:56px 0 0;padding-top:28px;border-top:1px solid rgba(237,230,223,.16)}
.cc-stats dt{font-family:var(--cc-serif);font-size:38px;line-height:1;color:#fff}
.cc-stats dd{margin:6px 0 0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--cc-muted)}

/* Marcas */
.cc-brands{background:#100E0E;border-top:1px solid var(--cc-line);border-bottom:1px solid var(--cc-line)}
.cc-brands-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 36px;padding-top:26px;padding-bottom:26px;font-family:var(--cc-serif);font-style:italic;font-size:26px;color:#A79C93}

/* Split (estudio / historia) */
.cc-split{display:flex;flex-wrap:wrap;gap:72px;align-items:center}
.cc-split-media{flex:1 1 420px;min-width:0;position:relative;min-height:620px;background:#000;align-self:stretch}
.cc-split-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 50%}
.cc-media-tag{position:absolute;left:0;bottom:0;background:var(--cc-red);color:#fff;padding:22px 28px;display:flex;flex-direction:column;gap:4px}
.cc-media-tag span{font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.cc-media-tag strong{font-family:var(--cc-serif);font-weight:500;font-size:26px}
.cc-split-body{flex:999 1 520px;min-width:0}
.cc-services{list-style:none;margin:0 0 36px;padding:0}
.cc-services li{display:flex;gap:28px;padding:24px 0;border-top:1px solid var(--cc-line)}
.cc-services li .cc-num{width:32px;flex-shrink:0}
.cc-services h3{font-size:28px!important;margin:0 0 8px!important}
.cc-services p{margin:0;font-size:16px;line-height:1.65}

/* Vitrina */
.cc-vitrina{background:var(--cc-vitrina);color:var(--cc-black)}
.cc-vitrina .cc-h2{color:var(--cc-black)!important}
.cc-products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px}
.cc-product{display:flex;flex-direction:column;gap:8px}
.cc-product-img{display:block;background:#fff;aspect-ratio:4/5;overflow:hidden;margin-bottom:8px}
.cc-product-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cc-product-img:hover img{transform:scale(1.03)}
.cc-product-brand{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#6A625C}
.cc-product-name{font-family:var(--cc-serif);font-size:23px;line-height:1.2;font-weight:500;color:var(--cc-black)!important;text-decoration:none!important}
.cc-product-price,.cc-product-price .amount{font-size:17px;font-weight:500;color:var(--cc-red)!important}
.cc-product-actions{display:flex;gap:8px;margin-top:8px}
.cc-product-actions .cc-btn{flex:1;min-height:46px;padding:0 12px;font-size:12px;letter-spacing:.14em}
.cc-icon-btn{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--cc-black);color:var(--cc-black)!important}
.cc-icon-btn:hover{background:var(--cc-black);color:#fff!important}

/* Categorías */
.cc-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.cc-cat{position:relative;display:block;height:480px;overflow:hidden;background:#000;text-decoration:none!important}
.cc-cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .5s,opacity .3s}
.cc-cat:hover img{transform:scale(1.04);opacity:.92}
.cc-cat-label{position:absolute;left:0;right:0;bottom:0;padding:32px;background:linear-gradient(0deg,rgba(11,10,10,.92),rgba(11,10,10,0));display:flex;flex-direction:column;gap:6px}
.cc-cat-label strong{font-family:var(--cc-serif);font-weight:500;font-size:36px;color:#fff}
.cc-cat-label small{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cc-soft)}

/* Ruleta de tonos */
.cc-tonos{display:block;border-top:1px solid var(--cc-line)}
.cc-tonos-copy{max-width:720px;margin:0 auto 48px;text-align:center}
.cc-tonos-copy .cc-kicker .cc-rule{display:none}
.cc-tonos-wheel{position:relative;overflow:hidden;max-width:1216px;margin:0 auto}

/* Historia */
.cc-band{background:var(--cc-graphite)}
.cc-quote{font-family:var(--cc-serif);font-style:italic;font-size:clamp(28px,3vw,40px);line-height:1.2;color:#fff!important;margin:0 0 24px}
.cc-collage{flex:1 1 380px;min-width:0;position:relative;height:560px}
.cc-collage-main{position:absolute;right:0;top:0;width:82%;height:88%;object-fit:cover;object-position:50% 25%}
.cc-collage-block{position:absolute;left:0;bottom:0;width:46%;height:46%;background:var(--cc-red)}
.cc-collage-small{position:absolute;left:6%;bottom:6%;width:50%;height:36%;object-fit:cover;border:6px solid var(--cc-graphite)}

/* Academia */
.cc-academia{background:var(--cc-red);color:#fff}
.cc-academia .cc-section{padding-top:104px;padding-bottom:104px}
.cc-academia-row{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-end;justify-content:space-between}
.cc-academia-row>div:first-child{flex:1 1 560px}
.cc-academia .cc-lead{color:rgba(255,255,255,.88)!important;max-width:640px}
.cc-academia .cc-btn-ghost{border-color:rgba(255,255,255,.7)}

/* Pilares */
.cc-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));border-top:1px solid var(--cc-line)}
.cc-pillars>div{padding:40px 36px 0 0}
.cc-pillars h3{font-size:30px!important;margin:14px 0!important}
.cc-pillars p{font-size:16px;line-height:1.7;margin:0}

/* Instagram */
.cc-ig{border-top:1px solid var(--cc-line)}
.cc-ig .cc-section{padding-top:96px;padding-bottom:96px}
.cc-ig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.cc-ig-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}

/* ---------- Tienda (archivo Woo) ---------- */
body.cc-noir .woocommerce-products-header{background:var(--cc-black)!important;border-bottom:1px solid var(--cc-line);padding:56px 0 40px}
body.cc-noir .woocommerce-products-header h1{font-size:clamp(44px,6vw,72px)!important;line-height:1!important}
body.cc-noir .page-description p,body.cc-noir .term-description p{color:var(--cc-muted)!important;font-size:17px;max-width:760px}
body.cc-noir .colorclub-shop-intro{background:var(--cc-graphite)!important;border:1px solid var(--cc-line)}
body.cc-noir .colorclub-shop-intro *{color:var(--cc-muted)!important}
body.cc-noir .colorclub-shop-title{color:#fff!important;font-family:var(--cc-serif)!important}
body.cc-noir .art-categories-dropdown,body.cc-noir .art-categories-dropdown ul{background:var(--cc-graphite)!important;color:var(--cc-ivory)}
body.cc-noir ul.products li.product .art-product-image{background:var(--cc-vitrina)!important}
body.cc-noir ul.products li.product .art-product-image img{mix-blend-mode:multiply}
body.cc-noir ul.products li.product .woocommerce-loop-product__title{font-family:var(--cc-serif)!important;font-size:22px!important;line-height:1.2!important;color:#fff!important;font-weight:500!important}
body.cc-noir ul.products li.product .price,body.cc-noir ul.products li.product .price .amount{color:var(--cc-ivory)!important;font-size:17px}
body.cc-noir .art-product-decorate-image{display:none!important}
body.cc-noir .woocommerce-pagination .page-numbers li a,body.cc-noir .woocommerce-pagination .page-numbers li span{border:1px solid rgba(237,230,223,.24)!important;color:var(--cc-ivory)!important;background:transparent!important;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
body.cc-noir .woocommerce-pagination .page-numbers li span.current{background:var(--cc-ivory)!important;color:var(--cc-black)!important}
body.cc-noir .art-woo-content-mask{display:none!important}

/* ---------- Ficha de producto ---------- */
body.cc-noir .woocommerce-breadcrumb,body.cc-noir .woocommerce-breadcrumb a{color:var(--cc-dim)!important;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
body.cc-noir .woocommerce-product-gallery{background:var(--cc-vitrina)}
body.cc-noir .woocommerce-product-gallery img{mix-blend-mode:multiply}
body.cc-noir .product_title{font-size:clamp(36px,4vw,54px)!important;line-height:1.05!important}
body.cc-noir .summary .price,body.cc-noir .summary .price .amount{font-family:var(--cc-serif);font-size:38px!important;color:#fff!important}
body.cc-noir .summary .stock{color:var(--cc-muted)!important;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
body.cc-noir .quantity input.qty{background:transparent!important;color:#fff!important;border:1px solid rgba(237,230,223,.3)!important;min-height:52px}
body.cc-noir .variations td,body.cc-noir .variations th,body.cc-noir .variations label{color:var(--cc-ivory)!important}
body.cc-noir .accordion-product-container .accordion{background:transparent!important;color:#fff!important;border-bottom:1px solid var(--cc-line)!important;font-family:var(--cc-serif)!important;font-size:22px!important}
body.cc-noir .accordion-product-container .panel{background:transparent!important}
body.cc-noir .product_meta,body.cc-noir .product_meta a{color:var(--cc-dim)!important}
body.cc-noir section.related{border-top:1px solid var(--cc-line);padding-top:72px;margin-top:72px}

/* ---------- Footer ---------- */
body.cc-noir .art-shop-subscribe-area{background:var(--cc-graphite)!important}
body.cc-noir .art-main-footer,body.cc-noir .art-second-bg,body.cc-noir .art-footer-bottom-line{background:var(--cc-deep)!important;border-top:1px solid var(--cc-line)}
body.cc-noir .art-main-footer *,body.cc-noir .footer-wrap *{color:var(--cc-muted)!important}
body.cc-noir .art-main-footer h1,body.cc-noir .art-main-footer h2,body.cc-noir .art-main-footer h3,body.cc-noir .footer-title{color:#fff!important}
body.cc-noir .footer-subtitle{font-family:var(--cc-serif)!important;font-style:italic;font-size:22px!important;color:var(--cc-soft)!important}
body.cc-noir .footer-divider{background:var(--cc-red)!important}
body.cc-noir .art-main-footer a:hover{color:#fff!important}

/* Carrito lateral */
body.cc-noir .art-woo-side-cart{background:var(--cc-graphite)!important;color:var(--cc-ivory)}
body.cc-noir .art-woo-side-cart *{color:var(--cc-ivory)}

/* Móvil */
@media (max-width:767px){
  .cc-wrap{padding-left:20px;padding-right:20px}
  .cc-section{padding-top:64px;padding-bottom:64px}
  .cc-topbar{font-size:10px;padding:8px 12px}
  .cc-hero{min-height:640px}
  .cc-hero-img{object-position:50% 20%}
  .cc-hero-shade{background:linear-gradient(0deg,rgba(11,10,10,.96) 0%,rgba(11,10,10,.72) 50%,rgba(11,10,10,.12) 100%)}
  .cc-hero-inner{padding-top:240px;padding-bottom:36px}
  .cc-hero-sub{font-size:16px}
  .cc-actions .cc-btn{flex:1 1 100%}
  .cc-stats{gap:20px 28px;margin-top:32px}
  .cc-stats dt{font-size:28px}
  .cc-brands-row{flex-wrap:nowrap;overflow-x:auto;font-size:20px;gap:22px}
  .cc-split{gap:36px}
  .cc-split-media{min-height:380px}
  .cc-services li{gap:16px}
  .cc-services h3{font-size:23px!important}
  .cc-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .cc-product-name{font-size:18px}
  .cc-product-actions .cc-btn{font-size:11px;letter-spacing:.1em}
  .cc-cat{height:320px}
  .cc-collage{height:420px}
  .cc-pillars>div{padding-right:0}
  .cc-preview-badge{left:8px;bottom:8px}
}

/* Ajustes v1.0.1: header en una línea y hero bajo el header fijo */
body.cc-noir .art-mega-menu>ul>li>a,body.cc-noir .qrt-nav-menu>ul>li>a{font-size:12px!important;letter-spacing:.12em!important;white-space:nowrap}
body.cc-noir .art-mega-menu>ul{flex-wrap:nowrap!important}
body.cc-noir .cc-menu-cta>a{padding:10px 16px!important;white-space:nowrap;margin-left:8px}
body.cc-noir .art--header .img-logotype{max-height:56px}
.cc-hero-inner{padding-top:220px}
@media (max-width:1199px){body.cc-noir .art-mega-menu .cc-menu-cta,body.cc-noir .art-mega-menu .cc-menu-tonos{display:none!important}}
.cc-tonos-wheel .ccch-product-wheel-shell{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;left:auto!important;right:auto!important;background:transparent!important;padding-left:0!important;padding-right:0!important}
.cc-tonos-wheel .ccch-product-wheel-inner{max-width:100%!important;margin-left:auto!important;margin-right:auto!important}

/* Footer propio de la home */
.cc-footer{background:var(--cc-deep);border-top:1px solid var(--cc-line);color:var(--cc-muted)}
.cc-footer .cc-section{padding-top:88px;padding-bottom:40px}
.cc-footer-cols{display:flex;flex-wrap:wrap;gap:56px;justify-content:space-between}
.cc-footer-brand{flex:1 1 300px}
.cc-footer-brand img{height:52px;width:auto;display:block;margin-bottom:20px}
.cc-footer-brand p{font-family:var(--cc-serif);font-style:italic;font-size:24px;line-height:1.35;color:var(--cc-soft)!important;margin:0}
.cc-footer-col{flex:0 1 230px;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.6}
body.cc-noir .cc-footer-col h2{font:500 12px var(--cc-sans)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--cc-ivory)!important;margin:0 0 6px!important}
.cc-footer-col a,.cc-footer-col span{color:var(--cc-muted)!important;text-decoration:none}
.cc-footer-col a:hover{color:#fff!important}
.cc-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:64px;padding-top:28px;border-top:1px solid var(--cc-line);font-size:13px;color:var(--cc-dim)}
.cc-footer-bottom nav{display:flex;flex-wrap:wrap;gap:24px}
.cc-footer-bottom a{color:var(--cc-dim)!important;text-decoration:none}
body.cc-noir .cc-footer{background:var(--cc-deep)!important}
body.cc-noir-home .art-main-footer{display:none!important}
body.cc-noir .woocommerce-product-gallery img{mix-blend-mode:normal!important}
body.cc-noir .woocommerce-product-gallery,body.cc-noir .woocommerce-product-gallery__image,body.cc-noir .woocommerce-product-gallery__wrapper{background:#fff!important}
.cc-brands-row span{white-space:nowrap;flex-shrink:0}
@media (max-width:767px){.cc-topbar-sep,.cc-topbar-hours{display:none}}

/* Blog: tarjetas oscuras */
body.cc-noir .art-sticky-post-itself,body.cc-noir .art-blog-post,body.cc-noir article.post{background:var(--cc-graphite)!important;border:1px solid var(--cc-line)!important;border-radius:0!important;box-shadow:none!important}
body.cc-noir .art-post-title a{color:#fff!important}
body.cc-noir .art-sticky-post-itself p,body.cc-noir .art-sticky-post-itself .art-post-excerpt{color:var(--cc-muted)!important}
/* Entradas del blog (single) */
body.cc-noir.single-post .art-content-wrapper{background:var(--cc-black)!important}
body.cc-noir.single-post .entry-content :is(p,li){color:var(--cc-soft)!important;font-size:18px;line-height:1.75}
body.cc-noir.single-post .entry-content a{color:#fff!important;text-decoration:underline}

/* Landings (novias…) */
.cc-landing .cc-hero{min-height:min(78vh,720px)}
.cc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;border-top:1px solid var(--cc-line)}
.cc-steps li{padding:36px 32px 0 0}
.cc-steps h3{font-size:28px!important;margin:12px 0!important}
.cc-steps p{margin:0;font-size:16px;line-height:1.7}
.cc-faq{max-width:860px;margin:0 auto}
.cc-faq details{border-top:1px solid var(--cc-line);padding:22px 0}
.cc-faq details:last-child{border-bottom:1px solid var(--cc-line)}
.cc-faq summary{cursor:pointer;list-style:none;font-family:var(--cc-serif);font-size:24px;color:#fff;display:flex;justify-content:space-between;gap:16px}
.cc-faq summary::-webkit-details-marker{display:none}
.cc-faq summary::after{content:"+";color:var(--cc-muted);font-family:var(--cc-sans)}
.cc-faq details[open] summary::after{content:"–"}
.cc-faq details p{margin:14px 0 0;font-size:16px;line-height:1.7}
.cc-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.cc-related a{display:block;border:1px solid var(--cc-line);padding:28px;text-decoration:none!important}
.cc-related a:hover{border-color:var(--cc-ivory)}
.cc-related strong{display:block;font-family:var(--cc-serif);font-weight:500;font-size:24px;color:#fff;margin-bottom:8px}
.cc-related span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--cc-muted)}
.cc-landing p:empty{display:none}

/* ---------- Tonos (61–90 días) ---------- */
.cc-tono-ficha{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;max-width:980px;margin:8px 0 40px;padding:32px;border:1px solid var(--cc-line,rgba(237,230,223,.12));background:var(--cc-graphite,#141112)}
.cc-tono-swatch{width:140px;height:140px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 10px 30px rgba(0,0,0,.4)}
.cc-tono-texto{flex:1 1 420px;min-width:0}
.cc-tono-texto p{font-size:16px;line-height:1.7;margin:0 0 12px;color:var(--cc-muted,#B9AEA6)!important}
.cc-tono-nota{font-size:13px!important;color:var(--cc-dim,#8F857D)!important}
.cc-tono-links a{color:#fff!important;border-bottom:1px solid currentColor;text-decoration:none}
.cc-tono-rel{margin-top:64px;padding-top:40px;border-top:1px solid var(--cc-line,rgba(237,230,223,.12))}
.cc-tono-rel h2,.cc-carta-fam h3,.cc-carta-prod h3{font-family:var(--cc-serif,'Cormorant Garamond',serif)!important;font-weight:500!important;font-size:30px!important;color:#fff!important;margin:32px 0 16px!important}
.cc-carta-fam h3 small,.cc-carta-prod h3 small{font-family:var(--cc-sans,'Jost',sans-serif);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--cc-muted,#B9AEA6);margin-left:10px}
.cc-tono-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.cc-tono-chip{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border:1px solid var(--cc-line,rgba(237,230,223,.12));color:var(--cc-ivory,#EDE6DF)!important;text-decoration:none!important;font-size:14px;line-height:1.3}
.cc-tono-chip:hover{border-color:var(--cc-ivory,#EDE6DF)}
.cc-tono-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.cc-carta-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.cc-carta-lista li{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--cc-line,rgba(237,230,223,.12))}
.cc-carta-lista li.is-agotado{opacity:.55}
.cc-carta-lista img{width:56px;height:56px;object-fit:cover;background:#fff;flex-shrink:0}
.cc-tono-swatch-sm{width:56px;height:56px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.cc-carta-nombre{flex:1;min-width:0;font-size:15px;line-height:1.3}
.cc-carta-nombre a{color:#fff!important;text-decoration:none!important}
.cc-carta-precio,.cc-carta-precio .amount{font-size:14px;color:var(--cc-muted,#B9AEA6)!important;white-space:nowrap}
.cc-carta-btn{font:500 11px var(--cc-sans,'Jost',sans-serif);letter-spacing:.14em;text-transform:uppercase;background:var(--cc-red,#7A1424);color:#fff!important;padding:10px 12px;text-decoration:none!important;white-space:nowrap}
.cc-table{width:100%;border-collapse:collapse;margin:0 0 24px}
.cc-table th,.cc-table td{border-bottom:1px solid var(--cc-line,rgba(237,230,223,.12));padding:12px 10px;text-align:left;font-size:15px;color:var(--cc-muted,#B9AEA6)}
.cc-table th{color:#fff;font-weight:500}
.cc-table .cc-tono-dot{display:inline-block;vertical-align:middle;margin-right:10px;width:20px;height:20px}
.cc-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px}
.cc-toc{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.cc-toc a{border:1px solid var(--cc-line,rgba(237,230,223,.12));padding:10px 16px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--cc-ivory,#EDE6DF)!important;text-decoration:none!important}
.cc-landing .cc-tonos-wheel{max-width:1216px;margin:0 auto}
@media (max-width:767px){.cc-tono-ficha{padding:20px;gap:20px}.cc-tono-swatch{width:96px;height:96px}.cc-carta-lista{grid-template-columns:1fr}}

/* Menú móvil legible (v1.1) */
body.cc-noir .art--mobile-menu-navigation-wrapper,body.cc-noir .art-mobile-menu-wrapper .art-nav-container{background:var(--cc-graphite)!important}
body.cc-noir .art-sidebar-overlay{background:rgba(0,0,0,.6)!important}
body.cc-noir .art--mobile-menu>li{border-bottom:1px solid var(--cc-line)}
body.cc-noir .art--mobile-menu>li>a{color:#fff!important;font:500 15px var(--cc-sans)!important;letter-spacing:.14em!important;text-transform:uppercase;padding:16px 0!important;display:block;opacity:1!important}
body.cc-noir .art--mobile-menu .sub-menu{background:transparent!important;padding-left:14px!important}
body.cc-noir .art--mobile-menu .sub-menu a{color:var(--cc-soft)!important;font:400 15px var(--cc-sans)!important;letter-spacing:.02em!important;text-transform:none!important;padding:10px 0!important;display:block;opacity:1!important}
body.cc-noir .art--mobile-menu li,body.cc-noir .art--mobile-menu li *{opacity:1!important}
body.cc-noir .art--mobile-menu svg,body.cc-noir .art--mobile-menu i,body.cc-noir .art--mobile-menu .menu-item-has-children>span,body.cc-noir .art--mobile-menu .art-arrow{color:#fff!important;fill:#fff!important;stroke:#fff!important;border-color:#fff!important}
body.cc-noir .art--mobile-menu .cc-menu-cta>a{background:var(--cc-red);text-align:center;margin-top:20px;padding:16px!important}
body.cc-noir .art--mobile-menu .cc-menu-tonos>a{color:#fff!important}
body.cc-noir .art-mobile-menu-wrapper .art-cart-side-close,body.cc-noir .art-mobile-menu-wrapper [class*="close"]{color:#fff!important}

/* Fotos de Yaneth (v1.1) */
.cc-hero-img[src*="y-hero.webp"]{object-position:85% 30%}
.cc-split-media img[src*="y-"]{object-position:50% 22%}
.cc-cat img[src*="y-"]{object-position:50% 20%}
.cc-collage img[src*="y-"]{object-position:50% 20%}
@media (max-width:767px){.cc-hero-img[src*="y-hero"]{object-position:30% 0}.cc-landing .cc-hero-img[src*="y-hero.webp"]{object-position:86% 0}}
@media (max-width:767px){
  .cc-hero picture,.cc-hero>.cc-hero-img{height:560px!important;bottom:auto!important}
  .cc-hero picture .cc-hero-img{height:100%!important}
  .cc-hero-img[src*="y-"]{object-position:40% 0!important}
  .cc-hero-shade{background:linear-gradient(0deg,rgba(11,10,10,1) 0%,rgba(11,10,10,.92) 45%,rgba(11,10,10,.35) 75%,rgba(11,10,10,.1) 100%)!important}
}
@media (max-width:767px){.cc-landing .cc-hero>.cc-hero-img[src*="y-hero.webp"]{object-position:86% 0!important}}
@media (max-width:767px){.cc-hero-shade{background:linear-gradient(180deg,rgba(11,10,10,.1) 0,rgba(11,10,10,.3) 200px,rgba(11,10,10,.88) 430px,#0B0A0A 560px,#0B0A0A 100%)!important}}
@media (min-width:768px){.cc-landing .cc-hero-img[src*="y-illumina"],.cc-landing .cc-hero-img[src*="y-color"]{object-position:65% 6%!important}}

/* v1.2: colores en secciones claras, menú agrupado, footer */
body.cc-noir .cc-vitrina .cc-h2,body.cc-noir .cc-vitrina h2,body.cc-noir .cc-vitrina h3{color:#0B0A0A!important}
body.cc-noir .cc-vitrina .cc-kicker{color:#5C5550!important}
body.cc-noir .cc-menu .cc-menu-pdf>a{color:#fff!important;font-weight:500!important}
body.cc-noir .cc-menu .cc-menu-pdf>a::after{content:" ↓";opacity:.7}
body.cc-noir .art-mega-menu .cc-menu .sub-menu{min-width:260px}
body.cc-noir .art-mega-menu .cc-menu .sub-menu a{display:block;padding:9px 18px!important}
.cc-hero-img[src*="s-salon"]{object-position:60% 45%}
@media (max-width:767px){.cc-hero-img[src*="p-vision"],.cc-hero-img[src*="s-salon"]{object-position:50% 40%!important}}
.cc-split-media img[src*="s-"],.cc-split-media img[src*="p-"]{object-position:50% 50%}

body.cc-noir .art-main-footer,body.cc-noir .art-shop-subscribe-area,body.cc-noir .art-footer-bottom-line{display:none!important}
/* v1.3: textos de categorías legibles */
.cc-cat img{opacity:.7!important}
.cc-cat-label{padding:40px 32px 32px!important;background:linear-gradient(0deg,rgba(11,10,10,.97) 0%,rgba(11,10,10,.85) 45%,rgba(11,10,10,0) 100%)!important}
.cc-cat-label strong,.cc-cat-label small{text-shadow:0 1px 12px rgba(0,0,0,.6)}
.cc-cat-label small{color:#fff!important}

/* Barra inferior móvil */
.cc-tabbar{display:none}
@media (max-width:767px){
  body.cc-noir{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}
  .cc-tabbar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:9990;height:calc(64px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);background:rgba(11,10,10,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(237,230,223,.12);box-shadow:0 -10px 30px rgba(0,0,0,.35)}
  .cc-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:64px;color:#B9AEA6!important;text-decoration:none!important;font:400 10px/1 'Jost',sans-serif;letter-spacing:.12em;text-transform:uppercase}
  .cc-tab svg{display:block}
  .cc-tab.is-on{color:#fff!important}
  .cc-tab.is-on::before{content:"";position:absolute;top:0;left:30%;right:30%;height:2px;background:#7A1424}
  .cc-tab-wa{justify-content:flex-end;padding-bottom:9px}
  .cc-tab-wa-dot{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-top:-26px;border-radius:50%;background:#7A1424;color:#fff;box-shadow:0 0 0 4px #0B0A0A,0 8px 20px rgba(122,20,36,.45)}
  .cc-tab-wa-dot svg{width:24px;height:24px}
  .cc-tab-wa{color:#fff!important}
  .cc-tab-badge{position:absolute;top:9px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#7A1424;color:#fff;font:500 10px/16px 'Jost',sans-serif;text-align:center}
  .cc-preview-badge{bottom:84px}
  #colorclub-ccart-holder .colorclub-mini-basket-trigger.basket-btn_fixed-xs{bottom:84px!important}
}
