.sincon{--s-papel: var(--papel, #fffdf8);--s-tinta: var(--tinta, #1b2a22);--s-tinta-2: var(--tinta-2, #5b5f57);--s-linea: var(--linea, #e6dccb);--s-rojo: var(--rojo, #b3261e);--s-pino: var(--pino-hondo, #174a32);--s-desliza: var(--desliza, cubic-bezier(.32, .72, 0, 1));--s-aparece: var(--aparece, cubic-bezier(.22, 1, .36, 1));--s-dur: 3.4s;--s-dia2: 63.9%;position:relative;margin:0 auto;max-width:720px}.sincon__defs{position:absolute;width:0;height:0;overflow:hidden}.sincon__fechas{position:relative;display:grid;grid-template-columns:var(--s-dia2) 1fr;margin:0 6px 14px;padding-bottom:14px}.sincon__dia{font-size:13px;font-weight:600;line-height:1;color:var(--s-tinta-2);font-variant-numeric:tabular-nums}.sincon__dia--1{grid-column:1;grid-row:1;justify-self:start}.sincon__dia--2{grid-column:2;grid-row:1;justify-self:start;transform:translate(-50%)}.sincon__dia--3{grid-column:2;grid-row:1;justify-self:end;color:var(--s-rojo)}.sincon__riel{position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--s-linea)}.sincon__riel:before,.sincon__riel:after{content:"";position:absolute;top:-3px;width:2px;height:8px;border-radius:1px;background:var(--s-linea)}.sincon__riel:before{left:var(--s-dia2)}.sincon__riel:after{right:0}.sincon__avance{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:2px;background:var(--s-rojo)}.sincon__marca{position:absolute;z-index:1;top:50%;left:100%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--s-rojo);box-shadow:0 0 0 3px var(--s-papel),0 1px 3px 3px #1b2a221f}.sincon__cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sincon__col{position:relative;display:grid;justify-items:center;align-content:start;padding:14px 4px 16px;border-radius:22px;background:radial-gradient(90% 70% at 50% 0%,#ffffffe6,#fff0 70%),#f7efe2;box-shadow:var(--sombra-1, 0 1px 2px rgba(27, 42, 34, .05), 0 8px 24px -16px rgba(27, 42, 34, .22))}.sincon__col:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(201,162,74,.42);border-radius:16px;pointer-events:none}.sincon__nombre{margin:0;padding:4px 11px;border-radius:999px;background:var(--s-papel);box-shadow:0 0 0 1px var(--s-linea);font-size:12.5px;font-weight:600;line-height:1.3;color:var(--s-tinta-2);white-space:nowrap}.sincon__col--nevado .sincon__nombre{color:var(--s-pino)}.sincon__escena{display:block;width:100%;max-width:300px;height:auto;margin:4px auto 2px;overflow:visible}.sincon__estado{display:grid;margin:0;text-align:center;font-size:14px;font-weight:600;line-height:1.3;color:var(--s-tinta)}.sincon__estado span{grid-area:1 / 1}.sincon__e1,.sincon__e2{opacity:0}.sincon__col:not(.sincon__col--nevado) .sincon__estado{color:#7a5a2e}.sincon__capa--fresca,.sincon__capa--media{opacity:0}.sincon__cae{transform-box:view-box;transform-origin:0 0;transform:rotate(calc(var(--caida) * 1.4)) scale(.92,.9)}.sincon__col--nevado .sincon__cae{transform:none}.sincon__ramita{transform-box:fill-box;transform-origin:50% 50%;transform:translate(-2px,108px) rotate(80deg) scale(1.5)}@media(min-width:900px){.sincon__cols{gap:16px}.sincon__col{padding:20px 16px 22px;border-radius:26px}.sincon__nombre{font-size:14px;padding:5px 14px}.sincon__estado{font-size:16px}.sincon__dia{font-size:14px}}.sincon[data-estado=espera] .sincon__marca{left:0}.sincon[data-estado=espera] .sincon__avance{width:0}.sincon[data-estado=espera] .sincon__dia--1{color:var(--s-rojo)}.sincon[data-estado=espera] .sincon__dia--3{color:var(--s-tinta-2)}.sincon[data-estado=espera] .sincon__capa--fresca{opacity:1}.sincon[data-estado=espera] .sincon__capa--seca{opacity:0}.sincon[data-estado=espera] .sincon__col:not(.sincon__col--nevado) .sincon__cae{transform:none}.sincon[data-estado=espera] .sincon__ramita{opacity:0;transform:translate(14px,14px) scale(1.5)}.sincon[data-estado=espera] .sincon__e1{opacity:1}.sincon[data-estado=espera] .sincon__e3{opacity:0}.sincon[data-estado=espera] .sincon__col:not(.sincon__col--nevado) .sincon__estado{color:var(--s-pino)}.sincon[data-estado=anima] :is(.sincon__marca,.sincon__avance,.sincon__dia,.sincon__capa,.sincon__cae,.sincon__ramita,.sincon__estado span,.sincon__estado){animation-duration:var(--s-dur);animation-fill-mode:backwards;animation-timing-function:linear}.sincon[data-estado=anima] .sincon__marca{animation-name:sincon-marca}.sincon[data-estado=anima] .sincon__avance{animation-name:sincon-avance}.sincon[data-estado=anima] .sincon__dia--1{animation-name:sincon-dia1}.sincon[data-estado=anima] .sincon__dia--2{animation-name:sincon-dia2}.sincon[data-estado=anima] .sincon__dia--3{animation-name:sincon-dia3}.sincon[data-estado=anima] .sincon__capa--fresca{animation-name:sincon-fresca}.sincon[data-estado=anima] .sincon__capa--media{animation-name:sincon-media}.sincon[data-estado=anima] .sincon__capa--seca{animation-name:sincon-seca}.sincon[data-estado=anima] .sincon__col:not(.sincon__col--nevado) .sincon__cae{animation-name:sincon-cae}.sincon[data-estado=anima] .sincon__ramita{animation-name:sincon-ramita}.sincon[data-estado=anima] .sincon__e1{animation-name:sincon-e1}.sincon[data-estado=anima] .sincon__e2{animation-name:sincon-e2}.sincon[data-estado=anima] .sincon__e3{animation-name:sincon-e3}.sincon[data-estado=anima] .sincon__col:not(.sincon__col--nevado) .sincon__estado{animation-name:sincon-tono}@keyframes sincon-marca{0%,32.35%{left:0;animation-timing-function:cubic-bezier(.32,.72,0,1)}41.76%,67.65%{left:63.9%;animation-timing-function:cubic-bezier(.32,.72,0,1)}77.06%,to{left:100%}}@keyframes sincon-avance{0%,32.35%{width:0;animation-timing-function:cubic-bezier(.32,.72,0,1)}41.76%,67.65%{width:63.9%;animation-timing-function:cubic-bezier(.32,.72,0,1)}77.06%,to{width:100%}}@keyframes sincon-dia1{0%,32.35%{color:var(--s-rojo)}41.76%,to{color:var(--s-tinta-2)}}@keyframes sincon-dia2{0%,32.35%{color:var(--s-tinta-2)}41.76%,67.65%{color:var(--s-rojo)}77.06%,to{color:var(--s-tinta-2)}}@keyframes sincon-dia3{0%,67.65%{color:var(--s-tinta-2)}77.06%,to{color:var(--s-rojo)}}@keyframes sincon-fresca{0%,77.06%{opacity:1}77.09%,to{opacity:0}}@keyframes sincon-media{0%,32.35%{opacity:0}41.76%,77.06%{opacity:1}77.09%,to{opacity:0}}@keyframes sincon-seca{0%,67.65%{opacity:0}77.06%,to{opacity:1}}@keyframes sincon-cae{0%,67.65%{transform:none;animation-timing-function:cubic-bezier(.32,.72,0,1)}77.06%,to{transform:rotate(calc(var(--caida) * 1.4)) scale(.92,.9)}}@keyframes sincon-ramita{0%,72.06%{opacity:0;transform:translate(14px,14px) scale(1.5)}75.00%{opacity:1;transform:translate(14px,14px) scale(1.5);animation-timing-function:cubic-bezier(.65,0,.35,1)}84.41%{opacity:1;transform:translate(10px,58px) rotate(36deg) scale(1.5);animation-timing-function:cubic-bezier(.32,.72,0,1)}93.82%,to{opacity:1;transform:translate(-2px,108px) rotate(80deg) scale(1.5)}}@keyframes sincon-e1{0%,32.35%{opacity:1}36.76%,to{opacity:0}}@keyframes sincon-e2{0%,36.76%{opacity:0;transform:translateY(6px);animation-timing-function:cubic-bezier(.22,1,.36,1)}43.24%,67.65%{opacity:1;transform:none}72.06%,to{opacity:0}}@keyframes sincon-e3{0%,72.06%{opacity:0;transform:translateY(6px);animation-timing-function:cubic-bezier(.22,1,.36,1)}78.53%,to{opacity:1;transform:none}}@keyframes sincon-tono{0%,36.76%{color:var(--s-pino)}36.79%,72.06%{color:#6b6a2a}72.09%,to{color:#7a5a2e}}@media(prefers-reduced-motion:reduce){.sincon *{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/bn-g-sin-con.css.map */