/*
Theme Name: Showroom Spa By ALOHA
Theme URI: https://woocommerce.com/
Author: Equipo Showroom Spa By ALOHA
Description: Tema liviano para tienda de Showroom Spa con ALOHA como linea complementaria, compatible con WooCommerce. Diseño mobile-first.
Version: 0.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ssba
*/
:root{--ink:#22332b;--muted:#67645c;--cream:#f8f6f0;--sand:#e9e2d7;--line:#dcd5c9;--accent:#6d7466;--light:#fff;--font:Montserrat,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--font);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.topline{background:var(--ink);color:#fff;font-size:.72rem;text-align:center;letter-spacing:.12em;padding:.55rem 1rem}.container{width:min(1180px,calc(100% - 36px));margin:0 auto}.site-header{background:rgba(248,246,240,.98);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}.brand{display:block;line-height:1.2}.brand-main{font-size:clamp(1.05rem,2vw,1.3rem);font-weight:800;letter-spacing:.11em}.brand-sub{font-size:.64rem;letter-spacing:.2em;color:#8e8070;margin-top:5px}.header-right{display:flex;gap:1.2rem;align-items:center}.nav ul{margin:0;padding:0;list-style:none;display:flex;gap:23px}.nav a{font-size:.78rem;font-weight:650;letter-spacing:.03em}.nav a:hover,.footer a:hover{text-decoration:underline}.cart-link{font-weight:700;font-size:.78rem;border:1px solid var(--ink);padding:.55rem .75rem;border-radius:3px;white-space:nowrap}.mobile-nav{display:none}.mobile-nav summary{cursor:pointer;list-style:none;font-size:1.3rem}.mobile-nav ul{list-style:none;padding:15px;min-width:190px;position:absolute;right:18px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 35px #17251b22}.mobile-nav li{margin:10px 0}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:540px;background:#e7e0d5}.hero-content{padding:clamp(36px,7vw,100px);align-self:center}.eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#8f7a65}.hero h1{font-weight:650;letter-spacing:-.045em;line-height:1.06;font-size:clamp(2.8rem,5.5vw,5rem);max-width:560px;margin:18px 0 24px}.hero p{color:#4f594f;max-width:430px;font-size:1.02rem}.hero-visual{position:relative;min-height:420px;overflow:hidden;background:linear-gradient(135deg,#c5b59f,#ebe3d6)}.hero-visual:before{content:'';position:absolute;inset:11% 12% 10% 16%;border:1px solid #ffffff80;transform:rotate(9deg)}.hero-visual:after{content:'ALOHA  /  SHOWROOM SPA';position:absolute;bottom:12%;right:9%;background:#f8f6f0df;letter-spacing:.21em;font-weight:700;font-size:.7rem;padding:12px 16px}.hero-photo{width:85%;height:77%;object-fit:cover;position:absolute;top:11%;left:7%;box-shadow:16px 18px 55px #4e3b2a35;transform:rotate(-4deg)}.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:13px 23px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:2px;cursor:pointer;font-weight:650;font-size:.82rem;letter-spacing:.04em}.btn:hover{background:#3c5446;color:#fff}.btn-outline{color:var(--ink);background:transparent}.section{padding:70px 0}.section-title{margin:0 0 25px;font-weight:670;font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.025em}.section-intro{color:var(--muted);margin-top:-10px;margin-bottom:32px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cat-card{background:#eae5d8;padding:24px;min-height:310px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.cat-card.spa{background:#eee8e5}.cat-card::after{content:'';height:145px;width:145px;border-radius:50%;background:#fff9;position:absolute;right:-25px;top:-30px}.cat-card h3{position:relative;font-size:clamp(1.45rem,3vw,2.4rem);letter-spacing:-.04em;margin:0;z-index:1}.cat-card p{position:relative;z-index:1;color:#716d65;max-width:260px}.cat-card span{font-weight:750;position:relative;z-index:1}.cat-card.spa::after{background:#d8cbc955}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.preview{background:#fff;border:1px solid var(--line);padding:12px}.preview img{display:block;aspect-ratio:4/3;object-fit:contain;background:#e9e3d7;width:100%}.preview strong{display:block;margin:12px 0 3px}.preview small{color:var(--muted)}.ribbon{background:var(--ink);color:#fff;padding:28px 0;text-align:center;font-size:.9rem}.ribbon strong{letter-spacing:.08em}.site-footer{background:#26362d;color:#e8e8df;padding:44px 0 26px}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.site-footer small{color:#c4c9bf}.site-footer p{max-width:460px;font-size:.85rem}.content-wrap{min-height:55vh;padding:50px 0}.woocommerce ul.products li.product a img{aspect-ratio:4/5;object-fit:cover;background:#e9e5dc}.woocommerce ul.products li.product .price{color:var(--ink);font-weight:700}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--ink);color:#fff;border-radius:2px}.woocommerce a.button:hover,.woocommerce button.button:hover{background:#3c5446;color:#fff}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink)}.woocommerce span.onsale{background:#687868}.notice{background:#eee6dc;padding:18px 24px;border-left:3px solid #7b846f}.skip-link{position:absolute;top:-70px;left:15px;background:white;color:black;padding:10px;z-index:500}.skip-link:focus{top:15px}@media(max-width:800px){.nav{display:none}.mobile-nav{display:block}.hero{grid-template-columns:1fr}.hero-content{padding:43px 25px}.hero-visual{min-height:340px}.section{padding:42px 0}}@media(max-width:550px){.category-grid{grid-template-columns:1fr}.cat-card{min-height:235px}.preview-grid{gap:10px}.preview{padding:8px}.preview strong{font-size:.85rem}.site-footer{padding:30px 0}.brand-main{font-size:1rem}.brand-sub{font-size:.55rem}.cart-link{font-size:.65rem}.header-row{padding:13px 0}.hero-visual{min-height:270px}}

/* V0.2 - Protagonismo visual de Showroom Spa */
.hero-spa{grid-template-columns:1.1fr .9fr;background:#eee7dd}
.hero-spa .hero-content{max-width:820px}
.hero-spa h1{font-size:clamp(2.6rem,5vw,4.8rem);letter-spacing:-.055em}
.hero-art{min-height:440px;position:relative;overflow:hidden;background:linear-gradient(145deg,#d3c3b5,#eadfd3 55%,#d5c7bd);padding:clamp(35px,6vw,74px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#374036;isolation:isolate}
.hero-art:before{content:'';position:absolute;inset:12% 15%;border:1px solid #ffffff99;z-index:-1}
.hero-art strong{font-size:clamp(3rem,6.2vw,6.5rem);letter-spacing:-.065em;line-height:.88;font-weight:650}
.hero-art-eyebrow,.hero-art-sub,.hero-art-footnote{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;z-index:1}
.hero-art-eyebrow{margin-bottom:28px}.hero-art-sub{margin-top:28px}.hero-art-footnote{margin-top:60px;letter-spacing:.05em;text-transform:none}
.hero-ornament{position:absolute;border:1px solid #fff8;border-radius:50%;width:450px;height:450px;z-index:-1}
.hero-ornament-one{left:-300px;top:-170px}.hero-ornament-two{right:-290px;bottom:-190px}
.cat-card.spa{background:#e5d9d1}.category-label{display:inline-block;color:#8e7969;font-size:.7rem;letter-spacing:.16em;margin:0 0 18px;font-weight:700}
.category-grid .cat-card h3{font-size:clamp(1.5rem,3vw,2.35rem)}
.nav a:focus-visible,.btn:focus-visible,.cart-link:focus-visible,.mobile-nav summary:focus-visible{outline:3px solid #73816d;outline-offset:3px}
@media(max-width:800px){.hero-spa{grid-template-columns:1fr}.hero-art{min-height:340px}.hero-art strong{font-size:4rem}}
@media(max-width:550px){.hero-art{min-height:260px;padding:30px}.hero-art strong{font-size:3.2rem}.hero-art-footnote{margin-top:30px}}

/* V0.3: logotipo auténtico recuperado de SPA Profesional v0.8.0 */
.brand {display:block;flex-shrink:0}
.brand picture {display:block}
.brand-logo{display:block;width:215px;height:auto;max-height:84px;object-fit:contain}
.hero-spa-logo{display:block;width:min(100%,430px);height:auto;margin:0 auto;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(85,45,19,.035))}
.hero-art-eyebrow{margin-bottom:20px}
.hero-art-sub{margin-top:20px}
.hero-art-footnote{margin-top:38px}
@media (max-width:800px){.brand-logo{width:188px;max-height:76px}.header-row{padding:11px 0}.hero-spa-logo{max-width:345px}}
@media (max-width:550px){.brand-logo{width:154px;max-height:66px}.header-row{padding:9px 0}.hero-spa-logo{width:min(86%,290px)}.hero-art{min-height:280px}.hero-art-footnote{margin-top:22px}}


/* v0.4 — Wordmarks editoriales (logo auténtico intacto) */
:root { --font: Montserrat, 'Segoe UI', Arial, sans-serif; }
body, button, input, select, textarea { font-family: var(--font); }
.category-grid .cat-card h3 {
  font-family: Montserrat, 'Segoe UI', Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.12;
  margin: 0;
  color: var(--ink);
}
/* SHOWROOM SPA: mínimo tracking, menos que ALOHA */
.category-grid .cat-card.spa h3 {
  letter-spacing: .018em;
  font-size: clamp(1.45rem, 2.5vw, 2.18rem);
}
/* ALOHA: Montserrat SemiBold, más aire entre caracteres */
.category-grid .cat-card.aloha h3 {
  letter-spacing: .13em;
  font-size: clamp(1.55rem, 2.9vw, 2.35rem);
}
.nav a { letter-spacing: .04em; }
@media (max-width: 800px) {
  .category-grid .cat-card.spa h3 { font-size: clamp(1.42rem, 3vw, 1.85rem); }
  .category-grid .cat-card.aloha h3 { font-size: clamp(1.5rem, 3.3vw, 2.05rem); }
}
@media (max-width: 550px) {
  .category-grid .cat-card.spa h3 { font-size: clamp(1.5rem, 6.2vw, 2rem); }
  .category-grid .cat-card.aloha h3 { font-size: clamp(1.58rem, 6.8vw, 2.05rem); }
}