/* =================== Plan del auto (sección Tus fechas) =================== */
.plan{display:grid;gap:14px}
/* Estado del auto: los datos que afinan el plan */
.pl-estado{border:1px solid var(--gris-linea);border-radius:var(--radio-chico);padding:14px 16px;background:var(--gris-fondo)}
.pl-e-tit b{display:block;font-size:.95rem}
.pl-e-tit small{font-size:.8rem;color:var(--gris-texto)}
.pl-campos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.pl-campos label{display:flex;flex-direction:column;gap:5px;font-size:.78rem;font-weight:600;color:var(--gris-texto)}
.pl-campos .campo{padding:9px 10px;font-size:.88rem}
.pl-campos .fila-input{display:flex;align-items:center;gap:6px;margin:0}
.pl-campos small{font-weight:400;font-size:.72rem}
.pl-falla{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.85rem;cursor:pointer}
.pl-falla input{width:18px;height:18px;accent-color:var(--naranjo)}
/* Resumen */
.pl-kpis{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}
.pl-kpi{border:1px solid var(--gris-linea);border-radius:var(--radio-chico);padding:14px 16px}
.pl-kpi small{display:block;font-size:.78rem;color:var(--gris-texto);font-weight:600}
.pl-kpi b{display:block;font-family:var(--f);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.84rem;line-height:1;margin:4px 0 2px}
.pl-kpi .pl-kpi-tx{font-family:var(--f);font-weight:700;font-size:1.15rem;line-height:1.2;margin:8px 0 4px}
.pl-kpi span{font-size:.78rem;color:var(--gris-texto)}
.pl-kpi.prim{background:var(--negro,#0A0A0A);border-color:transparent;color:#fff}
.pl-kpi.prim small,.pl-kpi.prim span{color:rgba(255,255,255,.72)}
.pl-kpi.prim b{color:var(--naranjo)}
/* Grupos desplegables */
.pl-grupo{border:1px solid var(--gris-linea);border-radius:var(--radio-chico);overflow:hidden}
.pl-grupo>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;flex-wrap:wrap}
.pl-grupo>summary::-webkit-details-marker{display:none}
.pl-grupo>summary::after{content:"▾";margin-left:6px;color:var(--gris-texto);transition:transform .2s}
.pl-grupo[open]>summary::after{transform:rotate(180deg)}
.pl-grupo>summary:hover{background:var(--gris-fondo)}
.pl-g-ico{font-size:1.4rem}
.pl-g-tit{flex:1;min-width:180px}
.pl-g-tit b{display:block;font-size:1rem}
.pl-g-tit small{font-size:.8rem;color:var(--gris-texto)}
.pl-g-monto{text-align:right;font-family:var(--f);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.28rem;line-height:1}
.pl-g-monto small{display:block;font-family:var(--f);font-size:.7rem;color:var(--gris-texto)}
.pl-chips{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%;order:5;padding-left:38px}
.pl-chip{font-size:.74rem;padding:3px 9px;border-radius:4px;border:1px solid var(--gris-linea);background:#fff}
.pl-chip.rojo{background:#FDECEC;border-color:#F5B5B5}
.pl-chip.naranjo{background:var(--naranjo-suave);border-color:var(--naranjo-borde)}
.pl-chip.amarillo{background:#FFF8E1;border-color:#F3DE9B}
.pl-filas{display:grid;gap:8px;padding:0 12px 12px}
/* Cada ítem: fila que se abre con el detalle */
.pl-item{border:1px solid var(--gris-linea);border-radius:12px;background:#fff}
.pl-item>summary{list-style:none;display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:10px 12px;cursor:pointer}
.pl-item>summary::-webkit-details-marker{display:none}
.pl-item .cal{background:var(--gris-fondo);border-radius:10px;text-align:center;padding:6px 4px}
.pl-item .cal b{display:block;font-family:var(--f);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.04rem;line-height:1}
.pl-item .cal span{font-size:.7rem;color:var(--gris-texto)}
.pl-item h4{font-size:.93rem;line-height:1.25}
.pl-cuando{font-size:.74rem;font-weight:700;color:var(--gris-texto);display:flex;align-items:center;gap:6px;margin-bottom:2px}
.pl-sem{width:9px;height:9px;border-radius:50%;background:#C7C7CC;flex:none}
.pl-sem.rojo{background:#E5484D}.pl-sem.naranjo{background:var(--naranjo)}.pl-sem.amarillo{background:#E8B931}
.pl-item.rojo{border-color:#F5B5B5;background:#FFF7F7}
.pl-item.rojo .cal{background:#E5484D;color:#fff}.pl-item.rojo .cal span{color:rgba(255,255,255,.85)}
.pl-item.naranjo{border-color:var(--naranjo-borde)}
.pl-item.naranjo .cal{background:var(--naranjo-suave)}
.pl-item .monto{text-align:right;font-family:var(--f);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.04rem;line-height:1.05;max-width:190px}
.pl-item .monto small{display:block;font-family:var(--f);font-size:.7rem;color:var(--gris-texto)}
.pl-tag{font-family:var(--f);font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:4px;background:var(--gris-fondo);color:var(--gris-texto);white-space:nowrap}
.pl-cuerpo{padding:2px 14px 14px 82px;font-size:.86rem;line-height:1.5;color:var(--texto,#1d1d1f)}
.pl-cuerpo p{margin-top:6px}
.pl-cuerpo b{font-weight:700}
.pl-ojo{background:var(--naranjo-suave);border-radius:10px;padding:8px 11px}
.pl-cada{color:var(--gris-texto)}
.pl-fuente{font-size:.74rem;color:var(--gris-texto)}
.pl-fuente a{color:inherit}
.pl-acc{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pl-precios{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.pl-precios>div{border:1px solid var(--gris-linea);border-radius:10px;padding:9px 11px}
.pl-precios>div.on{border-color:var(--naranjo);background:var(--naranjo-suave)}
.pl-precios small{display:block;font-size:.74rem;color:var(--gris-texto)}
.pl-precios b{display:block;font-family:var(--f);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.16rem;line-height:1.1}
.pl-precios span{font-size:.72rem;color:var(--gris-texto)}
.pl-imp{padding:4px 6px 4px}
.pl-nota{font-size:.76rem;color:var(--gris-texto)}
@media (max-width:900px){ .pl-campos{grid-template-columns:repeat(2,minmax(0,1fr))} .pl-kpis{grid-template-columns:1fr 1fr} .pl-kpi.prim{grid-column:1/-1} }
@media (max-width:560px){
  .pl-item>summary{grid-template-columns:48px 1fr;}
  .pl-item .monto{grid-column:2;text-align:left;font-size:1.15rem;max-width:none}
  .pl-item .monto small{display:inline;margin-left:6px}
  .pl-cuerpo{padding:2px 12px 12px}
  .pl-precios{grid-template-columns:1fr}
  .pl-chips{padding-left:0}
  .pl-g-monto{text-align:left}
}
.pl-tag.ok{background:#E7F6EE;color:#1E7A4C}
.pl-campos .fila-input .campo{flex:1;min-width:0}