.barril-de-aceite{--barril-ancho:96px;--barril-hueco-izq:52px;--barril-hueco-der:72px;justify-items:center;gap:.3rem;min-width:0;display:grid}.barril-de-aceite[data-tamano=chico]{--barril-ancho:84px;--barril-hueco-izq:0px;--barril-hueco-der:0px}.barril-lienzo{width:var(--barril-ancho);margin-left:var(--barril-hueco-izq);margin-right:var(--barril-hueco-der);position:relative}.barril-svg{width:100%;height:auto;display:block;overflow:visible}.barril-marcas{pointer-events:none}.barril-marca{color:var(--foreground);font-size:.65rem;font-weight:600;line-height:1.15;position:absolute;transform:translateY(-50%)}.barril-marca-izquierda{width:calc(var(--barril-hueco-izq) - .45rem);text-align:right;right:calc(100% + .45rem)}.barril-marca-derecha{width:calc(var(--barril-hueco-der) - .45rem);text-align:left;left:calc(100% + .45rem)}.barril-de-aceite[data-tamano=chico] .barril-marcas{display:none}.barril-pie{color:var(--muted-foreground);text-align:center;font-variant-numeric:tabular-nums;justify-items:center;gap:.05rem;margin:0;font-size:.6875rem;font-weight:600;display:grid}.barril-nivel{text-align:center;font-variant-numeric:tabular-nums;justify-items:center;margin:0;display:grid}.barril-nivel strong{font-size:1.1rem;line-height:1.2}.barril-origen{color:var(--muted-foreground);font-size:.6875rem;font-weight:500}.tarjeta-cilindro{background:var(--card);min-width:0;box-shadow:var(--espacio-sombra);border-radius:1.1rem;gap:.9rem;padding:1.1rem;display:grid;container:tarjeta/inline-size}.tarjeta-cilindro-cabecera{justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.tarjeta-cilindro-cuerpo{justify-items:center;gap:.9rem;min-width:0;display:grid}.tarjeta-cilindro-texto{align-content:start;gap:.7rem;width:100%;min-width:0;display:grid}.tarjeta-cilindro-frase{letter-spacing:-.015em;margin:0;font-size:1.1rem;font-weight:650;line-height:1.25}.tarjeta-cilindro-fichas{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tarjeta-cilindro-fichas>li{background:var(--muted);border-radius:.75rem;flex:4.4rem;gap:.05rem;min-width:0;padding:.4rem .55rem;display:grid}.tarjeta-cilindro-fichas>li[data-ficha=resultado]{background:var(--azul-claro)}.ficha-etiqueta{color:var(--muted-foreground);font-size:.6875rem;font-weight:500}.ficha-valor{align-items:center;gap:.25rem;font-size:.95rem;line-height:1.2;display:inline-flex}.tarjeta-cilindro-aviso{background:var(--azul-claro);color:var(--foreground);border-radius:.75rem;align-items:flex-start;gap:.5rem;margin:0;padding:.55rem .7rem;font-size:.8125rem;line-height:1.35;display:flex}.tarjeta-cilindro-aviso svg{color:var(--primary);margin-top:.1rem}.tarjeta-cilindro-cargado{color:var(--muted-foreground);align-items:center;gap:.4rem;margin:0;font-size:.8125rem;display:flex}.tarjeta-cilindro-cargado svg{color:var(--cilindro-aceite)}.tarjeta-cilindro-cargado strong{color:var(--foreground)}.tarjeta-cilindro-origen{flex-wrap:wrap;gap:.4rem;display:flex}.tarjeta-cilindro-origen>button{flex:8rem;min-height:2.5rem}.tarjeta-cilindro-acciones{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.tarjeta-cilindro-principal,.tarjeta-cilindro-secundario{width:100%;min-height:2.75rem}.tarjeta-cilindro-mas{min-height:2.5rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:.75rem;justify-content:center;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.tarjeta-cilindro-mas:hover{background:var(--muted);color:var(--foreground)}.tarjeta-cilindro-mas:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.tarjeta-cilindro-pasos{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.tarjeta-cilindro-pasos>li{background:var(--muted);border-radius:.75rem;grid-template-columns:auto 1fr;grid-template-areas:"num titulo""dato dato""ver ver";align-content:start;align-items:center;gap:.15rem .3rem;min-width:0;padding:.5rem .45rem;display:grid}.paso-numero{background:var(--card);width:1.05rem;height:1.05rem;color:var(--muted-foreground);border-radius:999px;grid-area:num;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:inline-flex}.tarjeta-cilindro-pasos>li[data-hecho=si] .paso-numero{background:var(--visor);color:var(--visor-texto)}.paso-nb{white-space:nowrap}.paso-titulo{white-space:nowrap;color:var(--muted-foreground);grid-area:titulo;font-size:.6875rem;font-weight:600}.paso-dato{overflow-wrap:anywhere;grid-area:dato;min-width:0;font-size:.8125rem;font-weight:600}.paso-ver{min-height:2rem;color:var(--primary);text-underline-offset:3px;cursor:pointer;background:0 0;grid-area:ver;justify-self:start;padding:0 .35rem;font-size:.75rem;font-weight:600;text-decoration:underline}.tarjeta-cilindro-lista{background:var(--azul-claro);border-radius:.875rem;padding:.7rem .85rem}.tarjeta-cilindro-lista li{overflow-wrap:anywhere}.tarjeta-cilindro-formulario{background:var(--muted);border-radius:.9rem;gap:.75rem;padding:1rem;display:grid}.tarjeta-cilindro-confirmar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tarjeta-cilindro-confirmar>button{min-height:2.5rem}.tarjeta-cilindro-detalle>summary{cursor:pointer;min-height:2rem;color:var(--muted-foreground);align-items:center;font-size:.75rem;font-weight:500;list-style:none;display:flex}.tarjeta-cilindro-detalle>summary::-webkit-details-marker{display:none}.tarjeta-cilindro-detalle>summary:after{content:"›";margin-left:.3rem;font-size:1rem;line-height:1;transition:transform .15s}.tarjeta-cilindro-detalle[open]>summary{color:var(--foreground)}.tarjeta-cilindro-detalle[open]>summary:after{transform:rotate(90deg)}.tarjeta-cilindro-detalle>summary:hover{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.tarjeta-cilindro-cifras{gap:.35rem 1.5rem;margin:0;display:grid}.tarjeta-cilindro-cifras>div{justify-content:space-between;gap:.75rem;font-size:.8125rem;display:flex}.tarjeta-cilindro-cifras dt{color:var(--muted-foreground)}.tarjeta-cilindro-cifras dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.leyenda-del-tambor{background:var(--azul-claro);border-radius:.875rem;flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:.65rem .85rem;list-style:none;display:flex}.leyenda-grupo{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.leyenda-chip{color:var(--foreground);align-items:center;gap:.45rem;font-size:.75rem;font-weight:500;line-height:1.25;display:inline-flex}.leyenda-muestra{border-radius:.2rem;flex:none;width:1.5rem;height:.8rem;display:inline-block}.leyenda-muestra-medido{background:var(--cilindro-aceite)}.leyenda-muestra-estimado{background:repeating-linear-gradient(45deg, var(--cilindro-aceite) 0 1.5px, var(--cilindro-aceite-estimado) 1.5px 4.5px)}.leyenda-muestra-linea{border-top:2px dashed var(--cilindro-esperado);border-radius:0;height:0}.leyenda-muestra-franja{background:repeating-linear-gradient(-45deg, var(--cilindro-tambor) 0 1.5px, var(--card) 1.5px 4.5px);box-shadow:inset 0 0 0 1px var(--cilindro-tambor)}.como-funcionan-cilindros{justify-items:end;gap:.5rem;display:grid}.como-funcionan-aviso{background:var(--azul-claro);border-radius:.75rem;max-width:28rem;margin:0;padding:.6rem .75rem;font-size:.8125rem;line-height:1.35}.oferta-recorrido-cilindros{background:var(--azul-claro);box-shadow:var(--espacio-sombra);border-radius:.875rem;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.85rem 1rem;display:flex}.oferta-recorrido-cilindros>div:first-of-type{flex:14rem}.medicion-con-varilla{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.medicion-previa{justify-items:center;min-width:0;display:grid}.varilla-visual{flex-wrap:wrap;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.varilla-regla{touch-action:none;cursor:pointer;border-radius:.5rem;flex:none;max-width:56px}.varilla-regla:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.varilla-mojada{transition:y .2s,height .2s}.varilla-controles{flex:8rem;gap:.75rem;min-width:0;display:grid}.varilla-ajuste{align-items:flex-end;gap:.5rem;display:flex}.varilla-ajuste>div{flex:3rem;min-width:0}.varilla-ajuste input{width:100%;min-width:0}.varilla-fracciones{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.varilla-ficha{background:var(--card);min-width:2.5rem;min-height:2.5rem;color:var(--foreground);box-shadow:var(--espacio-sombra);cursor:pointer;border-radius:.75rem;padding:0 .5rem;font-size:1.15rem;font-weight:600}.varilla-ficha[aria-pressed=true]{background:var(--visor);color:var(--visor-texto)}.varilla-ficha:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@container tarjeta (width>=30rem){.tarjeta-cilindro-cuerpo{grid-template-columns:auto minmax(0,1fr);place-items:center stretch;column-gap:1.1rem}.barril-de-aceite{justify-self:start}.tarjeta-cilindro-principal,.tarjeta-cilindro-secundario{width:auto}.tarjeta-cilindro-cifras{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.varilla-mojada,.tarjeta-cilindro-detalle>summary:after{transition:none}}