
:root{
  --kr-violet:#7b4ea3;
  --kr-violet-2:#5e347f;
  --kr-lilac:#9b82bb;
  --kr-lilac-soft:#eee7f5;
  --kr-cream:#fbf8f2;
  --kr-warm:#efe2d1;
  --kr-champagne:#d9c1a3;
  --kr-ink:#2e2633;
  --kr-muted:#756976;
  --kr-olive:#8b8068;
  --kr-blush:#f4d7d5;
  --kr-white:#fffdf8;
  --kr-shadow:0 24px 70px rgba(46,38,51,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--kr-ink);
  background:var(--kr-cream);
  line-height:1.65;
}
h1,h2,h3,.brand-word,.display-serif{
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;
}
a{color:var(--kr-violet-2)}
a:hover{color:var(--kr-violet)}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:1rem;top:1rem;z-index:9999;width:auto;height:auto;background:#fff;padding:.6rem 1rem;border-radius:999px}
.navbar{
  background:rgba(251,248,242,.86);
  backdrop-filter:blur(16px);
  box-shadow:0 10px 30px rgba(46,38,51,.04);
}
.navbar-brand{display:flex;align-items:center;gap:.65rem;color:var(--kr-ink)!important}
.logo-mark{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--kr-violet),var(--kr-lilac));color:#fff;font-family:Georgia,serif;font-weight:700;box-shadow:0 10px 24px rgba(123,78,163,.23)}
.brand-word{font-size:1.45rem;font-weight:600;line-height:1}.brand-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:var(--kr-muted);display:block;margin-top:.12rem}
.nav-link{font-weight:600;color:rgba(46,38,51,.78)!important}.nav-link.active,.nav-link:hover{color:var(--kr-violet-2)!important}.navbar-toggler{border:0}.navbar-toggler:focus{box-shadow:0 0 0 .16rem rgba(123,78,163,.2)}
.btn-kreanna{background:linear-gradient(135deg,var(--kr-violet-2),var(--kr-violet));border:0;color:white;border-radius:999px;padding:.85rem 1.25rem;font-weight:700;box-shadow:0 14px 30px rgba(123,78,163,.24)}.btn-kreanna:hover{color:white;transform:translateY(-1px)}
.btn-outline-kreanna{border:1px solid rgba(123,78,163,.36);color:var(--kr-violet-2);border-radius:999px;padding:.82rem 1.25rem;font-weight:700;background:rgba(255,255,255,.38)}.btn-outline-kreanna:hover{background:var(--kr-lilac-soft);color:var(--kr-violet-2)}
.pill{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;background:rgba(155,130,187,.14);color:var(--kr-violet-2);font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:.48rem .85rem}
.hero{position:relative;overflow:hidden;padding:7.5rem 0 5rem;background:radial-gradient(circle at 8% 10%, rgba(155,130,187,.24), transparent 30%),radial-gradient(circle at 88% 18%, rgba(217,193,163,.34), transparent 28%),linear-gradient(180deg,#fffdf8 0%,#fbf8f2 100%)}
.hero:before{content:"";position:absolute;inset:auto -10% -28% -10%;height:42%;background:radial-gradient(ellipse at center, rgba(217,193,163,.38), transparent 65%);pointer-events:none}.hero h1{font-size:clamp(2.75rem,7vw,6.4rem);line-height:.94}.hero-lead{font-size:clamp(1.05rem,1.8vw,1.35rem);color:var(--kr-muted);max-width:46rem}.hero-media{position:relative;border-radius:2.2rem;overflow:hidden;min-height:540px;box-shadow:var(--kr-shadow);background:#eee}.hero-media img{width:100%;height:100%;object-fit:cover;display:block}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,248,242,.72),transparent 18%,transparent 76%,rgba(251,248,242,.58)),linear-gradient(0deg,rgba(251,248,242,.65),transparent 22%,transparent 82%,rgba(251,248,242,.5));mix-blend-mode:screen;pointer-events:none}.floating-card{position:absolute;left:1.2rem;bottom:1.2rem;background:rgba(255,253,248,.88);border:1px solid rgba(255,255,255,.62);backdrop-filter:blur(14px);border-radius:1.5rem;padding:1rem 1.15rem;max-width:330px;box-shadow:0 16px 40px rgba(46,38,51,.14)}
.section{padding:5rem 0}.section-sm{padding:3.2rem 0}.section-title{font-size:clamp(2.05rem,4vw,4.1rem);line-height:1.02}.text-muted-kr{color:var(--kr-muted)}.bg-soft{background:linear-gradient(180deg,#fffdf8 0%,#f7f0e8 100%)}.bg-violet{background:linear-gradient(135deg,#4d286c 0%,#7b4ea3 58%,#9b82bb 100%);color:white}.bg-violet .text-muted-kr{color:rgba(255,255,255,.78)}
.card-k{position:relative;background:rgba(255,253,248,.84);border:1px solid rgba(123,78,163,.1);border-radius:1.8rem;overflow:hidden;box-shadow:0 18px 50px rgba(46,38,51,.08);height:100%;transition:.25s ease}.card-k:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(46,38,51,.12)}.card-k img{width:100%;height:320px;object-fit:cover}.card-k .card-body{padding:1.45rem}.card-k h3{font-size:1.55rem}.label-line{display:flex;align-items:center;gap:.7rem;color:var(--kr-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.label-line:before{content:"";width:46px;height:1px;background:var(--kr-champagne)}
.feature-box{border-radius:1.7rem;padding:1.5rem;background:rgba(255,255,255,.58);border:1px solid rgba(123,78,163,.09);height:100%}.feature-box strong{color:var(--kr-violet-2)}
.mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:120px;gap:1rem}.mosaic figure{margin:0;border-radius:1.6rem;overflow:hidden;box-shadow:0 16px 44px rgba(46,38,51,.1);background:#e9dfd4}.mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.mosaic figure:hover img{transform:scale(1.035)}.mosaic .m1{grid-column:span 5;grid-row:span 3}.mosaic .m2{grid-column:span 3;grid-row:span 2}.mosaic .m3{grid-column:span 4;grid-row:span 3}.mosaic .m4{grid-column:span 4;grid-row:span 2}.mosaic .m5{grid-column:span 4;grid-row:span 2}.mosaic .m6{grid-column:span 4;grid-row:span 2}
.page-header{padding:7rem 0 3.5rem;background:radial-gradient(circle at 12% 22%,rgba(155,130,187,.24),transparent 31%),linear-gradient(180deg,#fffdf8,#f8f1e8)}.page-header h1{font-size:clamp(2.55rem,6vw,5.4rem);line-height:.98}.breadcrumb-item a{text-decoration:none;color:var(--kr-violet-2)}
.product-meta{font-size:.88rem;text-transform:uppercase;letter-spacing:.12em;color:var(--kr-violet-2);font-weight:800}.price-note{font-size:.95rem;color:var(--kr-muted)}
.cta-panel{border-radius:2rem;background:linear-gradient(135deg,rgba(123,78,163,.11),rgba(217,193,163,.22));padding:2rem;border:1px solid rgba(123,78,163,.12)}
.social-logo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid rgba(123,78,163,.14);box-shadow:0 10px 26px rgba(46,38,51,.08);color:var(--kr-violet-2);text-decoration:none;margin:.2rem;transition:.2s ease}.social-logo:hover{transform:translateY(-2px);background:var(--kr-violet);color:white}.social-logo svg{width:20px;height:20px;fill:currentColor}.contact-card{border-radius:2rem;background:#fffdf8;border:1px solid rgba(123,78,163,.12);box-shadow:0 18px 50px rgba(46,38,51,.08);padding:2rem}.form-control,.form-select{border-radius:1rem;border-color:rgba(123,78,163,.2);padding:.85rem 1rem;background:#fffdf8}.form-control:focus,.form-select:focus{border-color:var(--kr-lilac);box-shadow:0 0 0 .2rem rgba(123,78,163,.15)}
.legal-content{max-width:940px}.legal-content h2{margin-top:2rem}.legal-content p,.legal-content li{color:var(--kr-muted)}
footer{background:#211a26;color:rgba(255,255,255,.78);padding:4rem 0 2rem}footer h2,footer h3,footer .brand-word{color:white}footer a{color:rgba(255,255,255,.82);text-decoration:none}footer a:hover{color:white}.footer-line{border-top:1px solid rgba(255,255,255,.12);margin-top:2.4rem;padding-top:1.5rem;font-size:.92rem;color:rgba(255,255,255,.56)}
.sticky-social{position:fixed;right:1rem;bottom:1rem;z-index:1040;display:flex;flex-direction:column;gap:.5rem}.sticky-social .social-logo{width:48px;height:48px;background:rgba(255,253,248,.92);backdrop-filter:blur(10px)}
@media (max-width:991px){.hero{padding-top:6.3rem}.hero-media{min-height:420px;margin-top:2rem}.floating-card{position:relative;left:auto;bottom:auto;margin:-4rem 1rem 0}.mosaic{grid-auto-rows:110px}.mosaic .m1,.mosaic .m2,.mosaic .m3,.mosaic .m4,.mosaic .m5,.mosaic .m6{grid-column:span 6;grid-row:span 2}.card-k img{height:280px}}
@media (max-width:575px){.section{padding:3.5rem 0}.hero h1{font-size:3rem}.hero-media{min-height:360px;border-radius:1.5rem}.mosaic{display:block}.mosaic figure{height:310px;margin-bottom:1rem}.sticky-social{display:none}.card-k img{height:245px}.page-header{padding-top:6rem}.btn-kreanna,.btn-outline-kreanna{width:100%;justify-content:center;margin-bottom:.6rem}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Kreanna v2 */
.navbar-brand{gap:.85rem}.brand-logo{width:178px;height:auto;display:block}.footer-logo{width:220px;max-width:100%;height:auto;display:block}.brand-origin-note{border-left:4px solid #9B82BB;padding-left:1rem}.hero-keywords{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.3rem}.hero-keywords a{display:inline-flex;text-decoration:none;border-radius:999px;background:rgba(155,130,187,.14);border:1px solid rgba(155,130,187,.22);color:var(--kr-violet-2);font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:.48rem .85rem}.hero-keywords a:hover{background:#9B82BB;color:white}.quote-kreanna{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.55rem,2.6vw,2.5rem);line-height:1.15;color:var(--kr-violet-2)}.soft-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(155,130,187,.45),transparent);margin:2rem 0}.accent-dot{color:#9B82BB}.luxury-list li{margin-bottom:.6rem}.mini-cta{border-radius:2rem;background:#fffdf8;border:1px solid rgba(155,130,187,.18);padding:1.4rem;box-shadow:0 16px 45px rgba(46,38,51,.07)}.category-anchor{scroll-margin-top:110px}.footer-brand-text{max-width:34rem}.visitor-note{font-size:.95rem;color:var(--kr-muted)}
@media (max-width:991px){.brand-logo{width:150px}.footer-logo{width:190px}}
@media (max-width:575px){.brand-logo{width:132px}.hero-keywords a{width:100%;justify-content:center}.footer-logo{width:175px}}


/* Kreanna v3 - identidad visual oficial */
.brand-logo{width:215px;height:auto;display:block}
.footer-logo{width:255px;max-width:100%;height:auto;display:block}
.hero-monogram{width:92px;height:auto;display:block;margin:0 0 1.15rem;filter:drop-shadow(0 14px 22px rgba(94,52,127,.16))}
.navbar .brand-logo{transform:translateY(-1px)}
@media (max-width:991px){.brand-logo{width:185px}.footer-logo{width:220px}.hero-monogram{width:82px}}
@media (max-width:575px){.brand-logo{width:160px}.footer-logo{width:195px}.hero-monogram{width:74px;margin-bottom:.9rem}}

.feature-box.with-icon{text-align:center;min-height:100%;padding:2rem 1.5rem}
.feature-icon{width:82px;height:82px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(155,130,187,.18),rgba(214,190,143,.14));color:var(--kr-violet-deep);font-size:2.35rem;margin:0 auto 1.1rem;box-shadow:0 18px 42px rgba(74,54,92,.10)}
.feature-box.with-icon strong{display:block;font-size:1.12rem;margin-bottom:.65rem}
.feature-box.with-icon p{font-size:.98rem}
.product-link-card{display:inline-flex;align-items:center;gap:.45rem;margin-top:.9rem;font-weight:800;color:var(--kr-violet-deep);text-decoration:none}
.product-link-card:hover{text-decoration:underline}
