.dcq{--dcq-w:780px}.dcq.hp-sec{padding-block:clamp(44px,6vw,76px)}.dcq.dcq--ondas{position:relative;isolation:isolate;overflow:hidden}.dcq.dcq--ondas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--hp-ondas) 0 0/160px 80px;opacity:.55;pointer-events:none}.dcq .dcq__in{max-width:calc(var(--dcq-w) + var(--hp-gut) * 2)}.dcq[data-estado=res] .dcq__in{max-width:calc(1000px + var(--hp-gut) * 2)}.dcq .dcq__panel{position:relative;background:#fff;border:2px solid var(--p-edge);border-radius:28px;padding:clamp(22px,4vw,44px);box-shadow:0 24px 48px -30px #0036898c}.dcq[data-estado=res] .dcq__panel{background:none;border:0;box-shadow:none;padding:0}.dcq [data-dcq-screen]{animation:dcq-entra .28s ease both}@keyframes dcq-entra{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dcq[data-modo=regalo] [data-t-yo],.dcq:not([data-modo=regalo]) [data-t-regalo]{display:none!important}.dcq .dcq__intro{display:flex;flex-direction:column;align-items:center;text-align:center}.dcq .dcq__intro .hp-eyebrow{margin-inline:auto}.dcq .dcq__h1{font-size:clamp(34px,5vw,58px)}.dcq .dcq__intro .hp-lede{margin-inline:auto}.dcq .dcq__start{margin-top:26px;min-width:min(100%,240px)}.dcq .dcq__nota{margin-top:14px;font-size:13.5px;font-weight:600;color:var(--p-muted)}.dcq .dcq__sello{position:absolute;top:-30px;right:-14px;display:grid;place-items:center;width:104px;height:104px;padding:18px;background:var(--p-cta);color:var(--p-ctaink);clip-path:var(--hp-burst);font-family:var(--hp-fh);font-variation-settings:"SOFT" 100;font-weight:800;font-size:15px;line-height:1.02;text-align:center;transform:rotate(9deg);pointer-events:none}.dcq .dcq__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dcq .dcq__back{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;margin:-8px 0 -8px -4px;padding:8px 4px;border:0;background:none;font-family:var(--hp-fb);font-weight:700;font-size:14.5px;color:var(--p-head);cursor:pointer}.dcq .dcq__back:hover{text-decoration:underline}.dcq .dcq__back:focus-visible{outline:3px solid var(--p-accent);outline-offset:2px;border-radius:8px}.dcq .dcq__step{font-weight:700;font-size:14px;color:var(--p-muted);font-variant-numeric:tabular-nums}.dcq .dcq__bar{height:12px;margin-bottom:clamp(22px,3vw,32px);border-radius:999px;background:var(--p-tint1);border:1.5px solid var(--p-edge);overflow:hidden}.dcq .dcq__bar span{display:block;width:25%;height:100%;background:var(--p-cta);border-right:1.5px solid var(--p-edge);border-radius:999px;transition:width .35s ease}.dcq .dcq__q{min-width:0;margin:0;padding:0;border:0}.dcq .dcq__legend{display:block;width:100%;margin:0 0 20px;padding:0;font-size:clamp(26px,3.2vw,38px);outline:0}.dcq .dcq__opts{display:grid;gap:12px}.dcq .dcq__opt{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:14px;width:100%;min-height:66px;margin:0;padding:12px 16px;border:2px solid var(--p-edge);border-radius:18px;background:#fff;color:var(--p-ink);font-family:var(--hp-fb);text-align:left;cursor:pointer;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.dcq .dcq__opt:focus-visible{outline:3px solid var(--p-accent);outline-offset:3px}.dcq .dcq__opt[aria-pressed=true]{background:var(--p-cta);box-shadow:0 4px 0 var(--p-edge);transform:translateY(-2px)}.dcq .dcq__ico{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ic,var(--p-i2));border:2px solid var(--p-edge);font-size:23px;line-height:1;overflow:hidden}.dcq .dcq__ico img{width:100%;height:100%;object-fit:cover}.dcq .dcq__opt:nth-child(4n+1) .dcq__ico{--ic:var(--p-i1)}.dcq .dcq__opt:nth-child(4n+2) .dcq__ico{--ic:var(--p-i2)}.dcq .dcq__opt:nth-child(4n+3) .dcq__ico{--ic:var(--p-i3)}.dcq .dcq__opt:nth-child(4n+4) .dcq__ico{--ic:var(--p-i4)}.dcq .dcq__opt[aria-pressed=true] .dcq__ico{background:#fff}.dcq .dcq__txt{display:grid;gap:2px;flex:1;min-width:0}.dcq .dcq__lbl{font-weight:800;font-size:16.5px;line-height:1.25;color:var(--p-head)}.dcq .dcq__desc{font-size:14px;line-height:1.35;color:var(--p-muted)}.dcq .dcq__opt[aria-pressed=true] .dcq__desc{color:var(--p-ink)}.dcq .dcq__go{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--p-tint1);color:var(--p-head);font-weight:800;transition:transform .15s ease}.dcq .dcq__opt[aria-pressed=true] .dcq__go{background:var(--p-edge);color:#fff}@media(hover:hover){.dcq .dcq__opt:hover{background:var(--p-tint2)}.dcq .dcq__opt[aria-pressed=true]:hover{background:var(--p-cta)}.dcq .dcq__opt:hover .dcq__go{transform:translate(3px)}}.dcq .dcq__cargando,.dcq .dcq__error{display:flex;flex-direction:column;align-items:center;gap:18px;padding-block:clamp(20px,5vw,48px);text-align:center}.dcq .dcq__spin{width:58px;height:58px;border-radius:50%;border:6px solid var(--p-tint1);border-top-color:var(--p-cta);border-right-color:var(--p-tag);animation:dcq-gira .8s linear infinite}@keyframes dcq-gira{to{transform:rotate(360deg)}}.dcq .dcq__res-head{margin-bottom:20px}.dcq .dcq__res-head .hp-h2{outline:0}.dcq .dcq__resumen{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.dcq .dcq__resumen:empty{display:none}.dcq .dcq__resumen span{padding:5px 12px;border-radius:999px;background:#fff;border:1.5px solid var(--p-edge);color:var(--p-tagink);font-weight:700;font-size:13px;line-height:1.25}.dcq .dcq__tabs{display:flex;flex-wrap:wrap;justify-content:center;width:fit-content;max-width:100%;margin:0 auto 22px}.dcq .hp-tab[aria-pressed=true]{background:var(--p-edge);color:#fff}.dcq .hp-tab[disabled]{opacity:.4;cursor:default}.dcq .dcq__aviso{max-width:640px;margin:0 auto 18px;padding:10px 14px;border-radius:14px;background:var(--p-tint2);border:1.5px dashed var(--p-edge);text-align:center;font-size:14px;font-weight:600}.dcq .dcq__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dcq .dcq__prod--top{box-shadow:0 5px 0 var(--p-edge)}.dcq .dcq__badge{background:var(--p-cta);color:var(--p-ctaink)}.dcq .dcq__tags{display:flex;flex-wrap:wrap;gap:5px}.dcq .dcq__tags span{padding:2px 9px;border-radius:999px;background:var(--p-tint1);color:var(--p-tagink);font-size:11.5px;font-weight:700;line-height:1.5}.dcq .dcq__prod .hp-card__add{margin-top:auto}.dcq .dcq__vacio{max-width:560px;margin:0 auto;padding:24px;border:2px dashed var(--p-line);border-radius:var(--hp-r);background:#fff;text-align:center;color:var(--p-muted)}.dcq .dcq__regalo{display:flex;align-items:center;gap:16px;max-width:680px;margin:28px auto 0;padding:14px 16px;border:2px dashed var(--p-edge);border-radius:var(--hp-r);background:#fff}.dcq .dcq__regalo img{flex:none;width:84px;height:84px;object-fit:contain;border-radius:14px;background:var(--p-tint1)}.dcq .dcq__regalo-tx{flex:1;min-width:0}.dcq .dcq__regalo-t{font-weight:800;line-height:1.3;color:var(--p-head)}.dcq .dcq__regalo-x{font-size:14px;color:var(--p-muted)}.dcq .dcq__regalo-p{margin-top:2px;font-size:14px;font-weight:800;color:var(--p-head)}.dcq .dcq__acciones{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:30px}@media(max-width:989px){.dcq .dcq__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(max-width:749px){.dcq .dcq__panel{padding:20px 16px 22px;border-radius:24px}.dcq .dcq__sello{top:-26px;right:-8px;width:80px;height:80px;padding:13px;font-size:12px}.dcq .dcq__legend{margin-bottom:16px}.dcq .dcq__opts{gap:10px}.dcq .dcq__opt{min-height:60px;padding:10px 12px;gap:12px;border-radius:16px}.dcq .dcq__ico{width:42px;height:42px;font-size:20px}.dcq .dcq__lbl{font-size:15.5px}.dcq .dcq__desc{font-size:13.5px}.dcq .dcq__go{display:none}.dcq .dcq__grid{gap:10px}.dcq .hp-card .hp-card__body{padding:11px 10px 12px;gap:7px}.dcq .hp-card .hp-card__t{font-size:13px}.dcq .hp-card .hp-card__add{min-height:40px;padding:0 10px;font-size:14px}.dcq .dcq__regalo{flex-wrap:wrap}.dcq .dcq__regalo .hp-btn,.dcq .dcq__acciones .hp-btn{width:100%}}body:has(.dcq[data-dcq-sin-popup]) .needsclick[class*=kl-teaser],body:has(.dcq[data-dcq-sin-popup]) .needsclick[role=dialog][aria-label$=Form]{display:none!important}@media(prefers-reduced-motion:reduce){.dcq [data-dcq-screen]{animation:none}.dcq .dcq__opt,.dcq .dcq__bar span{transition:none}.dcq .dcq__spin{animation-duration:2.4s}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/dc-quiz.css.map */