/* OSABUENA WEB-E37 · Dropdowns / Tienda editorial · safe, scoped and mobile first */
:root{--osa74-violet:#8B5CF6;--osa74-lavender:#C4A5FF;--osa74-gold:#D4AF37;--osa74-ink:#090711;--osa74-ivory:#F7F2EA}
header:has(.osa74-main-nav){position:relative;z-index:1000!important;overflow:visible!important}
.osa-header-in:has(.osa74-main-nav){display:flex;align-items:center;gap:clamp(7px,1.5vw,20px)!important}
.osa74-main-nav{display:flex;align-items:center;gap:clamp(2px,.55vw,10px);flex:1;min-width:0;justify-content:flex-end;font-family:Inter,Manrope,system-ui,-apple-system,sans-serif}
.osa74-main-nav a,.osa74-main-nav summary{color:var(--osa74-ivory);font-size:clamp(12px,.95vw,15px);font-weight:680;text-decoration:none;line-height:1.3}
.osa74-main-nav>a,.osa74-main-nav summary{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:10px clamp(6px,.75vw,12px);border-radius:10px;white-space:nowrap}
.osa74-main-nav summary{cursor:pointer;list-style:none;user-select:none}
.osa74-main-nav summary::-webkit-details-marker{display:none}
.osa74-nav-group{position:relative;flex:0 0 auto}.osa74-chevron{font-size:20px;line-height:.5;color:var(--osa74-lavender);transform-origin:center;transition:transform .16s ease}.osa74-nav-group[open] .osa74-chevron{transform:rotate(180deg)}
.osa74-main-nav .osa74-current,.osa74-main-nav [aria-current="page"]{color:var(--osa74-lavender)!important}
.osa74-main-nav>a:hover,.osa74-main-nav summary:hover,.osa74-nav-group[open]>summary{color:#fff!important;background:rgba(139,92,246,.19)}
.osa74-nav-panel{position:absolute;left:0;top:calc(100% + 7px);width:min(330px,80vw);background:linear-gradient(155deg,#191024,#100b19);border:1px solid rgba(196,165,255,.42);border-radius:17px;padding:10px;box-shadow:0 20px 55px #050209dc;display:flex;flex-direction:column;gap:3px;z-index:300}
.osa74-nav-panel a{white-space:normal;padding:12px 13px;font-size:14px;display:block;border-radius:9px;color:#eee7f7!important}
.osa74-nav-panel a:hover,.osa74-nav-panel a:focus-visible{background:rgba(139,92,246,.19);color:#fff!important}
.osa74-main-nav :focus-visible{outline:3px solid var(--osa74-lavender)!important;outline-offset:3px}
.osa74-mobile-shell,.osa74-mobile-nav{display:none}
@media(max-width:1050px){.osa74-main-nav:not(.osa74-mobile-nav){display:none!important}.osa74-mobile-shell{display:block!important;position:relative!important}.osa74-mobile-shell>summary{cursor:pointer;display:flex;align-items:center;gap:9px;color:#f7f2ea;font-weight:700;font-size:15px;padding:9px 12px;border:1px solid #8b5cf65c;border-radius:12px;list-style:none}.osa74-mobile-shell>summary::-webkit-details-marker{display:none}.osa74-mobile-shell[open]{z-index:450}.osa74-mobile-nav{position:absolute!important;right:0;top:calc(100% + 7px);width:min(380px,calc(100vw - 24px));max-height:min(75vh,650px);overflow-y:auto;display:flex!important;flex-direction:column;align-items:stretch;gap:5px;padding:12px;background:#110b1b;border:1px solid #8b5cf680;border-radius:16px;box-shadow:0 25px 70px #000c}.osa74-mobile-nav>a,.osa74-mobile-nav summary{display:flex;justify-content:space-between;width:100%;font-size:16px!important;min-height:45px;padding:12px 14px;border-radius:9px}.osa74-mobile-nav details{width:100%}.osa74-mobile-nav .osa74-nav-panel{position:static;width:100%;padding:6px 4px;background:#21132d;border:0;box-shadow:none;border-radius:10px}.osa74-mobile-nav .osa74-nav-panel a{font-size:15px;padding:12px 16px}.osa74-mobile-cta{display:block;color:#17110b!important;background:linear-gradient(120deg,#b78b35,#f2ce77);font-weight:800;text-align:center;padding:12px;margin:6px;border-radius:12px}header .osa-header-cta{display:none!important}}
/* WEB-E37: override 0.16.0.52 legacy mobile gold navigation while keeping gold for the final CTA. */
@media(max-width:1050px){
 body.osa-page .osa74-mobile-shell[open]>summary{background:#241437!important;border-color:#8B5CF6!important;color:#EEE6FF!important}
 body.osa-page .osa74-mobile-shell[open]>nav.osa74-mobile-nav{background:#130B20!important;border:1px solid #8B5CF680!important;box-shadow:0 28px 70px #05020edc!important}
 body.osa-page .osa74-mobile-nav summary{background:rgba(139,92,246,.12)!important;border:1px solid rgba(139,92,246,.32)!important;color:#F7F2EA!important;text-align:left!important;justify-content:space-between!important}
 body.osa-page .osa74-mobile-nav .osa74-nav-panel{background:#21122f!important;border:0!important}
 body.osa-page .osa74-mobile-nav a{background:transparent!important;color:#F7F2EA!important;border-color:transparent!important;justify-content:flex-start!important;text-align:left!important}
 body.osa-page .osa74-mobile-nav a:hover,body.osa-page .osa74-mobile-nav a:focus-visible{background:rgba(139,92,246,.23)!important;border-color:#8b5cf6aa!important}
 body.osa-page .osa74-mobile-shell .osa74-nav-panel a:last-child{color:#F7F2EA!important;background:transparent!important;margin-top:0!important;justify-content:flex-start!important;text-align:left!important}
 body.osa-page .osa74-mobile-nav a[aria-current="page"]{background:rgba(139,92,246,.21)!important;color:#dac2ff!important;border-color:#8B5CF6!important}
 body.osa-page .osa74-mobile-nav a.osa74-mobile-cta{background:linear-gradient(120deg,#b78b35,#f2ce77)!important;color:#17110b!important;justify-content:center!important}
}
@media(max-width:550px){.osa-header .osa-brand-logo{max-width:185px;height:auto}.osa-header-in{justify-content:space-between}.osa74-mobile-shell>summary{font-size:14px;padding:11px}}
/* Editorial collections: use existing hero-073 for cinematic context; no invented cover photos. */
.osa74-collections{position:relative;background:linear-gradient(180deg,#10091a,#0a0812 65%,#090711);color:var(--osa74-ivory);padding-block:clamp(70px,8vw,112px)}
.osa74-collections h2{font-size:clamp(29px,3.2vw,48px);line-height:1.12;max-width:800px}.osa74-collections h2 em,.osa74-detail-more em{color:var(--osa74-lavender);font-style:normal}
.osa74-collections-lead{font-size:clamp(17px,1.35vw,20px);line-height:1.65;color:#ddd4e9;max-width:820px}.osa74-category-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:29px 0 58px}
.osa74-category-tabs a{display:inline-flex;align-items:center;padding:10px 15px;background:#21152d;border:1px solid #8b5cf667;border-radius:100px;color:#f7f2ea;text-decoration:none;font-size:15px;font-weight:700;min-height:45px}.osa74-category-tabs a:hover{background:#483070}
.osa74-catalog-block{scroll-margin-top:125px;margin-block:clamp(55px,7vw,90px)}.osa74-shelf-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:22px}.osa74-shelf-head h3{font-size:clamp(27px,2.4vw,38px);margin:3px 0}.osa74-shelf-head>p{max-width:380px;color:#bfb0ce;font-size:15px;line-height:1.5}
.osa74-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.osa74-product{background:#191225;border:1px solid #8b5cf63b;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.osa74-product-cover{min-height:285px;position:relative;margin:22px 22px 0;padding:27px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;background:linear-gradient(130deg,#14101b 8%,#351f4b 55%,#100d1a);border:1px solid rgba(212,175,55,.55);box-shadow:14px 16px 0 #09070e,0 0 40px #8b5cf625;overflow:hidden}
.osa74-product-cover:before{content:"";position:absolute;width:170px;height:170px;border:3px solid #d4af3766;border-radius:50%;top:-45px;right:-55px}.osa74-product-cover:after{content:"";position:absolute;height:2px;left:0;right:0;top:56%;background:linear-gradient(90deg,transparent,#c4a5ff,#d4af37,transparent);transform:rotate(-12deg)}
.osa74-cover-mark{font-size:12px;letter-spacing:.19em;color:#d4af37;font-weight:900}.osa74-cover-title{font-size:clamp(24px,2vw,34px);letter-spacing:-.025em;color:#fff;font-weight:850;line-height:1.14;position:relative;z-index:1}.osa74-cover-type{font-size:10px;letter-spacing:.12em;color:#decdf4;font-weight:750;position:relative;z-index:1}
.osa74-product-body{padding:25px;display:flex;flex-direction:column;gap:8px;flex:1}.osa74-product-body h4{font-size:clamp(20px,1.65vw,25px);line-height:1.25;color:#fff;margin:0}.osa74-product-body p{color:#dbd1e4;font-size:15px;line-height:1.58;margin:0}.osa74-item-kicker{color:#ceaffe!important;text-transform:uppercase;letter-spacing:.10em;font-size:11px!important;font-weight:800}.osa74-product-body .osa-btn{align-self:start;margin-top:auto;min-height:45px}
.osa74-price-status{font-size:14px!important;color:#ead6a5!important;font-weight:700;padding:10px 0}
.osa74-course-feature{display:grid;grid-template-columns:minmax(220px,1fr) 1.6fr;gap:28px;align-items:center;background:#1c1329;padding:30px;border:1px solid #8b5cf66b;border-radius:20px}.osa74-course-symbol{min-height:250px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#7340c999,#1a1230 60%);font-size:76px;color:#f3c866;border:1px solid #c4a5ff4a}.osa74-course-feature h4{font-size:clamp(26px,2.5vw,40px);line-height:1.1;margin:12px 0;color:#fff}.osa74-course-feature p{font-size:17px;color:#ddcee9;line-height:1.6}.osa74-formats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.osa74-formats a{background:#1b1228;color:#f5efff;text-decoration:none;border:1px solid #8b5cf650;border-radius:16px;padding:21px;display:flex;flex-direction:column;gap:12px}.osa74-formats a:hover{border-color:#c4a5ff;background:#271836}.osa74-formats a>span{font-size:32px;color:#d4af37}.osa74-formats strong{font-size:21px}.osa74-formats small{font-size:14px;line-height:1.48;color:#c5b5d6}.osa74-formats em{font-size:13px;color:#d4af37;font-style:normal;font-weight:800;margin-top:auto}
.osa74-editorial-hero{min-height:calc(100svh - 80px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.8fr);gap:clamp(25px,4vw,75px);align-items:center;padding-block:clamp(105px,10vw,145px);color:#f7f2ea}.osa74-editorial-copy{max-width:820px}.osa74-editorial-copy h1{font-size:clamp(42px,4.8vw,77px);line-height:1.06;margin:20px 0}.osa74-editorial-copy p{font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:#eee7f3}.osa74-breadcrumb{display:flex;gap:11px;align-items:center;font-size:14px}.osa74-breadcrumb a{color:#c4a5ff}.osa74-detail-tip{font-size:14px!important;color:#c6bad1!important}.osa74-detail-cover{margin:0;min-height:500px;padding:42px 30px;background:linear-gradient(145deg,#120b23,#4b2a6c,#130b23);border:1px solid #d4af3799;box-shadow:14px 20px 0 #09060b,0 20px 60px #0008;display:flex;flex-direction:column;gap:22px;justify-content:space-between}.osa74-detail-cover>span{font-size:15px;letter-spacing:.21em;color:#e6be71}.osa74-detail-cover strong{font-size:clamp(30px,3vw,50px);line-height:1.1}.osa74-detail-cover small{font-size:13px;color:#dacbf0;letter-spacing:.12em}.osa74-detail-cover figcaption{font-size:12px;color:#c5b7cc}.osa74-detail-more{background:#0c0914;color:#f7f2ea;padding-block:70px}.osa74-detail-more p{max-width:740px;font-size:18px;line-height:1.55}
@media(max-width:900px){.osa74-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osa74-formats{grid-template-columns:repeat(2,minmax(0,1fr))}.osa74-editorial-hero{grid-template-columns:1fr}.osa74-detail-cover{max-width:450px;min-height:400px}}
@media(max-width:610px){.osa74-product-grid,.osa74-formats,.osa74-course-feature{grid-template-columns:1fr}.osa74-shelf-head{display:block}.osa74-shelf-head>p{margin:10px 0}.osa74-product-cover{min-height:250px}.osa74-course-symbol{min-height:185px}.osa74-collections{padding-block:60px}.osa74-catalog-block{margin-block:60px}}
@media(prefers-reduced-motion:reduce){.osa74-main-nav *{transition:none!important;scroll-behavior:auto!important}}