14 и 15 июля обе стороны каждый раз выводили свои армии – тремя полками в линию, центр и фланги, удерживая позади резерв. У мусульман впереди стоял авангард из легковооруженных берберов, арабов и отрядов лучников. Сам халиф пребывал с арьергардом, окруженный 10 000 негров-гвардейцев. Гвардейцы были якобы прикованы друг к другу цепями (вероятно, там стоял частокол из кольев, скрепленных цепями). Сам повелитель правоверных восседал на щите перед красным шатром – символом его власти, одетый в черный плащ, держа в руках меч и Коран. По некоторым оценкам, христиан в это время было 70–80 тысяч, арабов – 100–150 тысяч (из них значительную часть составляли всадники).

Оба дня дело ограничивалось перестрелкой. В конце концов медлительность христиан халиф ан-Насир принял за слабость и уже разослал в Баэсу и Хаэн письма, в которых говорил, что стережет войска трех христианских государей, которых скоро возьмет в плен.

На рассвете 16 июля войска Альфонсо стали 3 корпусами: левое крыло под началом Педро Арагонского, правое – Санчо Наваррского, в центре авангард с Диего Лопесом де Аро, за ним – главные силы Гонсало Нуньеса де Лара с военными орденами. Сам Альфонсо VIII остался при арьергарде, за второй линией из кастильских дворян и военных орденов.

Во всех трех полках были городские отряды. Пехота городов была перемешана с конницей на обоих крыльях войска – либо с тем, чтобы враги не обошли их с флангов, либо чтобы неопытные пехотинцы не дрогнули под давлением мусульман и не побежали с поля боя. Среди пехоты было много лучников.

Сражение началось на рассвете, в понедельник 16 июля 1212 г. Христиане атаковали мусульманский авангард, рассеяли его и двинулись на главные силы неприятеля. Затем обе рати сошлись и началась рукопашная, в которой никто не мог добиться успеха на протяжении нескольких часов. В это время халиф повел часть своего резерва в бой, и христиане дрогнули, началась паника, часть воинов обратилась в бегство.

Говорят, что в это время Альфонсо обратился к архиепископу Родриго Хименесу: «Архиепископ, придется мне и вам умереть здесь», – на что Хименес ответил: «Вовсе нет! Здесь вы сокрушите врага!» Затем Родриго со своим отрядом резерва и знаменем Толедо обрушил удар на мавров, следуя за Альваро Нуньесом де Лара, несшим королевское знамя с геральдическими замками Кастилии и изображением Богородицы, покровительницы Толедо. Одновременно архиепископ увещевал беглецов вернуться в строй. Воодушевленные христиане ударили с новой силой, и мавры начали отступать.

Христианские летописцы (как и многие другие) придавали подобным моментам особое значение. Зачастую победы объяснялись Божьей помощью, действием чудотворных икон и т. д., и т. п. Впрочем, морального значения появления над полем христианского знамени и громогласной эффектной проповеди талантливого священника исключать не стоит.

Первыми пустились в бегство андалусские контингенты (впоследствии ан-Насир казнил в Севилье возглавлявших их эмиров). Отряд христиан приблизился к шатру халифа, и кто-то прорвался сквозь копья негритянской гвардии. Мухаммад ан-Насир бросил читать Коран и сам ускакал с поля боя в направлении Хаэна, а оттуда сбежал в Марокко. По рассказам христианских авторов, халиф еще ночью накануне битвы, предчувствуя свое поражение, отправил на юг верблюдов и мулов, груженных его несметными богатствами. После этого начали отступление, превратившееся в бегство, африканские войска. Христианская конница бросилась преследовать врага. Эта погоня длилась на протяжении 22 км, в то время как пехота грабила вражеский лагерь. Пленных не брали. Альфонсо отмечал, что во время преследования было убито мавров больше, чем в самом бою. Всего же якобы погибло 60—100 тысяч (или даже 200 тысяч) мусульман. На поле боя остались лежать, по разным сведениям, не то 25, не то 115 тысяч испанцев.