html.u-perso-abierto{overflow:hidden}.u-perso{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto 0 0;padding:0;border:0;width:100%;max-width:100%;height:fit-content;max-height:92vh;max-height:92dvh;overflow:hidden;background:var(--u-papel);color:var(--u-tinta);border-top:.1rem solid var(--u-linea);box-shadow:var(--u-sombra-capa);font-family:var(--u-f-sans);font-size:var(--u-t-ui);line-height:1.5;z-index:var(--u-z-modal)}.u-perso::backdrop{background:color-mix(in srgb,var(--u-verde-hondo, #0E3A3C) 28%,transparent)}.u-perso__hoja{display:flex;flex-direction:column;max-height:inherit}.u-perso__cabecera{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:var(--u-e4);padding:var(--u-e5) var(--u-margen) var(--u-e4);border-bottom:.1rem solid var(--u-linea)}.u-perso__cabecera:has(.u-perso__foto){grid-template-columns:7.2rem minmax(0,1fr) auto}.u-perso__foto{width:7.2rem}.u-perso__titulos>*+*{margin-top:var(--u-e2)}.u-perso__titulo{font-family:var(--u-f-display);font-weight:340;font-size:var(--u-t-m);line-height:1.02;letter-spacing:-.02em;margin:var(--u-e2) 0 0;text-wrap:balance}.u-perso__titulo:first-child{margin-top:0}.u-perso__titulo:focus{outline:none}.u-perso__desc{font-size:var(--u-t-small);line-height:1.5;color:var(--u-tinta-3);margin:0;max-width:44ch;text-wrap:pretty}.u-perso__cerrar{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:calc(-1 * var(--u-e2)) calc(-1 * var(--u-e3)) 0 0;border:0;border-radius:var(--u-r1);background:transparent;color:var(--u-tinta);font-family:var(--u-f-sans);font-size:2.6rem;font-weight:300;line-height:1;cursor:pointer;transition:background-color var(--u-d1) var(--u-paso)}.u-perso__cerrar:hover{background:var(--u-papel-2)}.u-perso__cuerpo{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--u-e5) var(--u-margen)}.u-perso__cuerpo>*+*{margin-top:var(--u-e6)}.u-perso__grupo{border:0;margin:0;padding:0;min-width:0}.u-perso__leyenda{display:block;padding:0;margin:0 0 var(--u-e3);font-family:var(--u-f-sans);font-size:var(--u-t-label);font-weight:500;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--u-tinta-3)}.u-perso__opciones{display:grid;gap:var(--u-e2)}.u-perso__opcion{position:relative;display:grid;grid-template-columns:1.8rem minmax(0,1fr) auto;align-items:center;column-gap:var(--u-e3);min-height:5.2rem;padding:var(--u-e2) var(--u-e4);border:.1rem solid var(--u-linea-fuerte);border-radius:var(--u-r1);background:var(--u-papel);cursor:pointer;transition:border-color var(--u-d1) var(--u-paso),background-color var(--u-d1) var(--u-paso)}.u-perso__opcion:before{content:"";width:1.8rem;height:1.8rem;border-radius:50%;border:.1rem solid var(--u-linea-fuerte);background:var(--u-papel);transition:box-shadow var(--u-d1) var(--u-paso),border-color var(--u-d1) var(--u-paso)}.u-perso__opcion:hover{border-color:var(--u-tinta-2)}.u-perso__opcion:has(.u-perso__radio:checked){border-color:var(--u-tinta);background:var(--u-papel-2)}.u-perso__opcion:has(.u-perso__radio:checked):before{border-color:var(--u-tinta);box-shadow:inset 0 0 0 .4rem var(--u-papel-2),inset 0 0 0 1rem var(--u-tinta)}.u-perso__opcion:has(.u-perso__radio:focus-visible){outline:.2rem solid var(--u-foco);outline-offset:.3rem}.u-perso__radio{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.u-perso__opcion-nombre{font-family:var(--u-f-text);font-size:var(--u-t-body);line-height:1.25}.u-perso__opcion-dato{font-variant-numeric:tabular-nums;color:var(--u-tinta-3);white-space:nowrap}.u-perso__opcion-estado{grid-column:2 / -1;font-size:var(--u-t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--u-tinta-3)}.u-perso__opcion.is-agotado{cursor:not-allowed;border-style:dashed}.u-perso__opcion.is-agotado .u-perso__opcion-nombre{color:var(--u-tinta-3);text-decoration:line-through;text-decoration-thickness:.1rem}.u-perso__check{display:flex;align-items:center;gap:var(--u-e3);min-height:4.4rem;font-family:var(--u-f-text);font-size:var(--u-t-body);cursor:pointer}.u-perso__check input{width:2rem;height:2rem;margin:0;accent-color:var(--u-tinta);flex:none}.u-perso__campos{display:grid;gap:var(--u-e4);margin-top:var(--u-e4)}.u-perso__campos[hidden]{display:none}.u-perso__opcional{font-weight:400;color:var(--u-tinta-3)}.u-perso__cantidad{display:flex;align-items:center;justify-content:space-between;gap:var(--u-e4)}.u-perso__cantidad .u-perso__leyenda{margin:0}.u-perso__paso{display:inline-flex;align-items:center;border:.1rem solid var(--u-linea-fuerte);border-radius:var(--u-r1)}.u-perso__menos,.u-perso__mas{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border:0;background:transparent;color:var(--u-tinta);font-family:var(--u-f-sans);font-size:2rem;cursor:pointer;transition:background-color var(--u-d1) var(--u-paso)}.u-perso__menos:hover:not(:disabled),.u-perso__mas:hover{background:var(--u-papel-2)}.u-perso__menos:disabled{color:var(--u-tinta-3);opacity:.5;cursor:default}.u-perso__cuantos{min-width:3.2rem;text-align:center;font-size:1.6rem;font-weight:500}.u-perso__pie{flex:none;display:grid;gap:var(--u-e3);padding:var(--u-e4) var(--u-margen) calc(var(--u-e4) + env(safe-area-inset-bottom));border-top:.1rem solid var(--u-linea);background:var(--u-papel)}.u-perso__error{margin:0}.u-perso__error[hidden]{display:none}.u-perso__agregar{justify-content:space-between}.u-perso__agregar[disabled]{opacity:1;background:var(--u-papel-3);border-color:var(--u-papel-3);color:var(--u-tinta-3)}.u-perso__total[hidden]{display:none}@media(min-width:750px){.u-perso{margin:auto;width:min(56rem,calc(100% - 2 * var(--u-margen)));max-height:min(86vh,80rem);border:.1rem solid var(--u-linea)}.u-perso__cabecera,.u-perso__cuerpo{padding-inline:var(--u-e6)}.u-perso__cabecera{padding-top:var(--u-e6)}.u-perso__pie{padding:var(--u-e4) var(--u-e6) var(--u-e5)}}@media(prefers-reduced-motion:no-preference){.u-perso[open]{animation:u-perso-sube var(--u-d2) var(--u-paso)}.u-perso[open]::backdrop{animation:u-perso-velo var(--u-d2) var(--u-paso)}}@keyframes u-perso-sube{0%{transform:translateY(2.4rem);opacity:0}}@keyframes u-perso-velo{0%{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/u-personalizar.css.map */