/* La rejilla (.onr-vh-grid) y las tarjetas (.onr-vh-card) ya están
   estilizadas por el tema onrent. Aquí solo cubrimos los estados que
   el tema no contempla: cargando, vacío y error. */

/* Replica el ancho de la columna 'main' del diseño original
   (.onr-vh-results: max-width 1600px, grid-template-columns 300px 1fr,
   gap 40px -> main = 1600 - 300 - 40 = 1260px). Sin esto, al no tener
   aside de filtros, la rejilla se estira a todo el ancho disponible y
   las tarjetas quedan más grandes de lo que el diseño preveía. */
.onrent-resultados__wrap {
	max-width: 1260px;
	margin: 0 auto;
	padding: 48px var(--pad-x, 24px) 100px;
}

.onrent-resultados__wrap #onrent-resultados-grid {
	margin-top: 32px;
}

.onrent-resultados__error {
	color: #b00020;
	font-weight: 600;
	padding: 1rem 0;
}

.onrent-resultados__vacio,
.onrent-resultados__cargando {
	text-align: center;
	color: #666;
	padding: 2rem 0;
	grid-column: 1 / -1;
}

/* "Todos los Vehículos" (14/08/2026): un .onrent-resultados__grupo por
   categoría, cada uno con su propio .onr-vh-grid interno (reutiliza el
   mismo estilo de rejilla/tarjeta ya definido por el tema). */

/* El contenedor exterior (#onrent-resultados-grid) trae de serie la clase
   .onr-vh-grid (grid de 3 columnas, para tarjetas sueltas) -- en modo
   "todos" se sustituye por esta clase, que lo deja como bloque normal
   (los grupos van uno debajo del otro, a todo el ancho). Sin esto, cada
   grupo caía dentro de una de esas 3 columnas exteriores, quedando
   comprimido en vez de ocupar el ancho completo de la página. */
.onrent-resultados__grupos {
	display: block;
}

.onrent-resultados__grupo {
	margin-bottom: 3rem;
}

.onrent-resultados__grupo:last-child {
	margin-bottom: 0;
}

.onrent-resultados__grupo-titulo {
	font-size: 1.3rem;
	font-weight: 700;
	margin: 0 0 1.25rem;
	padding-bottom: 0.6rem;
	border-bottom: 2px solid #e0e0e0;
}

.onrent-horario-aviso {
	font-size: 0.85rem;
	color: #666;
	min-height: 1.2em;
}

.onrent-vh-desc {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	margin: 0.4rem 0;
	padding: 0;
}

.onrent-vh-desc li {
	font-size: 0.75rem;
	color: #555;
	background: #f2f2f2;
	border-radius: 999px;
	padding: 0.15rem 0.6rem;
}

.onrent-horario-aviso:not(:empty) {
	padding: 0.4rem 0.6rem;
	background: #f5f5f5;
	border-radius: 4px;
}

/* Pestañas Vehículos Ligeros / Vehículos Pesados (13/08/2026) */
.onrent-flota-tabs {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #e0e0e0;
}

.onrent-flota-tab {
	background: none;
	border: none;
	border-bottom: 3px solid transparent;
	padding: 0.75rem 1.25rem;
	font-size: 0.95rem;
	font-weight: 600;
	color: #888;
	cursor: pointer;
}

.onrent-flota-tab:hover {
	color: #333;
}

.onrent-flota-tab--activa {
	color: #1a7f37;
	border-bottom-color: #1a7f37;
}

/* Panel "Vehículos Pesados": texto + imagen en dos columnas */
.onrent-pesados__layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.5rem;
	align-items: center;
	margin-bottom: 2.5rem;
}

@media (max-width: 780px) {
	.onrent-pesados__layout {
		grid-template-columns: 1fr;
	}
}

.onrent-pesados__texto p {
	color: #444;
	line-height: 1.6;
	margin-bottom: 1rem;
}

.onrent-pesados__imagen img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	display: block;
}