/*
Theme Name: CreadorKit Child
Template: generatepress
*/

/* ═══════════════════════════════════════════
   TIPOGRAFÍA GLOBAL — CreadorKit
   Aplica a todas las páginas del sitio
═══════════════════════════════════════════ */

html {
    font-size: 20px !important;
}

/* ═══════════════════════════════════════════
   FIX SCROLL HORIZONTAL
═══════════════════════════════════════════ */

html,
body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* ═══════════════════════════════════════════
   ELIMINAR MÁRGENES NATIVOS DE GENERATEPRESS
═══════════════════════════════════════════ */

.content-area,
.site-content,
#content,
.hentry,
.entry-content,
.page-content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.site-main {
    padding: 0 !important;
    margin: 0 !important;
}

.widget-area,
#secondary {
    display: none !important;
}

body .content-area {
    width: 100% !important;
    float: none !important;
}

/* ═══════════════════════════════════════════
   RESPONSIVE TIPOGRAFÍA
═══════════════════════════════════════════ */

@media (max-width: 860px) {
    html,
    html body {
        font-size: 19px !important;
    }
}

@media (max-width: 600px) {

    html,
    html body {
        font-size: 18px !important;
    }

    /* Títulos hero */
    .hero__title,
    h1 {
        font-size: 1.8rem !important;
        line-height: 1.2 !important;
    }

    /* H2 secciones */
    h2,
    .content-h2,
    .faq-section__title {
        font-size: 1.4rem !important;
        line-height: 1.25 !important;
    }

    h3 {
        font-size: 1.15rem !important;
    }

    /* Párrafos y texto general */
    p,
    .content-section p,
    .hero__sub,
    .tool-card__desc,
    .faq-a__inner p {
        font-size: 1rem !important;
        line-height: 1.75 !important;
    }

    /* Cards — nombres */
    .tool-card__name,
    .ck-cluster-card__title {
        font-size: 1.05rem !important;
    }

    /* FAQs — pregunta */
    .faq-q,
    .ck-faq__q {
        font-size: 1rem !important;
    }

    /* Nav links móvil */
    .ck-nav__mobile a {
        font-size: 1.05rem !important;
        padding: 14px 24px !important;
    }

    /* Botones */
    .btn,
    .ck-btn,
    .ck-nav__cta {
        font-size: 1rem !important;
        padding: 14px 20px !important;
    }

    /* Inputs y selects */
    input, select, textarea {
        font-size: 1rem !important;
        padding: 13px 14px !important;
    }

    /* Tags y badges */
    .tool-card__tag,
    .ck-hero__badge,
    .ck-cluster-card__count {
        font-size: 0.8rem !important;
    }

    /* Sidebar */
    .side-box__link,
    .ck-sidebar-card__link {
        font-size: 0.95rem !important;
        padding: 10px 0 !important;
    }

    /* Footer */
    .ck-footer__col ul a {
        font-size: 0.95rem !important;
    }
    .ck-footer__tagline {
        font-size: 0.9rem !important;
    }
    .ck-footer__copy,
    .ck-footer__disclaimer {
        font-size: 0.8rem !important;
    }

    /* Tabla */
    .data-table,
    .data-table tbody td,
    .data-table thead th {
        font-size: 0.9rem !important;
    }

    /* Secciones — más aire */
    .faq-section {
        padding: 40px 0 !important;
    }
}

@media (max-width: 360px) {
    html,
    html body {
        font-size: 16px !important;
    }
}