La victoria almohade en Alarcos supuso un duro golpe para los reinos cristianos. La situación se agravó en 1211, cuando el castillo de Salvatierra, único baluarte cristiano al sur del Tajo, cae en manos musulmanas, amenazando Toledo. Ante la delicada situación, el rey castellano Alfonso VIII solicita la ayuda del resto de reinos cristianos y del papa Inocencio III, que da a la lucha el carácter de cruzada. Respondiendo al llamamiento llegan a Toledo tropas de Aragón y numerosos cruzados de toda Europa. León y Navarra, por el contrario, rehúsan unirse a la partida.
El 19 de junio de 1212 salieron de Toledo las huestes cristianas. En su camino tomaron las plazas musulmanes de Malagón, Calatrava, Alarcos y Caracuel. Aquí se les unió el ejército de Sancho de Navarra, con sólo 200 caballeros. Tras una escaramuza en el Puerto del Muradal, el choque definitivo se producirá junto al lugar llamado Mesa del Rey. Será la batalla de las Navas de Tolosa.
En el ejército cristiano, unos 12.000 hombres divididos en tres cuerpos, el rey de Aragón mandaba el ala izquierda, correspondiendo el centro al castellano y la derecha al navarro. En primera línea se colocaron las respectivas vanguardias, con los ejércitos y costaneras en el centro y las zagas mandando las retaguardias. Los musulmanes, unos 10 o 12.000, instalaron su campamento en el Cerro de las Viñas, con la infantería al frente y la caballería ligera en los flancos. Detrás se situó la caballería pesada almohade, con la zaga musulmana guardando el campamento del Califa.
Las primeras luces del día 16 de julio de 1212 ponen en marcha el avance cristiano, hostigado por una lluvia de flechas. Pronto la vanguardia chocó con las defensas musulmanas, que se cerraron sobre ella, causando numerosas bajas. Al ver retroceder a los cristianos, los musulmanes rompieron su formación para perseguirles, lo que fue un grave error táctico. En ese punto, los tres reyes con sus mesnadas, lo más granado del ejército cristiano, se lanzaron por el centro que la caballería enemiga había dejado abierto. Al poco quedaron rotos tanto el frente almohade como su zaga, produciéndose su desbandada. Los cristianos se lanzaron sobre el campamento enemigo, aplastando a la guardia musulmana y poniendo en fuga al califa. La batalla había terminado.
La victoria en las Navas de Tolosa aumentó la presión cristiana sobre los musulmanes. Por el reino de Aragón, Jaime I conquistó Mallorca e Ibiza, así como el reino de Valencia. Fernando III de Castilla ocupó la baja Extremadura, Sevilla, Córdoba, Jaén y Murcia, mientras que Sancho IV toma Tarifa. Por su parte, Portugal completa la conquista del Algarve hacia 1250.
