/* ============================================================
   articulos-fuertes.css · MOTORCASIÓN · piezas que el tema añade a los artículos que ya salen en Google (inc/articulos-fuertes.php).
   03/10/2026. Solo tokens --mc-*, sin !important, sin @layer. Van dentro de .mc-prosa: un selector más que sus reglas de texto.
   ============================================================ */
.mc-pagina .mc-prosa .mc-af { margin: var(--mc-e-8) 0; }
.mc-pagina .mc-prosa .mc-af p { margin: 0 0 var(--mc-e-2); }
.mc-pagina .mc-prosa .mc-af--calc { margin-top: 0; }
.mc-pagina .mc-prosa .mc-af--calc .mc-calc { max-width: none; }
.mc-pagina .mc-prosa .mc-af__nota { display: flex; gap: var(--mc-e-2); align-items: flex-start; margin-top: var(--mc-e-3); font-size: var(--mc-t-s); color: var(--mc-texto-2); }
.mc-pagina .mc-prosa .mc-af__nota .mc-icono { width: 1.2em; height: 1.2em; flex: none; margin-top: 0.15em; color: var(--mc-azul); }
.mc-pagina .mc-prosa .mc-af__titulo { display: flex; gap: var(--mc-e-2); align-items: center; font-family: var(--mc-letra-titulos); font-size: var(--mc-t-h4); font-weight: 700; color: var(--mc-texto); line-height: var(--mc-lh-titulo); }
.mc-pagina .mc-prosa .mc-af__titulo .mc-icono { width: 1.4em; height: 1.4em; flex: none; color: var(--mc-rojo-texto); }
.mc-pagina .mc-prosa .mc-af--caja { padding: var(--mc-e-5) var(--mc-e-6); border-left: 4px solid var(--mc-rojo-logo); border-radius: 0 var(--mc-r-m) var(--mc-r-m) 0; background: var(--mc-fondo-2); }
.mc-pagina .mc-prosa .mc-af--caja ul { margin: var(--mc-e-2) 0 0; }
.mc-pagina .mc-prosa .mc-af__fuente { margin-top: var(--mc-e-3); font-size: var(--mc-t-s); color: var(--mc-texto-3); }
.mc-pagina .mc-prosa .mc-af--enlace { display: flex; gap: var(--mc-e-4); align-items: flex-start; padding: var(--mc-e-5) var(--mc-e-6); border: 1px solid var(--mc-borde); border-radius: var(--mc-r-l); background: var(--mc-superficie); box-shadow: var(--mc-sombra-1); }
.mc-pagina .mc-prosa .mc-af--enlace > .mc-icono { width: 40px; height: 40px; flex: none; color: var(--mc-rojo-texto); }
.mc-pagina .mc-prosa .mc-af--enlace .mc-boton { margin-top: var(--mc-e-2); }
.mc-pagina .mc-prosa .mc-af--guia { padding-top: var(--mc-e-6); border-top: 1px solid var(--mc-borde); }
.mc-pagina .mc-prosa .mc-af--guia .mc-pilar__h2 { font-size: var(--mc-t-h2); }
.mc-pagina .mc-prosa .mc-af--guia ol, .mc-pagina .mc-prosa .mc-af--guia ul { padding-left: 0; }
.mc-pagina .mc-prosa .mc-af--guia .mc-pilar__caja { margin-top: var(--mc-e-6); }

/* Caja «profesionales de tu provincia» */
.mc-pagina .mc-caja-pro { margin: var(--mc-e-8) 0; padding: var(--mc-e-6); border-radius: var(--mc-r-l); border: 2px solid var(--mc-texto); background: var(--mc-superficie); display: grid; gap: var(--mc-e-4); }
.mc-pagina .mc-caja-pro p { margin: 0; }
.mc-pagina .mc-caja-pro__cabeza { display: flex; gap: var(--mc-e-4); align-items: flex-start; }
.mc-pagina .mc-caja-pro__icono { flex: none; width: 48px; height: 48px; display: grid; place-items: center; border-radius: var(--mc-r-m); background: var(--mc-fondo-2); color: var(--mc-rojo-texto); }
.mc-pagina .mc-caja-pro__icono .mc-icono { width: 28px; height: 28px; }
.mc-pagina .mc-caja-pro__titulo { font-family: var(--mc-letra-titulos); font-size: var(--mc-t-h3); font-weight: 700; color: var(--mc-texto); line-height: var(--mc-lh-titulo); margin-bottom: var(--mc-e-1); }
.mc-pagina .mc-caja-pro__texto { color: var(--mc-texto-2); }
.mc-pagina .mc-caja-pro__form { display: grid; gap: var(--mc-e-3); align-items: end; }
.mc-pagina .mc-caja-pro__form .mc-campo { margin: 0; }
.mc-pagina .mc-caja-pro__derecho { display: flex; gap: var(--mc-e-2); align-items: flex-start; font-size: var(--mc-t-s); color: var(--mc-texto); padding: var(--mc-e-3) var(--mc-e-4); border-radius: var(--mc-r-m); background: var(--mc-azul-suave); }
.mc-pagina .mc-caja-pro__derecho .mc-icono { width: 1.2em; height: 1.2em; flex: none; margin-top: 0.15em; color: var(--mc-azul); }
.mc-pagina .mc-prosa .mc-caja-pro a.mc-boton--primario { color: var(--mc-sobre-rojo); }
.mc-pagina .mc-prosa .mc-caja-pro a.mc-boton { text-decoration: none; }
@media (min-width: 640px) {
	.mc-pagina .mc-caja-pro__form { grid-template-columns: minmax(0, 1fr) auto auto; }
}