/* Estilos propios de la sección «pasar» de la maqueta. */
.pas-tarjeta.no-coincide { border-color: #e9cf8e; }
.pas-tarjeta header { align-items: center; }
.pas-lineas { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.pas-linea { display: grid; gap: 6px; border-top: 1px solid var(--borde); padding-top: 8px; }
.pas-linea-texto { display: flex; flex-wrap: wrap; gap: 2px 6px; align-items: baseline; }
.pas-linea.hecha { color: var(--bien); }
.pas-hecho { color: var(--bien); font-weight: 600; flex-basis: 100%; }
.pas-botones-linea button { padding: 4px 10px; font-size: 13.5px; }
.pas-aviso { background: var(--ojo-suave); color: var(--ojo); border-radius: 8px; padding: 8px 10px; font-size: 13.5px; }
.pas-aviso-botones { display: block; margin-top: 6px; }
.pas-aviso-botones button { padding: 4px 10px; font-size: 13.5px; }
.pas-grande { width: 100%; padding: 10px 12px; }
.pas-lista { opacity: .85; background: var(--bien-suave); border-color: transparent; }
.pas-casillas { display: grid; gap: 6px; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
.pas-casilla { display: flex; align-items: center; gap: 6px; }
.pas-casilla input { width: 16px; height: 16px; }
button[disabled] { opacity: .55; cursor: not-allowed; }
.pas-bloque { border: 1px solid var(--borde); border-radius: 10px; padding: 10px; display: grid; gap: 8px; background: var(--fondo); }
.pas-bloque.no-coincide { border-color: #e9cf8e; }
.pas-bloque-cabeza { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; font-size: 13.5px; }
.pas-bloque .pas-linea:first-child { border-top: 0; padding-top: 0; }
.pas-todo { background: var(--bien); border-color: var(--bien); }
