/* «Ver qué incluye en detalle» de cada plan (06/10/2026) · lo pinta plan-detalle.js. Una columna, filos de 1 px,
   sin sombras; el estado con un cuadrado y la palabra, como en las tarjetas de la web. */
.pd-caja { margin-top: 12px; }
.ver-detalle-plan { text-decoration: underline; text-underline-offset: 3px; }
.pd-contenido { margin-top: 14px; padding: 18px 0 4px; border-top: 1px solid var(--costura-fuerte); }
.pd-cuerpo { display: grid; gap: 6px; max-width: 70ch; }
.pd-cuerpo h4 { margin: 22px 0 4px; font-size: .9rem; font-weight: 620; color: var(--papel-tenue); }
.pd-cuerpo p { margin: 0; line-height: 1.55; color: var(--papel-apagado); }
.pd-cuerpo .pd-grande { font-size: 1.05rem; color: var(--papel); }
.pd-cuerpo .pd-nota { font-size: .88rem; color: var(--papel-tenue); }
.pd-escenas, .pd-lista { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--costura); }
.pd-escenas li { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: 4px 14px; padding: 12px 0; border-bottom: 1px solid var(--costura); }
.pd-lista li { padding: 7px 0; border-bottom: 1px solid var(--costura); line-height: 1.45; color: var(--papel-apagado); }
.pd-hora { font-weight: 620; font-size: .92rem; color: var(--papel); font-variant-numeric: tabular-nums; }
.pd-escenas li[data-estado="muy_pronto"] p:first-child, .pd-escenas li[data-estado="previsto"] p:first-child, .pd-lista li[data-estado="previsto"] { color: var(--papel-tenue); }
.pd-estado { display: inline-flex; align-items: center; gap: 7px; font-size: .85rem; font-weight: 500; color: var(--papel-apagado); white-space: nowrap; }
.pd-estado::before { content: ''; width: 7px; height: 7px; flex: none; }
.pd-disp { color: var(--papel); }
.pd-disp::before { background: var(--cobalto-claro); }
.pd-pronto::before { box-shadow: inset 0 0 0 1.5px var(--papel-apagado); }
.pd-previsto { color: var(--papel-tenue); }
.pd-previsto::before { box-shadow: inset 0 0 0 1px var(--papel-tenue); opacity: .7; }
.pd-objecion { border-bottom: 1px solid var(--costura); padding: 10px 0; }
.pd-objecion summary { cursor: pointer; font-weight: 600; color: var(--papel); line-height: 1.4; }
.pd-objecion p { margin-top: 8px; }
.pd-local { margin-top: 18px !important; }
/* El botón de contratar al final del detalle (18/10/2026): copia del de la tarjeta o la fila; ancho de pulgar en móvil. */
.pd-comprar-caja { margin-top: 20px; }
.pd-comprar { width: 100%; max-width: 360px; height: auto; min-height: 44px; padding: 10px 16px; white-space: normal; }
@media (max-width: 560px) { .pd-escenas li { grid-template-columns: 1fr; } }