/*
Theme Name: Esquinathai Nativo
Theme URI: https://esquinathai.es
Description: Theme hijo de publishable-mag para la migración a WordPress nativo sin Elementor (2026-09-15). Solo CSS de fidelidad: encabezados heredados del kit Elementor, layout del Ranking España y botón de Ofertas.
Author: Ceroypunto Infrastructure
Template: publishable-mag
Version: 1.0.0
*/

/*--------------------------------------------------------------
# Fidelidad: colores de encabezado del kit Elementor
# (el theme padre pinta H1-H6 en #444; el kit de Elementor los pintaba)
--------------------------------------------------------------*/
body.page-id-606 .post-single-content h3 { color: #515151; }
body.page-id-606 .post-single-content h2 { color: #6ec1e4; }
body.page-id-713 .post-single-content h2 { color: #bc2710; }
body.page-id-771 .post-single-content h2 { color: #ad2f26; }

/*--------------------------------------------------------------
# Ranking España (página 713): filas luchador | gimnasio
# Cabecera 50/50, datos 66/33 (como las columnas Elementor col-50/col-66)
--------------------------------------------------------------*/
.rank-row {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: baseline;
}
.rank-row--head {
    grid-template-columns: 1fr 1fr;
}
.rank-row--head h3 {
    margin-bottom: 0;
}
.rank-row + .rank-row {
    margin-top: 0;
}

/*--------------------------------------------------------------
# Botón Ofertas (página 771), réplica del botón Elementor
# bg rgb(137,48,34) · texto rgb(198,156,109) · 15px 30px · radius 4px
--------------------------------------------------------------*/
.esq-btn {
    display: inline-block;
    background: #893022;
    color: #c69c6d;
    padding: 15px 30px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}
.esq-btn:hover,
.esq-btn:focus {
    color: #c69c6d;
    opacity: 0.88;
    text-decoration: none;
}
.esq-btn i {
    margin-left: 8px;
}

/*--------------------------------------------------------------
# Colapso móvil (414px): 1 columna, sin overflow
--------------------------------------------------------------*/
@media (max-width: 860px) {
    .rank-row,
    .rank-row--head {
        grid-template-columns: 1fr;
    }
}