.flvol{--flv-tinta:#1d1d1b;--flv-suave:#6b665e;--flv-linea:#e6e0d6;--flv-verde:#4f6b2f;--flv-grad:linear-gradient(100deg,#8a3020 0%,#a8462b 45%,#c97a45 100%);container-type:inline-size;container-name:flvol;margin:18px 0 6px;color:var(--flv-tinta);font-size:15px;box-sizing:border-box}.flvol *,.flvol *:before,.flvol *:after{box-sizing:border-box}.flvol button{font:inherit;color:inherit;margin:0;border-radius:0;-webkit-appearance:none;appearance:none}.flvol b{font-weight:700}.flvol s{text-decoration:line-through}.flvol__lab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px}.flvol__mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.flvol__op{font-size:12px;color:var(--flv-suave)}.flvol__tot,.flvol__sub,.flvol__u{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Helvetica Neue,Arial,sans-serif;font-variant-numeric:tabular-nums}.flvol__ah{color:var(--flv-verde);font-weight:700}.flvol__pct{position:relative;overflow:hidden;display:inline-block;background:var(--flv-grad);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;padding:3px 7px;line-height:1.2;white-space:nowrap}.flvol__pct:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);background-size:250% 100%;animation:flvolBrillo 4.5s ease-in-out infinite;pointer-events:none}@keyframes flvolBrillo{0%{background-position:120% 0}60%,to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){.flvol__pct:after{animation:none}}.flvol__best{display:inline-block;background:transparent;color:var(--flv-tinta);border:1px solid var(--flv-tinta);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;line-height:1.2;white-space:nowrap}.flvol__rec{display:inline-block;background:var(--flv-tinta);color:#faf8f3;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;line-height:1.2;white-space:nowrap}.flvol__rec i,.flvol__social i{font-style:normal;color:#d1a23d;margin-right:4px}.flvol .flvol__opt--rec:not([aria-checked=true]){background:#fbf7ef}.flvol__social{margin:4px 0 8px;font-size:12.5px;line-height:1.35;color:#3a3732}.flvol__list{display:grid;border:1px solid var(--flv-linea);background:#fff;margin-top:4px}.flvol__opt{display:grid;grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"rd head tot" "rd sub tot";column-gap:12px;row-gap:3px;align-items:center;width:100%;padding:14px;background:#fff;border:0;border-top:1px solid var(--flv-linea);text-align:left;cursor:pointer;position:relative;min-width:0}.flvol__opt:first-child{border-top:0}.flvol__opt:hover{background:#fdfcf9}.flvol .flvol__opt[aria-checked=true]{background:#fdfcf9;box-shadow:inset 0 0 0 1.5px var(--flv-tinta)!important}.flvol .flvol__rd{grid-area:rd;width:18px;height:18px;border-radius:50%!important;border:1.5px solid #9a958c;display:grid;place-items:center}.flvol__opt[aria-checked=true] .flvol__rd{border-color:var(--flv-tinta)}.flvol .flvol__opt[aria-checked=true] .flvol__rd:after{content:"";width:8px;height:8px;border-radius:50%!important;background:var(--flv-tinta)}.flvol__head{grid-area:head;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.flvol__u{font-size:15px;font-weight:700}.flvol__tot{grid-area:tot;text-align:right;align-self:center}.flvol__tot b{display:block;font-size:17px;font-weight:600}.flvol__bruto{display:block;font-size:12px;color:var(--flv-suave)}.flvol__sub{grid-area:sub;font-size:13px;color:var(--flv-suave);min-width:0}.flvol__sub .flvol__cu,.flvol__sub .flvol__ah{display:inline}.flvol__sub .flvol__ah:before{content:" \b7  ";color:var(--flv-suave);font-weight:400}.flvol__d{display:none}.flvol__m{display:inline}.flvol__prog{margin-top:12px}.flvol__pista{position:relative;height:2px;background:var(--flv-linea)}.flvol .flvol__rel{display:block!important;position:absolute;left:0;top:0;bottom:0;background:var(--flv-grad);transition:width .4s ease}.flvol__mk{position:absolute;top:-3px;width:1px;height:8px;background:#bdb3a2}.flvol__tx{margin-top:8px;font-size:12.5px;color:#3a3732;line-height:1.35}.flvol__tx b{color:var(--flv-tinta)}@media(prefers-reduced-motion:reduce){.flvol__rel{transition:none}}.flvol__mezcla{display:flex;gap:9px;align-items:flex-start;margin-top:12px;font-size:13px;line-height:1.4;color:#3a3732}.flvol__mezcla svg{flex:0 0 18px;width:18px;height:18px;margin-top:1px;stroke:var(--flv-verde);fill:none;stroke-width:1.6}.flvol__mezcla b{color:var(--flv-tinta)}.flvol__nota{display:flex;gap:8px;align-items:flex-start;margin-top:8px;font-size:12.5px;line-height:1.4;color:var(--flv-suave)}.flvol__nota svg{flex:0 0 16px;margin-top:1px;stroke:var(--flv-suave);fill:none;stroke-width:1.6}.flvol__opt:focus-visible{outline:2px solid var(--flv-tinta);outline-offset:-2px}@media(min-width:701px){@container flvol (min-width:440px){.flvol__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;background:none;padding-top:9px;margin-top:0}.flvol__opt{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-height:128px;padding:14px 12px 12px;background:#fff;border:1px solid var(--flv-linea);transition:border-color .2s,box-shadow .2s}.flvol__opt:first-child{border-top:1px solid var(--flv-linea)}.flvol__opt:hover{background:#fff;border-color:#bdb3a2}.flvol .flvol__opt[aria-checked=true]{background:#fff;border-color:var(--flv-tinta);box-shadow:inset 0 0 0 1px var(--flv-tinta)!important}.flvol__opt:focus-visible{outline-offset:2px}.flvol .flvol__rd{display:none}.flvol__head{flex-direction:column;align-items:flex-start;gap:3px;flex-wrap:nowrap;min-height:44px}.flvol__u{font-size:13px}.flvol__best,.flvol__rec{position:absolute;left:12px;top:-9px}.flvol__best{background:#fff}.flvol__tot{text-align:left;margin-top:4px}.flvol__tot b{font-size:20px}.flvol__bruto{display:none}.flvol__sub{display:flex;flex-direction:column;gap:3px;flex:1;font-size:12px}.flvol__sub .flvol__cu,.flvol__sub .flvol__ah{display:block}.flvol__sub .flvol__ah:before{content:none}.flvol__sub .flvol__ah{margin-top:auto;padding-top:4px}.flvol__d{display:inline}.flvol__m,.flvol__prog{display:none}}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/florema-volumen.css.map */