*{box-sizing:border-box}body{margin:0;font-family:Jost,Arial,sans-serif;color:#241b18;background:#f7f4f1}.shell{max-width:820px;margin:auto;min-height:100vh;padding:38px 22px 70px;background:#fff}.brand{text-align:center;font-family:Jost,Arial,sans-serif;font-weight:300;font-size:30px;letter-spacing:5px;margin-bottom:42px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;color:#7b6259}.hero{font-size:46px;line-height:1.02;font-weight:400;letter-spacing:1px;margin:16px 0}.sub{font-size:18px;line-height:1.6;color:#604d46}.pill{display:inline-block;border:1px solid #d8cbc5;border-radius:99px;padding:8px 12px;margin:4px;font-size:11px;letter-spacing:1px}.btn{width:100%;border:0;background:#34231e;color:white;padding:16px;margin-top:18px;font:500 13px Jost;letter-spacing:2px;cursor:pointer}.btn.alt{background:white;color:#34231e;border:1px solid #34231e}.field{width:100%;padding:14px;margin:7px 0;border:1px solid #d8cbc5;background:white;font:14px Jost}.card{padding:18px;border:1px solid #e6ddd8;background:#faf8f6;margin:18px 0;line-height:1.6}.tiny{font-size:12px;color:#8b7a73;margin-top:18px}.meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;text-transform:uppercase}.progress{height:4px;background:#eee7e3;margin:12px 0 28px}.bar{height:100%;background:#5a4037}.qtitle{font-size:27px;font-weight:400;line-height:1.25}.context{font-size:16px;color:#66534c;line-height:1.5;border-left:2px solid #bca59b;padding-left:14px}.opt{border:1px solid #ded4cf;padding:15px 16px;margin:10px 0;cursor:pointer;transition:.15s;background:#fff}.opt:hover{border-color:#6b4d43;background:#fbf8f6}.feedback{padding:16px;margin-top:18px;line-height:1.5}.good{background:#f0f4ef}.bad{background:#f8efec}.visual{width:100%;max-height:430px;object-fit:contain;background:#faf8f6;margin:12px 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{border:1px solid #ddd2cc;padding:7px;cursor:pointer;background:#fff}.tile img{width:100%;aspect-ratio:1/1;object-fit:cover}.tile span{display:block;padding:8px 4px;font-size:12px;text-align:center}.tile.sel{outline:2px solid #4d342c}.matchrow{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;margin:10px 0}.matchrow img{width:110px;height:90px;object-fit:cover}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #d8cbc5;padding:8px 10px;cursor:pointer;font-size:12px}.dvvgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bucket{border:1px dashed #b9a49b;min-height:130px;padding:12px;text-align:center}.statement{padding:10px;background:#f6f1ee;margin:7px 0;cursor:pointer}.score{font-size:82px;font-weight:300}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{border:1px solid #e3d9d4;padding:12px}.metric b{display:block;font-size:22px}.sectiontag{display:inline-block;background:#4a332c;color:#fff;padding:5px 9px;font-size:10px;letter-spacing:1.5px;margin-bottom:10px}.scenario{background:#f4ece8;padding:18px;font-size:18px;line-height:1.5;margin:12px 0}.imageChoice{position:relative}.imageChoice img{width:100%;height:210px;object-fit:contain;background:#faf8f6}.imageChoice .lab{text-align:center;padding:8px;font-size:12px}.imageChoice{border:1px solid #ddd2cc;cursor:pointer}.imageChoice:hover{border-color:#5a4037}@media(max-width:600px){.shell{padding:28px 16px 60px}.hero{font-size:38px}.grid{grid-template-columns:1fr 1fr}.qtitle{font-size:23px}.dvvgrid{grid-template-columns:1fr}.matchrow{grid-template-columns:90px 1fr}.matchrow img{width:90px;height:78px}}

/* V3 · identidad ROSE EXPRESSO */
.shell.heroShell{max-width:980px;padding:0;background:#241714;color:#fff;overflow:hidden}.heroCover{min-height:100vh;position:relative;display:flex;align-items:flex-end;background-size:cover;background-position:center 35%}.heroContent{width:100%;padding:42px 34px 58px;max-width:760px}.logoIvonne{width:145px;height:auto;display:block;margin:0 0 42px}.heroCover .eyebrow,.heroCover .sub,.heroCover .tiny{color:#f1e9e5}.heroCover .btn{background:#f3e5e2;color:#2d1b17}.roseRule{width:62px;height:2px;background:#d6a9ad;margin:18px 0}.luxuryTitle{font-family:Jost,Arial,sans-serif;font-weight:300;letter-spacing:.08em;text-transform:uppercase}.luxuryCongrats{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:#9b746c}.certFrame{border:1px solid #bda79e;padding:34px 26px;margin:24px 0;background:linear-gradient(145deg,#fff,#faf6f3);text-align:center;position:relative}.certFrame:before{content:'';position:absolute;inset:8px;border:1px solid #eaded8;pointer-events:none}.certLogo{font-family:Jost,Arial,sans-serif;font-weight:300;font-size:27px;letter-spacing:6px}.certName{font-family:Jost,Arial,sans-serif;font-weight:300;font-size:32px;letter-spacing:.04em;margin:20px 0 8px}.certCollection{font-size:21px;letter-spacing:3px;margin:14px 0}.certScore{font-size:42px;font-weight:300;margin:14px 0}.buildLead{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;background:#f8f2ef;padding:16px;margin:14px 0 20px}.buildLead img{width:100%;height:170px;object-fit:contain}.wardrobe{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.garment{height:165px;border:1px solid #dfd2cc;background-color:#fff;background-repeat:no-repeat;cursor:grab;position:relative}.garment span{position:absolute;left:5px;right:5px;bottom:5px;background:rgba(255,255,255,.92);padding:6px;font-size:10px;text-align:center}.garment.selected{outline:2px solid #6b4439}.dropzones{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.dropzone{min-height:95px;border:1px dashed #9f8176;padding:10px;text-align:center;font-size:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fbf8f6}.dropzone.filled{border-style:solid;background:#f3e8e4}.dropzone b{display:block;letter-spacing:1px;margin-bottom:4px}.buildActions{font-size:12px;color:#75625b;margin:8px 0 2px}.resultHero{background:#2d1c18;color:#fff;margin:-38px -22px 28px;padding:50px 24px;text-align:center}.resultHero .score{color:#f0d9d7}.resultHero .eyebrow{color:#d8bbb6}@media(max-width:600px){.heroContent{padding:30px 18px 42px}.logoIvonne{width:125px;margin-bottom:28px}.wardrobe{grid-template-columns:repeat(2,1fr)}.dropzones{grid-template-columns:1fr}.buildLead{grid-template-columns:105px 1fr}.garment{height:150px}.certName{font-size:27px}}

/* V4 · certificación diferenciada del Lookcionario */
.heroCover .logoIvonne{width:138px}
.heroManifest{font-size:11px;letter-spacing:2.4px;font-weight:400;margin:0 0 18px;color:#f4ece8}
.heroCover .hero{font-size:48px;line-height:1.02;margin:14px 0 16px}
.heroCover .sub{max-width:610px;font-weight:300;font-size:17px;line-height:1.55}
.heroCover .btn{font-weight:400}
.heroCover .tiny{font-weight:300;letter-spacing:.8px}
.certCollection,.certScore{font-weight:300}
.resultHero h1{font-weight:300}
@media(max-width:600px){.heroCover{background-position:center 28%}.heroCover .hero{font-size:40px}.heroManifest{font-size:10px;letter-spacing:1.8px}.heroCover .sub{font-size:16px}}

/* V5 · claridad DVV + certificado fashion luxury */
.microLabel{font-size:10px;letter-spacing:2px;margin-bottom:7px}.wardrobe{gap:14px}.garment{height:245px;background-color:#fbfaf8;background-repeat:no-repeat;border:1px solid #e6ddd8;box-shadow:0 2px 10px rgba(45,28,24,.04)}.garment span{left:0;right:0;bottom:0;padding:10px 6px;background:rgba(255,255,255,.96);font-size:11px;letter-spacing:.2px}.garment.selected{outline:2px solid #6b4439;outline-offset:2px}.buildLead{background:#f8f3f0}.buildLead b{font-weight:400;font-size:18px}.certificateLuxury{width:100%;aspect-ratio:1.414/1;background:#f7f3ef;color:#2c201c;padding:42px 48px 34px;margin:28px 0;position:relative;overflow:hidden;border:1px solid #d8cbc5;font-family:Jost,Arial,sans-serif}.certificateLuxury:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #d9bfc0;border-radius:50%;right:-105px;top:-105px}.certTop{display:flex;justify-content:space-between;align-items:flex-start}.certBrand{font-weight:300;font-size:28px;letter-spacing:7px}.certEdition{font-size:9px;letter-spacing:2.2px;font-weight:300;margin-top:7px}.certHairline{height:1px;background:#5b4037;margin:22px 0 26px}.certKicker{font-size:9px;letter-spacing:3px;font-weight:400}.certStatement{font-size:46px;line-height:.92;letter-spacing:.06em;font-weight:300;margin:16px 0 22px}.certBody{font-size:12px;font-weight:300;letter-spacing:.2px}.certPerson{font-size:30px;font-weight:300;letter-spacing:.04em;margin:5px 0 10px}.certBodyWide{max-width:520px;line-height:1.55}.certBodyWide b{font-weight:400}.certData{display:grid;grid-template-columns:.65fr 1.4fr .55fr;gap:18px;margin-top:26px;padding-top:17px;border-top:1px solid #d9cbc5}.certData span{display:block;font-size:7px;letter-spacing:1.8px;margin-bottom:5px}.certData strong{font-size:12px;font-weight:400}.certFooter{position:absolute;left:48px;right:48px;bottom:32px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.4px}.certSignature{position:absolute;right:48px;bottom:54px;font-size:7px;letter-spacing:1.7px;writing-mode:vertical-rl;transform:rotate(180deg)}.resultBrand{color:#fff;margin-bottom:24px}.resultHero .luxuryTitle{font-size:28px}.resultHero p{max-width:590px;margin:10px auto 0;font-weight:300;line-height:1.6}@media(max-width:600px){.garment{height:220px}.certificateLuxury{padding:24px 24px 20px}.certBrand{font-size:20px}.certEdition{font-size:6px}.certHairline{margin:14px 0 16px}.certKicker{font-size:6px}.certStatement{font-size:29px;margin:10px 0 14px}.certBody{font-size:8px}.certPerson{font-size:20px}.certData{margin-top:14px;padding-top:10px;gap:8px}.certData span{font-size:5px}.certData strong{font-size:7px}.certFooter{left:24px;right:24px;bottom:16px;font-size:5px}.certSignature{right:24px;bottom:35px;font-size:5px}}
/* V6 · Master Certificado IVONNE — ROSE EXPRESSO */
.certMasterRose{aspect-ratio:1.414/1;background:#E7D2D0!important;border:0!important;color:#35231F!important;padding:42px 58px 38px!important;font-family:Jost,Arial,sans-serif!important;position:relative}.certMasterRose:after{display:none!important}.certLogoRow{display:flex;justify-content:space-between;align-items:flex-start}.certOfficialLogo{width:150px;height:auto;display:block}.certCollectionId{text-align:right;min-width:220px;color:#35231F}.certCollectionId b{display:block;font-size:9px;letter-spacing:1.8px;font-weight:600}.certCollectionId strong{display:block;font-size:16px;letter-spacing:1.2px;font-weight:600;margin-top:8px}.certCollectionId span{display:block;font-size:9px;letter-spacing:2px;font-weight:400;color:#78625D;margin-top:4px}.certCollectionId i{display:block;height:1px;background:#35231F;margin:10px 0 0 auto;width:185px}.certMain{margin:48px 34px 0}.certMasterRose .certKicker{font-size:8px;letter-spacing:2.5px;font-weight:400;color:#78625D}.certMasterRose .certStatement{font-size:44px;line-height:1;font-weight:600;letter-spacing:.035em;margin:10px 0 18px}.certRule{height:1px;background:#C7AAA5;margin-bottom:18px}.certMasterRose .certBody{font-size:9px;letter-spacing:.7px;font-weight:300;color:#78625D}.certMasterRose .certPerson{font-size:31px;font-weight:600;letter-spacing:.02em;margin:8px 0 10px}.certMasterRose .certBodyWide{font-size:10px;line-height:1.5;color:#35231F;max-width:520px}.certMasterRose .certBodyWide b{font-weight:600}.certGlobal{position:absolute;right:92px;top:245px;text-align:right}.certGlobal strong{font-size:62px;line-height:.8;font-weight:300}.certGlobal b{font-size:17px;font-weight:600;vertical-align:top;margin-left:3px}.certGlobal span{display:block;font-size:7px;letter-spacing:1.8px;font-weight:600;color:#78625D;margin-top:8px}.certModules{position:absolute;left:92px;right:92px;bottom:145px;border-top:1px solid #C7AAA5;border-bottom:1px solid #C7AAA5;padding:15px 0 14px;display:grid;grid-template-columns:repeat(5,1fr)}.certModules strong{display:block;font-size:15px;font-weight:600}.certModules span{display:block;font-size:6px;letter-spacing:1.2px;color:#78625D;margin-top:5px;font-weight:400}.certMeta{position:absolute;left:92px;right:92px;bottom:93px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.certMeta strong{display:block;font-size:9px;font-weight:400}.certMeta span{display:block;font-size:6px;letter-spacing:1.2px;color:#78625D;margin-top:5px}.certCompetencies{position:absolute;left:58px;bottom:45px;font-size:7px;letter-spacing:1.25px;font-weight:600}.certDate{position:absolute;right:58px;bottom:45px;font-size:7px;letter-spacing:1.1px;color:#78625D}.resultOfficialLogo{width:145px;height:auto;filter:invert(1);margin:0 auto 25px;display:block}@media(max-width:600px){.certMasterRose{padding:22px!important}.certOfficialLogo{width:85px}.certCollectionId{min-width:130px}.certCollectionId b{font-size:5px}.certCollectionId strong{font-size:8px}.certCollectionId span{font-size:5px}.certCollectionId i{width:100px;margin-top:5px}.certMain{margin:24px 14px 0}.certMasterRose .certStatement{font-size:23px}.certMasterRose .certPerson{font-size:16px}.certMasterRose .certBody,.certMasterRose .certBodyWide{font-size:5px}.certGlobal{right:42px;top:130px}.certGlobal strong{font-size:32px}.certModules{left:42px;right:42px;bottom:72px;padding:7px 0}.certModules strong{font-size:8px}.certModules span{font-size:3.5px}.certMeta{left:42px;right:42px;bottom:45px}.certMeta strong{font-size:4.5px}.certMeta span{font-size:3px}.certCompetencies{left:22px;bottom:20px;font-size:3.5px}.certDate{right:22px;bottom:20px;font-size:3.5px}}
/* V8 fixes */
.quizLogo{display:block;width:150px;height:auto;margin:0 auto 42px}.garment{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#fff!important;height:270px}.garment span{font-weight:400}.certificateLuxury.certMasterRose{width:100%;aspect-ratio:1.414/1;min-height:0;height:auto;padding:0!important;margin:28px 0;background:#E7D2D0!important;overflow:hidden}.certCanvas{position:relative;width:100%;aspect-ratio:1.414/1;background:#E7D2D0;color:#35231F}.certCanvas .certLogoRow{position:absolute;left:7%;right:7%;top:7%;}.certCanvas .certOfficialLogo{width:22%;max-width:155px}.certCanvas .certCollectionId{min-width:0;width:38%}.certCanvas .certMain{position:absolute;left:12%;top:29%;margin:0;width:60%}.certCanvas .certStatement{font-size:clamp(18px,5vw,44px);white-space:nowrap}.certCanvas .certPerson{font-size:clamp(14px,3.4vw,31px)}.certCanvas .certGlobal{right:10%;top:42%}.certCanvas .certGlobal strong{font-size:clamp(28px,7vw,62px)}.certCanvas .certModules{left:12%;right:10%;bottom:24%;}.certCanvas .certMeta{left:12%;right:10%;bottom:14%;}.certCanvas .certCompetencies{left:7%;bottom:6.5%}.certCanvas .certDate{right:7%;bottom:6.5%}
.adminLink{display:block;text-align:center;margin-top:18px;font-size:10px;letter-spacing:1.6px;color:#806d67;cursor:pointer;text-decoration:underline}.dashboard{max-width:1100px;margin:auto;padding:34px 22px 70px}.dashTop{display:flex;justify-content:space-between;align-items:center;gap:16px}.dashLogo{width:140px}.dashCards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.dashCard{background:#f5e8e5;padding:18px}.dashCard b{font-size:28px;font-weight:400;display:block}.dashCard span{font-size:10px;letter-spacing:1.2px}.dashTable{width:100%;border-collapse:collapse;font-size:12px}.dashTable th,.dashTable td{padding:11px 8px;border-bottom:1px solid #e4d9d4;text-align:left}.dashTable th{font-size:9px;letter-spacing:1.2px}.supGroup{margin:28px 0}.supGroup h3{font-weight:400}.dashActions{display:flex;gap:8px;flex-wrap:wrap}.dashActions button{width:auto;margin:0}.adminGate{max-width:440px;margin:80px auto;padding:28px;background:#fff}.adminGate img{width:150px;display:block;margin:0 auto 28px}
@media(max-width:600px){.quizLogo{width:125px;margin-bottom:38px}.garment{height:230px}.certCanvas .certCollectionId b{font-size:4.6px}.certCanvas .certCollectionId strong{font-size:7.5px}.certCanvas .certCollectionId span{font-size:4.5px}.certCanvas .certMain{left:13%;top:29%;width:58%}.certCanvas .certKicker{font-size:4.5px}.certCanvas .certBody,.certCanvas .certBodyWide{font-size:4.2px}.certCanvas .certGlobal{right:10%;top:42%}.certCanvas .certGlobal span{font-size:3.5px}.certCanvas .certModules{left:13%;right:10%;bottom:23%;padding:5px 0}.certCanvas .certModules strong{font-size:7px}.certCanvas .certModules span{font-size:3px}.certCanvas .certMeta{left:13%;right:10%;bottom:13%}.certCanvas .certMeta strong{font-size:4px}.certCanvas .certMeta span{font-size:2.8px}.certCanvas .certCompetencies,.certCanvas .certDate{font-size:3px}.dashCards{grid-template-columns:1fr 1fr}.dashTable{font-size:10px}}
