.muesca-g{--muesca-pisa:8px;--muesca-radio:var(--radio-tarjeta);--muesca-esquina:calc(var(--muesca-radio) + 8px);--m-d:var(--mb-d);--m-lente:var(--mb-lente);--m-lente-tam:var(--mb-lente-tam);--m-lente-pos:var(--mb-lente-pos);--m-b-top:var(--mb-b-top);--m-b-right:var(--mb-b-right);--m-b-bottom:var(--mb-b-bottom);--m-b-left:var(--mb-b-left);--muesca-cuelga:calc(var(--m-d) - var(--muesca-pisa))}.muesca-g--tactil{--mb-d:2.75rem;--mb-largo:5.5rem;--mb-lente-fondo:15px;--mb-vuelo:1px}.muesca-g--normal{--mb-d:2.5rem;--mb-largo:4.5rem;--mb-lente-fondo:17px;--mb-vuelo:3px}.muesca-g--ancho-tactil{--ma-d:2.75rem;--ma-largo:5.5rem;--ma-lente-fondo:15px;--ma-vuelo:1px}.muesca-g--ancho-normal{--ma-d:2.5rem;--ma-largo:4.5rem;--ma-lente-fondo:17px;--ma-vuelo:3px}.muesca-g--en-inicio{--mb-a-lente:var(--muesca-esquina);--mb-a-boton:calc(var(--muesca-esquina) + var(--mb-largo) / 2 - var(--mb-d) / 2)}.muesca-g--en-centro{--mb-a-lente:50%;--mb-a-boton:calc(50% - var(--mb-d) / 2)}.muesca-g--en-fin{--mb-a-lente:calc(100% - var(--muesca-esquina));--mb-a-boton:calc(100% - var(--muesca-esquina) - var(--mb-largo) / 2 - var(--mb-d) / 2)}.muesca-g--en-fraccion{--mb-a-lente:calc(var(--muesca-f) * 100% + var(--muesca-f) * var(--mb-largo) - var(--mb-largo) / 2);--mb-a-boton:calc(var(--muesca-f) * 100% - var(--mb-d) / 2)}.muesca-g--en-distancia{--mb-a-lente:calc(var(--muesca-d) - var(--mb-largo) / 2);--mb-a-boton:calc(var(--muesca-d) - var(--mb-d) / 2)}.muesca-g--ancho-en-inicio{--ma-a-lente:var(--muesca-esquina);--ma-a-boton:calc(var(--muesca-esquina) + var(--ma-largo) / 2 - var(--ma-d) / 2)}.muesca-g--ancho-en-centro{--ma-a-lente:50%;--ma-a-boton:calc(50% - var(--ma-d) / 2)}.muesca-g--ancho-en-fin{--ma-a-lente:calc(100% - var(--muesca-esquina));--ma-a-boton:calc(100% - var(--muesca-esquina) - var(--ma-largo) / 2 - var(--ma-d) / 2)}.muesca-g--ancho-en-fraccion{--ma-a-lente:calc(var(--muesca-f-ancho) * 100% + var(--muesca-f-ancho) * var(--ma-largo) - var(--ma-largo) / 2);--ma-a-boton:calc(var(--muesca-f-ancho) * 100% - var(--ma-d) / 2)}.muesca-g--ancho-en-distancia{--ma-a-lente:calc(var(--muesca-d-ancho) - var(--ma-largo) / 2);--ma-a-boton:calc(var(--muesca-d-ancho) - var(--ma-d) / 2)}.muesca-g--derecha{--mb-lente:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 88'%3E%3Cpath d='M14,88 C14,66 0,66 0,44 C0,22 14,22 14,0 Z'/%3E%3C/svg%3E");--mb-lente-tam:var(--mb-lente-fondo) var(--mb-largo);--mb-lente-pos:right calc(-1 * var(--mb-vuelo)) top var(--mb-a-lente);--mb-b-top:var(--mb-a-boton);--mb-b-right:calc(var(--muesca-pisa) - var(--mb-d));--mb-b-bottom:auto;--mb-b-left:auto}.muesca-g--izquierda{--mb-lente:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 88'%3E%3Cpath d='M0,88 C0,66 14,66 14,44 C14,22 0,22 0,0 Z'/%3E%3C/svg%3E");--mb-lente-tam:var(--mb-lente-fondo) var(--mb-largo);--mb-lente-pos:left calc(-1 * var(--mb-vuelo)) top var(--mb-a-lente);--mb-b-top:var(--mb-a-boton);--mb-b-right:auto;--mb-b-bottom:auto;--mb-b-left:calc(var(--muesca-pisa) - var(--mb-d))}.muesca-g--abajo{--mb-lente:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 14'%3E%3Cpath d='M88,14 C66,14 66,0 44,0 C22,0 22,14 0,14 Z'/%3E%3C/svg%3E");--mb-lente-tam:var(--mb-largo) var(--mb-lente-fondo);--mb-lente-pos:left var(--mb-a-lente) bottom calc(-1 * var(--mb-vuelo));--mb-b-top:auto;--mb-b-right:auto;--mb-b-bottom:calc(var(--muesca-pisa) - var(--mb-d));--mb-b-left:var(--mb-a-boton)}.muesca-g--arriba{--mb-lente:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 14'%3E%3Cpath d='M88,0 C66,0 66,14 44,14 C22,14 22,0 0,0 Z'/%3E%3C/svg%3E");--mb-lente-tam:var(--mb-largo) var(--mb-lente-fondo);--mb-lente-pos:left var(--mb-a-lente) top calc(-1 * var(--mb-vuelo));--mb-b-top:calc(var(--muesca-pisa) - var(--mb-d));--mb-b-right:auto;--mb-b-bottom:auto;--mb-b-left:var(--mb-a-boton)}.muesca-g--ancho-derecha{--ma-lente:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 88'%3E%3Cpath d='M14,88 C14,66 0,66 0,44 C0,22 14,22 14,0 Z'/%3E%3C/svg%3E");--ma-lente-tam:var(--ma-lente-fondo) var(--ma-largo);--ma-lente-pos:right calc(-1 * var(--ma-vuelo)) top var(--ma-a-lente);--ma-b-top:var(--ma-a-boton);--ma-b-right:calc(var(--muesca-pisa) - var(--ma-d));--ma-b-bottom:auto;--ma-b-left:auto}.muesca-g--ancho-izquierda{--ma-lente:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 88'%3E%3Cpath d='M0,88 C0,66 14,66 14,44 C14,22 0,22 0,0 Z'/%3E%3C/svg%3E");--ma-lente-tam:var(--ma-lente-fondo) var(--ma-largo);--ma-lente-pos:left calc(-1 * var(--ma-vuelo)) top var(--ma-a-lente);--ma-b-top:var(--ma-a-boton);--ma-b-right:auto;--ma-b-bottom:auto;--ma-b-left:calc(var(--muesca-pisa) - var(--ma-d))}.muesca-g--ancho-abajo{--ma-lente:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 14'%3E%3Cpath d='M88,14 C66,14 66,0 44,0 C22,0 22,14 0,14 Z'/%3E%3C/svg%3E");--ma-lente-tam:var(--ma-largo) var(--ma-lente-fondo);--ma-lente-pos:left var(--ma-a-lente) bottom calc(-1 * var(--ma-vuelo));--ma-b-top:auto;--ma-b-right:auto;--ma-b-bottom:calc(var(--muesca-pisa) - var(--ma-d));--ma-b-left:var(--ma-a-boton)}.muesca-g--ancho-arriba{--ma-lente:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 14'%3E%3Cpath d='M88,0 C66,0 66,14 44,14 C22,14 22,0 0,0 Z'/%3E%3C/svg%3E");--ma-lente-tam:var(--ma-largo) var(--ma-lente-fondo);--ma-lente-pos:left var(--ma-a-lente) top calc(-1 * var(--ma-vuelo));--ma-b-top:calc(var(--muesca-pisa) - var(--ma-d));--ma-b-right:auto;--ma-b-bottom:auto;--ma-b-left:var(--ma-a-boton)}@media (width>=40rem){.muesca-g--desde-40{--m-d:var(--ma-d);--m-lente:var(--ma-lente);--m-lente-tam:var(--ma-lente-tam);--m-lente-pos:var(--ma-lente-pos);--m-b-top:var(--ma-b-top);--m-b-right:var(--ma-b-right);--m-b-bottom:var(--ma-b-bottom);--m-b-left:var(--ma-b-left)}}@media (width>=60rem){.muesca-g--desde-60{--m-d:var(--ma-d);--m-lente:var(--ma-lente);--m-lente-tam:var(--ma-lente-tam);--m-lente-pos:var(--ma-lente-pos);--m-b-top:var(--ma-b-top);--m-b-right:var(--ma-b-right);--m-b-bottom:var(--ma-b-bottom);--m-b-left:var(--ma-b-left)}}@media (width>=64rem){.muesca-g--desde-64{--m-d:var(--ma-d);--m-lente:var(--ma-lente);--m-lente-tam:var(--ma-lente-tam);--m-lente-pos:var(--ma-lente-pos);--m-b-top:var(--ma-b-top);--m-b-right:var(--ma-b-right);--m-b-bottom:var(--ma-b-bottom);--m-b-left:var(--ma-b-left)}}.muesca{--muesca-sombra:drop-shadow(0 2px 4px color-mix(in oklab, var(--color-sombra) 10%, transparent)) drop-shadow(0 10px 18px color-mix(in oklab, var(--color-sombra) 12%, transparent));--muesca-sombra-alza:drop-shadow(0 4px 8px color-mix(in oklab, var(--color-sombra) 12%, transparent)) drop-shadow(0 16px 28px color-mix(in oklab, var(--color-sombra) 16%, transparent));isolation:isolate;transition:transform var(--dur-normal) var(--ease-curva);position:relative}.muesca__sombra{z-index:calc(var(--z-fondo) - 1);pointer-events:none;filter:var(--muesca-sombra);transition:filter var(--dur-normal) var(--ease-curva);position:absolute;inset:0}.muesca__sombra:before{content:"";border-radius:var(--muesca-radio);background-color:var(--muesca-fondo,var(--color-nata));position:absolute;inset:0}@media (hover:hover){.muesca--alza:hover{transform:translateY(calc(-1 * var(--via-roce)))}.muesca--alza:hover>.muesca__sombra{filter:var(--muesca-sombra-alza)}}.muesca--llena,.muesca--llena>.muesca__caja{height:100%}.muesca__caja{border-radius:var(--muesca-radio);background-color:var(--muesca-fondo,var(--color-nata));position:relative}.muesca__caja,.muesca__sombra:before,.muesca--puesta:before{-webkit-mask-image:var(--m-lente), linear-gradient(#000, #000);-webkit-mask-image:var(--m-lente), linear-gradient(#000, #000);mask-image:var(--m-lente), linear-gradient(#000, #000);-webkit-mask-position:var(--m-lente-pos), left top;-webkit-mask-position:var(--m-lente-pos), left top;mask-position:var(--m-lente-pos), left top;-webkit-mask-size:var(--m-lente-tam), 100% 100%;-webkit-mask-size:var(--m-lente-tam), 100% 100%;mask-size:var(--m-lente-tam), 100% 100%;-webkit-mask-composite:xor;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;-webkit-mask-composite:xor;mask-composite:exclude}.muesca--puesta:before{content:"";inset:calc(-1 * var(--spacing-hilo) / 2);z-index:var(--z-fondo);border-radius:calc(var(--muesca-radio) + var(--spacing-hilo) / 2);background-color:var(--color-chicle);pointer-events:none;position:absolute}.muesca__boton{top:var(--m-b-top);right:var(--m-b-right);bottom:var(--m-b-bottom);left:var(--m-b-left);z-index:calc(var(--z-base) + 1);width:var(--m-d);height:var(--m-d);border-radius:var(--radio-entero);background-image:var(--pildora-relleno);box-shadow:var(--pildora-canto);color:var(--pildora-letra);cursor:pointer;transition:transform var(--dur-corto) var(--ease-salida), box-shadow var(--dur-corto) var(--ease-salida);border:0;place-items:center;padding:0;display:grid;position:absolute}.muesca--con-sombra>.muesca__boton{filter:var(--muesca-sombra);transition:transform var(--dur-corto) var(--ease-salida), box-shadow var(--dur-corto) var(--ease-salida), filter var(--dur-normal) var(--ease-curva)}@media (hover:hover){.muesca--con-sombra.muesca--alza:hover>.muesca__boton{filter:var(--muesca-sombra-alza)}.muesca__boton:hover{transform:scale(var(--esc-hover));transition-timing-function:var(--ease-curva)}}.muesca__boton:active{transform:scale(var(--esc-pulsa))}.muesca__boton:focus-visible{outline:2px solid var(--color-chicle);outline-offset:3px}.muesca__boton[aria-pressed=true]{background-image:linear-gradient(180deg, #fff 0%, var(--color-pildora-velo) 100%);border:2px solid var(--color-chicle);box-shadow:0 8px 20px -10px color-mix(in oklab, var(--color-pildora-halo) 45%, transparent);color:var(--color-pildora-letra)}.muesca__boton svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}