/*
Theme Name: Central de Belleza Style Pro v5
Theme URI: https://centraldebelleza.es/
Author: FJdelaVega
Author URI: https://centraldebelleza.es/
Description: Tema elegante para tienda B2B de estética y peluquería con WooCommerce.
Version: 5.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: central-belleza
*/

:root{
  --cb-bg:#f4eded;
  --cb-bg2:#efe6e6;
  --cb-card:#f8f4f4;
  --cb-border:#e3d7d7;
  --cb-text:#473d46;
  --cb-muted:#6f6468;
  --cb-gold:#c6a05a;
  --cb-dark:#27212a;
  --cb-shadow:0 16px 40px rgba(95,76,76,.12);
  --cb-radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--cb-text);
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.85), transparent 36%),
    radial-gradient(circle at top right, rgba(255,255,255,.6), transparent 28%),
    linear-gradient(180deg,var(--cb-bg),var(--cb-bg2));
  font-family: Georgia, "Times New Roman", serif;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.cb-container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.cb-topbar{font-family:Arial,sans-serif;font-size:14px;border-bottom:1px solid rgba(71,61,70,.08);background:rgba(255,255,255,.35)}
.cb-topbar-inner{display:flex;gap:28px;justify-content:center;padding:10px 0;color:#5e5558}
.cb-hero-wrap{padding:18px 0 12px}
.cb-hero{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,242,242,.92));
  border:1px solid var(--cb-border);border-radius:30px;box-shadow:var(--cb-shadow);
  min-height:330px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden;
}
.cb-hero-copy{padding:40px 48px;text-align:center}
.cb-logo-badge{width:92px;height:92px;border-radius:50%;margin:0 auto 18px;background:#201929;color:#fff;border:5px solid var(--cb-gold);display:grid;place-items:center;font-size:34px;line-height:1;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.cb-brand-title{display:none}
.cb-brand-sub{font-size:28px;line-height:1.15;max-width:620px;margin:16px auto 0;color:#65585f}
.cb-brand-sub--single{font-size:30px}
.cb-hero-art{position:relative;height:100%;min-height:330px}
.cb-bottle,.cb-jar,.cb-roll{position:absolute;background:linear-gradient(180deg,#fff,#f6efef);border:1px solid #dbcdb8;border-radius:14px;box-shadow:0 22px 24px rgba(88,76,76,.12)}
.cb-bottle:before,.cb-roll:before{content:"";position:absolute;left:22%;top:-28px;width:28%;height:34px;background:#efefef;border:1px solid #d5d5d5;border-radius:4px}
.cb-bottle:after,.cb-roll:after{content:"";position:absolute;left:0;right:0;top:40%;height:56px;background:linear-gradient(180deg,#e7d19c,#c59b46)}
.cb-b1{width:112px;height:180px;right:110px;top:58px}
.cb-b2{width:96px;height:134px;right:28px;top:112px}
.cb-jar{width:150px;height:112px;left:40px;top:160px;border-color:#e1d9d9}
.cb-roll{width:98px;height:92px;right:40px;bottom:36px;border-radius:18px}
.cb-roll:after{top:66%;height:0}
.cb-roll i{position:absolute;inset:auto 0 0 0;height:56px;border-radius:0 0 18px 18px;background:repeating-linear-gradient(90deg,#fff 0 8px,#eadede 8px 14px)}
.cb-b3{width:130px;height:118px;right:166px;top:132px}
.cb-b3:before{left:16%;width:20%}
.cb-header-bar{border-top:1px solid rgba(71,61,70,.08);border-bottom:1px solid rgba(71,61,70,.08);background:rgba(255,255,255,.35)}
.cb-header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}
.cb-main-nav{display:flex;align-items:center}
.cb-main-nav .menu,.cb-main-nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:10px;list-style:none;padding:0;margin:0}
.cb-main-nav li{margin:0}
.cb-main-nav a{display:inline-flex;align-items:center;justify-content:center;font:600 15px/1 Arial,sans-serif;color:#4d4248;padding:11px 16px;border-radius:999px;position:relative;background:rgba(255,255,255,.45);border:1px solid rgba(198,160,90,.18);box-shadow:0 2px 8px rgba(95,76,76,.05);transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease}
.cb-main-nav a:after{display:none}
.cb-main-nav a:hover,.cb-main-nav .current-menu-item>a,.cb-main-nav .current_page_item>a{background:linear-gradient(180deg,#fff6e9,#f1dfbb);border-color:rgba(198,160,90,.55);color:#2e2530;box-shadow:0 8px 18px rgba(95,76,76,.12);transform:translateY(-1px)}
.cb-main-nav .current-menu-item>a,.cb-main-nav .current_page_item>a{font-weight:700}
.cb-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.cb-search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.7);border:1px solid var(--cb-border);height:42px;padding:0 14px;border-radius:999px;min-width:240px;font-family:Arial,sans-serif;color:#6e6367}
.cb-search input{border:none;background:transparent;outline:none;width:100%;font-size:15px;color:#52474d}
.cb-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.7);border:1px solid var(--cb-border);font-size:18px}
.section-title{font-size:62px;text-align:center;margin:34px 0 28px;color:#403640;font-weight:500}
.cb-products{padding-bottom:24px}
.cb-product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.cb-card{background:rgba(255,255,255,.5);border:1px solid var(--cb-border);border-radius:16px;padding:12px;box-shadow:0 6px 18px rgba(95,76,76,.06)}
.cb-thumb{height:140px;border-radius:12px;background:linear-gradient(180deg,#f7f3f3,#ede6e6);border:1px solid #e5dcdc;display:grid;place-items:center;overflow:hidden}
.cb-card h3{font-family:Arial,sans-serif;font-size:15px;line-height:1.35;min-height:42px;margin:12px 0 10px;color:#393138;font-weight:500}
.cb-price{font-family:Arial,sans-serif;font-size:16px;font-weight:700;color:#2a2229;margin-bottom:10px}
.cb-btn{display:inline-block;width:100%;text-align:center;background:#221d25;color:#fff;padding:11px 14px;border-radius:8px;font:700 14px/1 Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase}
.cb-brands{padding:26px 0 22px}
.cb-brands-title{font-size:52px;text-align:center;margin:18px 0 22px;font-weight:500}
.cb-brand-marquee{position:relative;overflow:hidden;border-top:1px solid rgba(71,61,70,.08);border-bottom:1px solid rgba(71,61,70,.08);background:rgba(255,255,255,.28);border-radius:999px;padding:16px 0}.cb-brand-track{display:flex;align-items:center;gap:48px;min-width:max-content;padding-left:48px;color:#40363f;font:600 20px/1.2 Arial,sans-serif;animation:cbMarquee 24s linear infinite}.cb-brand-track span{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;letter-spacing:.03em}.cb-brand-marquee:hover .cb-brand-track{animation-play-state:paused}@keyframes cbMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cb-footer{margin-top:18px;border-top:1px solid rgba(71,61,70,.08);background:rgba(255,255,255,.28)}
.cb-footer-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:38px;padding:38px 0}
.cb-footer h4{font:600 18px/1.2 Arial,sans-serif;margin:0 0 18px;color:#463b43;text-transform:uppercase;letter-spacing:.03em}
.cb-footer ul{list-style:none;padding:0;margin:0}
.cb-footer li{margin:0 0 12px;font:400 16px/1.45 Arial,sans-serif;color:#5d5358}
.cb-newsletter{display:flex;gap:10px;margin:14px 0}
.cb-newsletter input{flex:1;height:46px;border-radius:10px;border:1px solid var(--cb-border);padding:0 14px;background:rgba(255,255,255,.78)}
.cb-newsletter button{height:46px;border:none;border-radius:10px;padding:0 18px;background:var(--cb-gold);color:#fff;font:700 15px Arial,sans-serif}
.cb-copy{padding:14px 0 24px;text-align:center;color:#6e6368;font:400 14px Arial,sans-serif}
.screen-reader-text{position:absolute;left:-9999px}

@media (max-width: 1100px){
  .cb-brand-title{font-size:54px}
  .cb-brand-sub{font-size:22px}
  .cb-product-grid{grid-template-columns:repeat(3,1fr)}
  .cb-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 820px){
  .cb-hero{grid-template-columns:1fr}
  .cb-hero-art{min-height:220px}
  .cb-header-row{flex-direction:column;align-items:flex-start}
  .cb-main-nav{width:100%}
  .cb-main-nav .menu,.cb-main-nav ul{gap:10px}
  .section-title,.cb-brands-title{font-size:42px}
  .cb-product-grid{grid-template-columns:repeat(2,1fr)}
  .cb-footer-grid{grid-template-columns:1fr}
}
@media (max-width: 560px){
  .cb-brand-title{font-size:42px}
  .cb-brand-sub{font-size:18px}
  .cb-product-grid{grid-template-columns:1fr}
  .cb-search{min-width:0;width:100%}
  .cb-actions{width:100%}
}

@media (prefers-reduced-motion: reduce){.cb-brand-track{animation:none}}