:root{font-family:Jost,Arial,sans-serif;color:#352725;background:#faf8f6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:900px;margin:auto;padding:38px 24px 72px}.hero{min-height:670px;background:linear-gradient(90deg,rgba(26,17,18,.86),rgba(26,17,18,.1)),url('assets/rose12/campaign/portada.jpg') center 33%/cover;display:flex;align-items:end;color:#fff;padding:55px 7%;position:relative}.hero .logo{filter:brightness(0) invert(1)}.logo{width:175px;max-height:65px;object-fit:contain;object-position:left}.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:#9b6f6c}.hero .eyebrow{color:#ead5d1}h1{font-size:clamp(36px,7vw,72px);line-height:1.04;font-weight:400;letter-spacing:.02em;margin:15px 0}h2{font-size:clamp(24px,4vw,35px);font-weight:400;line-height:1.3}.sub{font-size:17px;line-height:1.6;max-width:680px}.btn{background:#382727;color:white;border:1px solid #382727;padding:16px 27px;min-height:48px;margin:14px 8px 5px 0;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.btn.alt{background:transparent;color:#382727}.hero .btn{background:#fff;color:#382727;border-color:#fff}.tiny{font-size:12px;letter-spacing:.06em;line-height:1.6}.field{display:block;width:100%;padding:14px 15px;border:1px solid #d6cbc8;background:white;border-radius:0;margin:12px 0;font-size:16px;min-height:50px}.card{background:#fff;border:1px solid #e5dcd9;padding:24px;margin:22px 0;line-height:1.7}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.meta{display:flex;justify-content:space-between;gap:15px;letter-spacing:.15em;text-transform:uppercase;font-size:12px;color:#886966}.progress{height:4px;background:#eadfdb;margin:18px 0 40px}.bar{height:100%;background:#a87874}.question{font-size:clamp(23px,4vw,34px);font-weight:400;line-height:1.35;margin:22px 0}.options{display:grid;gap:12px}.option{background:#fff;border:1px solid #dfd5d1;color:#392b29;text-align:left;padding:15px 17px;min-height:54px;display:flex;align-items:center;gap:15px;width:100%;line-height:1.35}.option:hover,.option:focus{border-color:#9d7770}.option img{width:90px;height:108px;object-fit:contain;background:#f4f0ed;flex:none}.option:disabled{opacity:.55;cursor:default}.feedback{padding:25px;background:#f1e9e5;border-left:4px solid #99736c;margin-top:20px;line-height:1.65}.feedback.good{background:#eaf1e9;border-color:#567b60}.metricGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{background:#fff;border:1px solid #e4d9d4;padding:17px}.metric strong{font-size:25px;display:block}.metric p{font-size:13px;line-height:1.5}.score{font-size:clamp(66px,12vw,110px);font-weight:300;color:#6f4848}.admin{border:none;background:none;color:inherit;text-decoration:underline;padding:14px 0;letter-spacing:.12em;font-size:11px}.tag{display:inline-block;padding:5px 10px;background:#eee3df;font-size:11px;letter-spacing:.1em}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:700px;font-size:13px}.table th,.table td{border-bottom:1px solid #e5dcd8;text-align:left;padding:12px 9px}.table th{background:#efe8e4}.status{font-weight:600}.green{color:#32754b}.red{color:#a04444}.warn{color:#a87526}.certPreview{border:2px solid #b78e83;padding:32px;background:#fffaf8;text-align:center;margin:22px 0}.certPreview .logo{margin:auto;object-position:center}.center{text-align:center}.wardrobe{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.garment{border:1px solid #ded3cf;background:white;padding:10px;min-width:0}.garment img{width:100%;height:155px;object-fit:contain}.garment.active{border:2px solid #805753}.zones{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.zone{min-height:70px;border:1px dashed #997c75;background:#fff;padding:10px}.zone b{display:block}.dvvHero{display:flex;align-items:center;gap:20px}.dvvHero img{height:180px;width:140px;object-fit:contain}.note{font-size:12px;color:#78635e}@media(max-width:580px){.shell{padding:26px 18px 60px}.hero{min-height:610px;padding:32px 7%;background-position:60% center}.row,.metricGrid,.filters{grid-template-columns:1fr}.wardrobe{grid-template-columns:repeat(2,1fr)}.zones{grid-template-columns:1fr}.option img{width:72px;height:86px}.dvvHero img{height:140px;width:110px}}
