/* ============================================================
   pilares.css · MOTORCASIÓN · páginas pilar de compraventa (inc/pilares/ · MC_PILARES). 03/10/2026.
   Solo tokens --mc-*, sin !important, sin @layer. Móvil primero. Reutiliza .mc-venta-hero (venta.css) para la cabecera con herramienta.
   ============================================================ */
.mc-pagina .mc-pilar__aviso { display: flex; gap: var(--mc-e-2); align-items: flex-start; margin: 0 0 var(--mc-e-4); }
.mc-pagina .mc-pilar__aviso .mc-icono { width: 1.25em; height: 1.25em; flex: none; margin-top: 0.15em; }
.mc-pagina .mc-pilar__h2 { margin: 0 0 var(--mc-e-4); position: relative; padding-top: var(--mc-e-3); }
.mc-pagina .mc-pilar__h2::before { content: ""; position: absolute; top: 0; left: 0; width: var(--mc-firma-ancho); height: var(--mc-firma-alto); background: var(--mc-rojo-logo); transform: skewX(var(--mc-inclinacion)); }
.mc-pagina .mc-pilar__h3 { margin: var(--mc-e-8) 0 var(--mc-e-4); }
.mc-pagina .mc-pilar__intro { max-width: var(--mc-medida); margin: 0 0 var(--mc-e-5); }
.mc-pagina .mc-pilar__seccion { max-width: 920px; }

/* Herramienta (anunciar / buscar) */
.mc-pagina .mc-pilar__caja { display: grid; gap: var(--mc-e-3); padding: var(--mc-e-6); }
.mc-pagina .mc-pilar__caja p { margin: 0; }
.mc-pagina .mc-pilar__caja-t { font-family: var(--mc-letra-titulos); font-size: var(--mc-t-h3); font-weight: 700; color: var(--mc-texto); }
.mc-pagina .mc-pilar__nota { font-size: var(--mc-t-s); color: var(--mc-texto-2); }

/* Pasos numerados con la caja inclinada */
.mc-pagina .mc-pilar__pasos { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mc-e-5); counter-reset: none; }
.mc-pagina .mc-pilar__paso { margin: 0; display: grid; grid-template-columns: 44px 1fr; gap: var(--mc-e-4); align-items: start; }
.mc-pagina .mc-pilar__num { position: relative; display: grid; place-items: center; width: 40px; height: 40px; font-family: var(--mc-letra-titulos); font-weight: 700; font-size: var(--mc-t-l); color: var(--mc-sobre-rojo); isolation: isolate; }
.mc-pagina .mc-pilar__num::before { content: ""; position: absolute; inset: 0; background: var(--mc-rojo); transform: skewX(var(--mc-inclinacion)); border-radius: 4px; z-index: -1; }
.mc-pagina .mc-pilar__paso .mc-h4 { margin: 0.35rem 0 var(--mc-e-1); font-size: var(--mc-t-h4); }
.mc-pagina .mc-pilar__paso p { margin: 0; max-width: var(--mc-medida); }

/* Listas con marca */
.mc-pagina .mc-pilar__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mc-e-3); max-width: var(--mc-medida); }
.mc-pagina .mc-pilar__lista li { margin: 0; display: flex; gap: var(--mc-e-3); align-items: flex-start; }
.mc-pagina .mc-pilar__lista .mc-icono { width: 1.25em; height: 1.25em; flex: none; margin-top: 0.2em; color: var(--mc-exito); }
.mc-pagina .mc-pilar__lista--blog .mc-icono { color: var(--mc-texto-3); }

/* Tablas: en el móvil cada fila es una tarjeta (la cabecera va en data-etiqueta) */
.mc-pagina .mc-pilar__tabla { width: 100%; border-collapse: collapse; font-size: var(--mc-t-s); }
.mc-pagina .mc-pilar__tabla thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.mc-pagina .mc-pilar__tabla tr { display: grid; gap: var(--mc-e-1); padding: var(--mc-e-4); margin-bottom: var(--mc-e-3); border: 1px solid var(--mc-borde); border-radius: var(--mc-r-m); background: var(--mc-superficie); }
.mc-pagina .mc-pilar__tabla th[scope="row"] { text-align: left; font-family: var(--mc-letra-titulos); font-size: var(--mc-t-m); color: var(--mc-texto); padding: 0 0 var(--mc-e-1); }
.mc-pagina .mc-pilar__tabla td { padding: 0; color: var(--mc-texto-2); }
.mc-pagina .mc-pilar__tabla td::before { content: attr(data-etiqueta) ": "; font-weight: var(--mc-peso-fuerte); color: var(--mc-texto); }

/* Planes de coches (anunciar coche) */
.mc-pagina .mc-pilar__planes { list-style: none; margin: 0 0 var(--mc-e-4); padding: 0; display: grid; gap: var(--mc-e-4); grid-template-columns: 1fr; }
.mc-pagina .mc-pilar__plan { margin: 0; display: grid; gap: var(--mc-e-2); align-content: start; }
.mc-pagina .mc-pilar__plan p { margin: 0; }
.mc-pagina .mc-pilar__plan-n { font-family: var(--mc-letra-titulos); font-weight: 700; font-size: var(--mc-t-h4); color: var(--mc-texto); }
.mc-pagina .mc-pilar__plan-precio { font-family: var(--mc-letra-num); font-weight: 700; font-size: var(--mc-t-cifra); line-height: 1; color: var(--mc-texto); }
.mc-pagina .mc-pilar__plan-precio small { font-size: var(--mc-t-s); font-weight: 600; color: var(--mc-texto-2); }
.mc-pagina .mc-pilar__plan-iva, .mc-pagina .mc-pilar__plan-que { font-size: var(--mc-t-s); color: var(--mc-texto-2); }
.mc-pagina .mc-pilar__plan .mc-boton { margin-top: var(--mc-e-2); }
.mc-pagina .mc-pilar__plan--fundador { border: 2px solid var(--mc-texto); }

/* Enlaces internos */
.mc-pagina .mc-pilar__enlaces { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mc-e-3); grid-template-columns: 1fr; }
.mc-pagina .mc-pilar__enlaces li { margin: 0; }
.mc-pagina .mc-pilar__enlace { display: flex; gap: var(--mc-e-3); align-items: flex-start; padding: var(--mc-e-4); text-decoration: none; color: var(--mc-texto); height: 100%; }
.mc-pagina .mc-pilar__enlace .mc-icono { width: 28px; height: 28px; flex: none; color: var(--mc-rojo-texto); }
.mc-pagina .mc-pilar__enlace span { display: grid; gap: 2px; }
.mc-pagina .mc-pilar__enlace small { font-size: var(--mc-t-s); color: var(--mc-texto-2); }
.mc-pagina .mc-pilar__enlace:hover strong { text-decoration: underline; }
.mc-pagina .mc-pilar__enlace:focus-visible { outline: none; box-shadow: var(--mc-foco-anillo); }
.mc-pagina .mc-pilar__mas { margin: var(--mc-e-4) 0 0; }
.mc-pagina .mc-pilar__legal { display: flex; gap: var(--mc-e-2); align-items: flex-start; margin: var(--mc-seccion) 0 0; padding: var(--mc-e-4); border-radius: var(--mc-r-m); background: var(--mc-fondo-2); font-size: var(--mc-t-s); color: var(--mc-texto-2); }
.mc-pagina .mc-pilar__legal .mc-icono { width: 1.2em; height: 1.2em; flex: none; margin-top: 0.15em; color: var(--mc-azul); }
.mc-pagina .mc-pilar__provincias ul, .mc-pagina ul.mc-pilar__provincias { display: flex; flex-wrap: wrap; gap: var(--mc-e-2); list-style: none; margin: 0; padding: 0; }

@media (min-width: 640px) {
	.mc-pagina .mc-pilar__enlaces { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mc-pagina .mc-pilar__planes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
	.mc-pagina .mc-pilar__tabla thead { position: static; width: auto; height: auto; clip: auto; }
	.mc-pagina .mc-pilar__tabla tr { display: table-row; padding: 0; margin: 0; border: 0; background: none; }
	.mc-pagina .mc-pilar__tabla th, .mc-pagina .mc-pilar__tabla td { padding: var(--mc-e-3) var(--mc-e-4); border-bottom: 1px solid var(--mc-borde); text-align: left; vertical-align: top; }
	.mc-pagina .mc-pilar__tabla thead th { background: var(--mc-fondo-2); color: var(--mc-texto); font-family: var(--mc-letra-titulos); }
	.mc-pagina .mc-pilar__tabla td::before { content: none; }
	.mc-pagina .mc-pilar__tabla-caja { border: 1px solid var(--mc-borde); border-radius: var(--mc-r-m); overflow: hidden; }
	.mc-pagina .mc-pilar__tabla tbody tr:last-child th, .mc-pagina .mc-pilar__tabla tbody tr:last-child td { border-bottom: 0; }
}
@media (min-width: 1025px) {
	.mc-pagina .mc-pilar__enlaces { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mc-pagina .mc-pilar__planes { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}