
:root{--plum:#2d2451;--night:#1f1936;--violet:#6b5ca5;--lilac:#8e7cc3;--mist:#ebe6f5;--paper:#fbfaff;--line:#ddd6ee;--ink:#302d3d;--mute:#696777;--sage:#76896f;--serif:Georgia,'Times New Roman',serif;--sans:Lato,'Trebuchet MS',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:var(--violet)}img{max-width:100%;display:block}header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav{max-width:1160px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font:700 22px/1.1 var(--serif);color:var(--plum);text-decoration:none}.links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.links a{color:var(--plum);font-size:14px;text-decoration:none}.links a:hover{text-decoration:underline}.wrap{max-width:1160px;margin:auto;padding:38px 22px 88px}.hero{padding:clamp(54px,9vw,112px) 24px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#c9bee7 0,transparent 62%),linear-gradient(180deg,var(--mist),#f8f6fc);border-radius:0 0 34px 34px}.eyebrow{color:var(--violet);text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:12px}.hero h1,h1,h2,h3{font-family:var(--serif);color:var(--plum);line-height:1.15}.hero h1{max-width:800px;margin:12px auto;font-size:clamp(36px,6vw,64px)}.hero p{max-width:720px;margin:14px auto 0;font-size:18px;color:var(--mute)}h1{font-size:clamp(32px,5vw,48px);margin:8px 0 14px}h2{font-size:clamp(26px,4vw,34px);margin:0 0 20px}.section{margin:68px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-head p{margin:0;color:var(--mute)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--violet);color:#fff;text-decoration:none;border-radius:999px;padding:12px 22px;font-weight:700;border:1px solid var(--violet)}.button:hover{background:var(--plum)}.button.secondary{background:transparent;color:var(--violet)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 34px -28px #2d2451}.card a{text-decoration:none}.card-media{background:var(--mist);aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{padding:16px}.card h3{font-size:20px;margin:0 0 7px}.price{color:var(--plum);font-weight:700}.status{font-size:13px;color:var(--mute);margin:3px 0 12px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.filters input,.filters select{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit}.filters input{min-width:min(320px,100%)}.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:44px;align-items:start}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--mist);border-radius:20px}.product-info{position:sticky;top:96px}.product-info .price{font-size:24px}.content{max-width:820px;margin:28px auto}.content img{height:auto;border-radius:14px}.content h2,.content h3{margin-top:1.4em}.content p{margin:0 0 1em}.notice{background:var(--mist);border-left:3px solid var(--lilac);padding:15px 19px;border-radius:0 14px 14px 0;color:var(--plum)}.empty{padding:30px;border:1px dashed var(--line);border-radius:16px;color:var(--mute);grid-column:1/-1}footer{background:var(--night);color:#f8f6fc;padding:35px 22px}footer .foot{max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer a{color:#e2d9fa}.sold{opacity:.7}.sold .button{background:#aaa;border-color:#aaa;pointer-events:none}.archive-list{display:grid;gap:18px}.archive-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.archive-item h2{font-size:25px;margin:0 0 8px}.small{font-size:13px;color:var(--mute)}@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.nav{align-items:flex-start;flex-direction:column}.links{gap:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wrap{padding:28px 16px 64px}.card-body{padding:12px}.card h3{font-size:17px}.product{grid-template-columns:1fr;gap:24px}.product-info{position:static}.hero{border-radius:0 0 24px 24px}.section{margin:48px 0}}

/* Identidad visual alineada con la web historiasdejoyas.site */
:root{--plum:#2d2451;--night:#1f1936;--violet:#6b5ca5;--lilac:#8e7cc3;--mist:#ebe6f5;--paper:#fff;--line:#ddd6ee;--ink:#302d3d;--mute:#696777;--serif:Lato,'Trebuchet MS',sans-serif;--sans:Lato,'Trebuchet MS',sans-serif}
body{background:#fff;color:var(--ink)}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e9e4f0}
.site-nav{max-width:1400px;margin:auto;min-height:82px;padding:12px clamp(18px,4vw,58px);display:flex;align-items:center;gap:28px}
.brand{display:flex;flex-direction:column;flex:none;color:var(--plum);font:800 17px/1.02 Lato,'Trebuchet MS',sans-serif;letter-spacing:.12em;text-decoration:none}
.site-links{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.7vw,25px);flex:1;flex-wrap:wrap}
.site-links a{color:var(--plum);font-size:14px;text-decoration:none;white-space:nowrap}.site-links a:hover,.footer-column a:hover{text-decoration:underline;color:var(--violet)}
.nav-cta{border:1px solid var(--plum);padding:11px 18px;color:var(--plum);text-decoration:none;font-size:13px;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase}
.brand-hero{height:min(82vh,900px);min-height:570px;position:relative;overflow:hidden;background:#241d37;color:#fff;display:flex;align-items:flex-end}
.brand-hero-image,.brand-hero-shade{position:absolute;inset:0;width:100%;height:100%}.brand-hero-image{object-fit:cover;object-position:center 47%}.brand-hero-shade{background:linear-gradient(90deg,rgba(25,18,38,.66),rgba(25,18,38,.12) 74%),linear-gradient(0deg,rgba(25,18,38,.4),transparent 55%)}
.brand-hero-copy{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;padding:clamp(55px,9vw,110px) clamp(24px,7vw,90px)}
.hero-kicker,.eyebrow{color:#e8def8;text-transform:uppercase;letter-spacing:.21em;font-size:12px;font-weight:700;margin:0 0 16px}
.brand-hero h1{color:#fff;font:600 clamp(58px,10vw,132px)/.88 Lato,'Trebuchet MS',sans-serif;letter-spacing:.02em;margin:0;text-shadow:0 4px 26px #17102666}
.hero-subtitle{font-size:clamp(15px,2vw,22px);letter-spacing:.15em;text-transform:uppercase;margin:24px 0 28px;max-width:650px}
.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.button{border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;padding:14px 22px}.button.light{background:#fff;color:var(--plum);border-color:#fff}.button.outline-light{color:#fff;background:transparent;border-color:#fff}.hero-scroll{position:absolute;right:5vw;bottom:30px;color:#fff;font-size:25px;text-decoration:none;z-index:2}
.section{max-width:1240px;margin:0 auto;padding:clamp(62px,8vw,110px) clamp(20px,4vw,58px)}
.brand-intro{text-align:center;max-width:900px}.brand-intro .eyebrow,.story-band-copy .eyebrow,.journal-section .eyebrow,.custom-cta .eyebrow,.english-cta .eyebrow,.workshop-band .eyebrow{color:var(--violet)}
.brand-intro h2,.section-heading h2,.story-band h2,.custom-cta h2,.workshop-band h2,.english-cta h2{font-size:clamp(30px,4vw,48px);letter-spacing:.035em;margin:0 0 14px}
.intro-line{text-transform:uppercase;letter-spacing:.1em;font-size:15px;color:var(--plum);font-weight:700}.intro-body{max-width:670px;margin:20px auto 0;color:var(--mute);font-size:17px}
.category-section{padding-top:0}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-card{position:relative;display:block;overflow:hidden;aspect-ratio: .86;text-decoration:none;background:var(--mist);color:#fff}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.category-card:hover img{transform:scale(1.04)}.category-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,19,40,.75),transparent 67%)}.category-label{position:absolute;left:clamp(18px,3vw,38px);right:18px;bottom:clamp(20px,3vw,38px);display:grid;gap:8px}.category-label small{font-size:10px;letter-spacing:.2em}.category-label strong{font:600 clamp(27px,3vw,38px)/1.1 Lato,'Trebuchet MS',sans-serif}.category-label b{font-size:12px;font-weight:400;text-decoration:underline;text-underline-offset:4px}.center-link{text-align:center;margin-top:26px}.text-link{color:var(--plum);font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-underline-offset:5px}
.story-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center;background:var(--mist);max-width:none;padding-left:max(20px,calc((100vw - 1124px)/2));padding-right:max(20px,calc((100vw - 1124px)/2))}.story-band-image{height:clamp(350px,48vw,570px);overflow:hidden}.story-band-image img{width:100%;height:100%;object-fit:cover}.story-band-copy p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--mute);max-width:540px;margin:0 0 25px}
.category-label strong{text-transform:uppercase}.category-label>span{font-size:13px;letter-spacing:.06em}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading h2{margin:0}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.journal-card{background:#fff}.journal-image{display:block;aspect-ratio:1.14;overflow:hidden;background:var(--mist)}.journal-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.journal-image:hover img{transform:scale(1.03)}.journal-copy{padding:18px 4px}.journal-copy .eyebrow{font-size:10px;color:var(--violet);margin-bottom:9px}.journal-copy h3{font:600 23px/1.22 Lato,'Trebuchet MS',sans-serif;margin:0 0 10px}.journal-copy h3 a{color:var(--plum);text-decoration:none}.journal-copy p:not(.eyebrow){font-size:15px;color:var(--mute);margin:0 0 14px}.journal-copy .text-link{font-size:11px}
.workshop-band{padding:clamp(70px,9vw,110px) 22px;text-align:center;background:linear-gradient(90deg,rgba(31,25,54,.82),rgba(31,25,54,.58)),url('/assets/media/68bba2ace10d3ba6.webp') center 45%/cover;color:#fff}.workshop-band>div{max-width:750px;margin:auto}.workshop-band h2{color:#fff}.workshop-band p:not(.eyebrow){font-size:17px;max-width:580px;margin:0 auto 25px}.workshop-band .eyebrow{color:#e8def8}
.custom-cta{text-align:center}.custom-cta>p:not(.eyebrow){font-size:17px;color:var(--mute)}.custom-cta .hero-actions{justify-content:center;margin-top:25px}.custom-cta .button{background:var(--violet);border-color:var(--violet);color:#fff}.english-cta{padding:56px 22px;background:#f8f6fc;text-align:center}.english-cta h2{font-size:clamp(25px,3.5vw,39px)}
.site-footer{background:var(--night);color:#f8f6fc;padding:54px max(22px,calc((100vw - 1240px)/2)) 18px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.site-footer a{color:#eee8fb;text-decoration:none}.footer-brand{font:700 24px Georgia,serif}.footer-main p{color:#d1cadd;max-width:260px}.footer-column{display:grid;align-content:start;gap:11px;font-size:14px}.footer-column strong{font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:5px;color:#d3c8ed}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff2a;padding-top:17px;display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#d1cadd}.footer-bottom a{color:#d1cadd}
.content .hdjx{max-width:100%}
@media(max-width:980px){.site-nav{gap:15px;flex-wrap:wrap}.site-links{order:3;flex-basis:100%;justify-content:flex-start;padding-bottom:10px}.site-links a{font-size:13px}.brand-hero{height:72vh;min-height:520px}.site-footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-nav{padding:13px 17px;min-height:auto}.brand{font-size:14px}.nav-cta{margin-left:auto;padding:9px 12px;font-size:10px}.site-links{gap:12px 16px;overflow:auto;flex-wrap:nowrap;white-space:nowrap;padding:8px 0 5px}.site-links a{font-size:12px}.brand-hero{height:75svh;min-height:520px;max-height:760px}.brand-hero-image{object-position:58% center}.brand-hero-shade{background:linear-gradient(90deg,rgba(25,18,38,.6),rgba(25,18,38,.12)),linear-gradient(0deg,rgba(25,18,38,.48),transparent 65%)}.brand-hero-copy{padding:42px 22px 86px}.brand-hero h1{font-size:clamp(54px,16vw,88px)}.hero-subtitle{font-size:12px;line-height:1.55;letter-spacing:.12em;max-width:300px}.category-grid,.journal-grid{grid-template-columns:1fr}.category-card{aspect-ratio:1.05}.story-band{grid-template-columns:1fr;padding:0 20px 58px}.story-band-image{height:360px;margin:0 -20px}.story-band-copy{padding-top:10px}.section-heading{align-items:start;flex-direction:column}.journal-card{display:grid;grid-template-columns:38% 1fr;gap:15px;align-items:start}.journal-image{aspect-ratio:1}.journal-copy{padding:4px 0}.journal-copy h3{font-size:18px}.journal-copy p:not(.eyebrow){font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.journal-copy .eyebrow{font-size:9px}.site-footer{grid-template-columns:1fr 1fr;gap:24px 16px;padding:40px 20px 18px}.footer-main{grid-column:1/-1}.footer-bottom{gap:12px}.custom-cta .hero-actions{align-items:center;flex-direction:column}.custom-cta .button{width:100%}}
