@layer components{:root{--srv-wa:#25d366;--srv-wa-hover:#20bd5a}html:has(main[data-checkout]) .wa-float{display:none}@media (max-width:767px){html:has(#cotizacion) .wa-float{display:none}}.btn--wa{--bg:var(--srv-wa);--fg:var(--ink-900);--ico:#442a191f;--glow:#ffffff61;--lift:0 16px 30px -16px #442a1973}.btn--wa:hover{--bg:var(--srv-wa-hover)}.btn--wa .btn__ico svg{color:var(--ink-900)}.guia{border-radius:var(--r-md);background:var(--mist-50);gap:.9rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.guia__hoja{border:1px solid var(--mist-300);border-radius:var(--r-sm);box-shadow:var(--sh-1);background:#fff;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.guia__titulo{background:var(--mist-100);color:var(--ink-700);font:700 var(--fs-micro)/1.4 var(--font-text);text-transform:uppercase;letter-spacing:.12em;grid-area:1/1/auto/-1;margin:0;padding:.6rem 1rem}.guia__celda{grid-row:var(--f);grid-column:var(--c);border-top:1px solid var(--mist-200);min-width:0;min-height:48px;transition:background-color var(--t-fast) var(--ease-luz);align-items:center;margin:0;padding:0 .75rem;display:flex}.guia__ojo{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding-block:.4rem;line-height:1.2}.guia__sigla{font:600 1.125rem/1.2 var(--font-display);color:var(--ink-900)}.guia__ojo-n{font-size:var(--fs-min);color:var(--ink-500)}.guia__campo{padding:0}.guia__boton{text-align:left;cursor:pointer;width:100%;min-height:48px;font:600 var(--fs-min)/1.2 var(--font-text);color:var(--ink-900);-webkit-text-decoration:underline dotted var(--teal-500);text-decoration:underline dotted var(--teal-500);text-underline-offset:5px;transition:color var(--t-fast) var(--ease-luz), background-color var(--t-fast) var(--ease-luz), box-shadow var(--t-fast) var(--ease-luz);background:0 0;border:0;padding:0 .75rem;text-decoration-thickness:2px}.guia__boton:hover{background:var(--teal-50)}.guia__boton:focus-visible{outline:3px solid var(--teal-600);outline-offset:-3px}.guia__valor{font:600 1.0625rem/1 var(--font-display);color:var(--ink-600);font-variant-numeric:tabular-nums;justify-content:center}.guia__hoja[data-activo=esfera] [data-campo=esfera],.guia__hoja[data-activo=cilindro] [data-campo=cilindro],.guia__hoja[data-activo=eje] [data-campo=eje],.guia__hoja[data-activo=adicion] [data-campo=adicion],.guia__hoja[data-activo=dip] [data-campo=dip]{background:var(--teal-50)}.guia__hoja[data-activo=esfera] [data-campo=esfera] .guia__boton,.guia__hoja[data-activo=cilindro] [data-campo=cilindro] .guia__boton,.guia__hoja[data-activo=eje] [data-campo=eje] .guia__boton,.guia__hoja[data-activo=adicion] [data-campo=adicion] .guia__boton,.guia__hoja[data-activo=dip] [data-campo=dip] .guia__boton{color:var(--teal-700);box-shadow:inset 4px 0 0 var(--teal-600);text-decoration-color:#0000}.guia__hoja[data-activo=esfera] [data-campo=esfera].guia__valor,.guia__hoja[data-activo=cilindro] [data-campo=cilindro].guia__valor,.guia__hoja[data-activo=eje] [data-campo=eje].guia__valor,.guia__hoja[data-activo=adicion] [data-campo=adicion].guia__valor,.guia__hoja[data-activo=dip] [data-campo=dip].guia__valor{color:var(--teal-700)}@media (min-width:768px){.guia__hoja{grid-template-columns:auto repeat(5,minmax(0,1fr))}.guia__celda{grid-row:var(--fd);grid-column:var(--cd)}.guia__ojo{padding-inline:1rem}.guia__celda{padding-inline:.5rem}.guia__campo{padding:0}.guia__boton{text-align:center;text-transform:uppercase;letter-spacing:.04em;padding-inline:.5rem}.guia__hoja[data-activo=esfera] [data-campo=esfera] .guia__boton,.guia__hoja[data-activo=cilindro] [data-campo=cilindro] .guia__boton,.guia__hoja[data-activo=eje] [data-campo=eje] .guia__boton,.guia__hoja[data-activo=adicion] [data-campo=adicion] .guia__boton,.guia__hoja[data-activo=dip] [data-campo=dip] .guia__boton{box-shadow:inset 0 4px 0 var(--teal-600)}}.guia__def{border:1px solid var(--teal-200);border-radius:var(--r-sm);box-shadow:inset 4px 0 0 var(--teal-600);background:#fff;min-height:6rem;padding:.9rem 1rem .9rem 1.15rem}.guia__def-n{font:700 1.125rem/1.3 var(--font-display);color:var(--teal-700);margin:0 0 .15rem}@media (prefers-reduced-motion:no-preference){html:not(.no-motion) .guia__def-in{animation:srv-aparece var(--t-base) var(--ease-out)}}.pasos{top:calc(var(--alto-encabezado) + 8px);z-index:var(--z-tbar);border:1px solid var(--hair-2);border-radius:var(--r-pill);box-shadow:var(--sh-1);background:#fffffff5;position:sticky;overflow:hidden}.pasos__lista{margin:0;padding:0;list-style:none;display:flex}.pasos__item{min-width:0;display:flex}.pasos__item:last-child{flex:auto}.pasos__enlace{min-height:52px;color:var(--ink-600);font:600 var(--fs-min)/1.2 var(--font-text);border-radius:var(--r-pill);transition:color var(--t-fast) var(--ease-luz), background-color var(--t-fast) var(--ease-luz);align-items:center;gap:.6rem;padding:.35rem .9rem .35rem .5rem;text-decoration:none;display:flex}.pasos__enlace:hover{background:var(--mist-50);color:var(--ink-900)}.pasos__enlace:focus-visible{outline:3px solid var(--teal-600);outline-offset:-3px}.pasos__num{border:1.5px solid var(--mist-400);width:36px;height:36px;color:var(--ink-600);font:700 1rem/1 var(--font-display);font-variant-numeric:tabular-nums;transition:background-color var(--t-fast) var(--ease-luz), border-color var(--t-fast) var(--ease-luz), color var(--t-fast) var(--ease-luz);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.pasos__num .i{width:1.1rem;height:1.1rem}.pasos__num-n,.pasos__num-ok{transition:opacity var(--t-fast) var(--ease-luz), transform var(--t-base) var(--ease-out);grid-area:1/1}.pasos__num-ok{opacity:0;transform:scale(.5)}.pasos__item[data-estado=hecho] .pasos__num{border-color:var(--teal-600);background:var(--teal-50);color:var(--teal-700)}.pasos__item[data-estado=hecho] .pasos__num-n{opacity:0;transform:scale(.5)}.pasos__item[data-estado=hecho] .pasos__num-ok{opacity:1;transform:none}.pasos__item[data-estado=actual] .pasos__num{border-color:var(--teal-600);background:var(--teal-600);color:#fff}.pasos__item[data-estado=actual] .pasos__enlace,.pasos__item[data-estado=hecho] .pasos__enlace{color:var(--ink-900)}.pasos__nombre-caja{min-width:0;transition:grid-template-columns var(--t-base) var(--ease-luz);grid-template-columns:1fr;display:grid}.pasos__nombre{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pasos__sub{font-weight:500;font-size:var(--fs-min);color:var(--ink-500);display:block}@media (max-width:599px){.pasos__item:not([data-estado=actual]) .pasos__nombre-caja{grid-template-columns:0fr}.pasos__item:not([data-estado=actual]) .pasos__enlace{gap:0;padding-right:.5rem}.pasos__item[data-estado=actual]{flex:auto}}@media (min-width:600px){.pasos__item{flex:1 1 0}.pasos__item:last-child{flex:1.4 1 0}.pasos__enlace{width:100%;padding-right:1rem}}.pasos__barra{background:var(--mist-200);height:4px;position:relative}.pasos__barra>i{background:var(--teal-600);transform:scaleX(var(--avance,.333));transform-origin:0;transition:transform var(--t-slow) var(--ease-luz);position:absolute;inset:0}.paso-cotiza{scroll-margin-top:3.5rem}.ayuda{position:relative}.ayuda__boton{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;margin:-8px -8px -8px -4px;padding:0;display:grid}.ayuda__boton>span{border:1.5px solid var(--teal-600);width:26px;height:26px;color:var(--teal-700);font:700 1rem/1 var(--font-text);transition:background-color var(--t-fast) var(--ease-luz), color var(--t-fast) var(--ease-luz), transform var(--t-base) var(--ease-out);border-radius:50%;place-items:center;display:grid}.ayuda__boton:hover>span,.ayuda__boton[aria-expanded=true]>span{background:var(--teal-600);color:#fff}.ayuda__boton:focus-visible{outline:3px solid var(--teal-600);outline-offset:0}.ayuda__nota{z-index:6;border:1px solid var(--teal-200);border-radius:var(--r-sm);box-shadow:var(--sh-2);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.25rem .5rem;padding:.85rem .5rem .85rem 1rem;display:grid;position:absolute;left:0;right:0}.ayuda__nota:before{content:"";left:var(--flecha,1.5rem);border-left:1px solid var(--teal-200);border-top:1px solid var(--teal-200);background:#fff;width:12px;height:12px;position:absolute;top:-7px;transform:rotate(45deg)}.ayuda__nota-n{font:700 1.0625rem/1.3 var(--font-display);color:var(--teal-700);margin:0}.ayuda__nota-t{color:var(--ink-700);grid-column:1;margin:0}.ayuda__cerrar{width:44px;height:44px;color:var(--ink-600);cursor:pointer;background:0 0;border:0;border-radius:50%;grid-area:1/2/span 2;place-items:center;margin:-.35rem 0 0;padding:0;display:grid}.ayuda__cerrar:hover{background:var(--mist-100);color:var(--ink-900)}.ayuda__cerrar:focus-visible{outline:3px solid var(--teal-600);outline-offset:0}@media (prefers-reduced-motion:no-preference){html:not(.no-motion) .ayuda__nota{animation:srv-aparece var(--t-fast) var(--ease-out)}}.icono-aro{width:var(--aro-t,72px);height:var(--aro-t,72px);background:var(--teal-50);color:var(--teal-700);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.icono-aro--cafe{background:var(--mist-100);color:var(--ink-800)}.icono-aro--espera:after{content:"";border:2px solid var(--teal-500);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){html:not(.no-motion) .icono-aro{animation:srv-posa .7s var(--ease-out) both}html:not(.no-motion) .icono-aro--espera:after{animation:srv-onda 2.2s var(--ease-out) .4s infinite}}.tl-actual:after{content:"";border:2px solid var(--teal-500);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-2px}@media (prefers-reduced-motion:no-preference){html:not(.no-motion) .tl-actual:after{animation:srv-onda 2.4s var(--ease-out) infinite}}.como{counter-reset:como;gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.como__paso{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:.15rem 1rem;display:grid;position:relative}.como__num{border:1.5px solid var(--teal-600);width:40px;height:40px;color:var(--teal-700);font:700 1.0625rem/1 var(--font-display);font-variant-numeric:tabular-nums;z-index:1;background:#fff;border-radius:50%;grid-row:1/span 2;place-items:center;display:grid;position:relative}.como__paso:not(:last-child):before{content:"";background:var(--teal-200);width:1.5px;position:absolute;top:40px;bottom:-1.1rem;left:19.25px}.como__t{color:var(--ink-900);margin:0;padding-top:.45rem;font-weight:600}.como__d{color:var(--ink-600);margin:0}@media (min-width:900px){.como--fila{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.como--fila .como__paso{grid-template-columns:minmax(0,1fr);gap:.5rem}.como--fila .como__num{grid-row:auto}.como--fila .como__paso:not(:last-child):before{width:auto;height:1.5px;inset:19.25px -1.5rem auto 52px}.como--fila .como__t{padding-top:.25rem}}@media (prefers-reduced-motion:no-preference){html:not(.no-motion) .como__paso:not(:last-child):before{transform-origin:0 0;animation:srv-linea .8s var(--ease-out) both;animation-delay:calc(var(--i,0) * .12s + .2s)}}.paso-num{background:var(--teal-600);color:#fff;width:36px;height:36px;font:700 1rem/1 var(--font-display);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;display:grid}@keyframes srv-aparece{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes srv-posa{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes srv-onda{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes srv-linea{0%{opacity:0}to{opacity:1}}}