/* ========================================
   RESPONSIVE STYLES - LAPTOPS 13-15 PULGADAS
   Media Query: Laptops pequeñas y medianas (1025px - 1440px)
   Enfoque: Ajuste de TIPOGRAFÍA en todo el sitio
   ======================================== */

/* 💻 Laptops de 13" - 15" (1280px - 1440px viewport) */
@media (min-width: 1025px) and (max-width: 1440px) {

    /* ============================================
       VARIABLES CSS - TIPOGRAFÍA BASE
    ============================================ */
    :root {
        --parrafo-normal: 16px !important;
        --parrafo-big: 18px !important;
        --parrafo-sm: 13px !important;
        --heading: 56px !important;
        --heading-sm: 48px !important;
        --sub-heading: 40px !important;
        --heading-tree: 30px !important;
        --heading-four: 24px !important;
    }

    /* ============================================
       TIPOGRAFÍA GENERAL - BODY Y PÁRRAFOS
    ============================================ */

    body {
        font-size: 15px;
        line-height: 1.6;
    }

    body p,
    body .descripcion_general {
        font-size: 16px !important;
        line-height: 1.6;
    }

    body p.lead {
        font-size: 18px !important;
        line-height: 1.7;
    }

    /* ============================================
       HEADINGS - H1 A H6
    ============================================ */

    h1 {
        font-size: 56px !important;
        line-height: 1.1 !important;
    }

    h2 {
        font-size: 44px !important;
        line-height: 1.2 !important;
    }

    h3 {
        font-size: 36px !important;
        line-height: 1.2 !important;
    }

    h4 {
        font-size: 30px !important;
        line-height: 1.3 !important;
    }

    h5 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    h6 {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }

    /* ============================================
       TÍTULOS PERSONALIZADOS DEL SITIO
    ============================================ */

    /* Hero titles */
    body h1.title_hero,
    body h1.h1b {
        font-size: 64px !important;
        line-height: 1.05 !important;
        margin-bottom: 0px !important;
        font-weight: 600 !important;
    }

    /* Section titles */
    body h2.title_geeral_section,
    body section.hero_history h2,
    body section.height-60.hero-section h2 {
        font-size: 46px !important;
        line-height: 1.15 !important;
        font-weight: 600 !important;
    }

    h4.title_geeral_section.edited span {
        font-size: 42px !important;
    }

    /* Display headings */
    html body h4.display-6 {
        font-size: 34px !important;
    }

    body .display-4 {
        font-size: 40px !important;
    }

    /* Subtitle mandate */
    body .subtile_mandate {
        font-size: 24px !important;
        line-height: 1.2;
    }

    /* Item titles */
    body .title_item_fundation {
        font-size: 26px !important;
        line-height: 1.1;
    }

    body .title_item-help {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }

    body .title-help-menbers {
        font-size: 28px !important;
        line-height: 1.1;
    }

    /* ============================================
       HEADER - LOGO Y NAVEGACIÓN
    ============================================ */

    /* Logo */
    body header.header_main {
        padding: 15px 40px;
        min-height: 70px;
    }

    body header a.logo {
        width: 52px;
    }

    /* Navegación principal */
    body .new--menu .h-menu > li > a {
        font-size: 13px !important;
        padding: 10px 14px;
        letter-spacing: 0.3px;
    }

    header nav ul li a {
        font-size: 14px;
    }

    /* Dropdown menu */
    .new--menu .dropdown-menu a {
        font-size: 13px;
        padding: 8px 16px;
    }

    /* ============================================
       HERO SECTIONS
    ============================================ */

    /* Hero home GSAP */
    body section.hero-home-gsap {
        padding: 100px 40px 0 40px !important;
    }

    body .hero-title {
        font-size: 54px !important;
        line-height: 0.95 !important;
        margin-bottom: 20px !important;
    }

    body .hero-col h2 {
        font-size: 34px !important;
        padding: 0 20px;
    }

    .hero-col .hero-title,
    .hero-col .hero-title span {
        font-size: 42px !important;
        line-height: 1.1;
    }

    /* Hero overlay */
    body .hero-overlay h2,
    body .hero-overlay-content h2 {
        font-size: 36px !important;
    }

    /* ============================================
       CARDS Y COMPONENTES
    ============================================ */

    /* Card titles */
    body .card-title {
        font-size: 22px !important;
        font-weight: 500;
        margin-bottom: 14px;
        line-height: 1.3;
    }

    /* Card text */
    body .card-text {
        font-size: 15px;
        line-height: 1.6;
    }

    /* Blob cards */
    body .blob-card .conten_grid_help p {
        font-size: 16px !important;
    }

    body .blob-card .title_item-help {
        font-size: 22px !important;
    }

    /* ============================================
       BOTONES
    ============================================ */

    /* Botones generales */
    p.btn_general a,
    p.btn_general > span {
        font-size: 13px !important;
        padding: 15px 30px !important;
        letter-spacing: 0.5px !important;
    }

    /* Button group */
    body .button-group .btn {
        font-size: 14px;
        padding: 13px 26px;
    }

    /* Button hub */
    body .box-btn-hub a {
        font-size: 13px !important;
        padding: 13px 20px !important;
    }

    body .box-btn-hub a svg {
        width: 22px;
        height: 22px;
    }

    /* CTA hero home */
    body .cta--hero--home li a p {
        font-size: 20px !important;
    }

    /* ============================================
       EVENTS - EVENTOS
    ============================================ */

    /* Event info */
    .event-info .title_hero {
        font-size: 48px !important;
    }

    /* Event title */
    body .event-title {
        font-size: 24px !important;
        line-height: 1.3;
    }

    body .event--skin2.list-mode .event-title {
        font-size: 20px !important;
    }

    /* Event meta */
    body .event-date,
    body .event-time,
    body .event-location {
        font-size: 14px;
    }

    /* Event description */
    body .event-description {
        font-size: 15px;
        line-height: 1.6;
    }

    /* Nav event title */
    body .nav-event-title {
        font-size: 22px !important;
    }

    /* More events */
    body .moreEvent h4 {
        font-size: 24px !important;
    }

    body .moreEvent p {
        font-size: 15px;
    }

    /* ============================================
       TABS
    ============================================ */

    body .tabs_menu a {
        font-size: 15px;
        padding: 16px 24px;
    }

    body .tabs_menu a.active {
        font-size: 15px;
    }

    /* Tab content */
    body .tab-content p {
        font-size: 16px;
    }

    body .tab-content h3 {
        font-size: 34px !important;
    }

    /* ============================================
       ACCORDIONS
    ============================================ */

    /* Accordion buttons */
    body #accordeon_jobs .accordion-button {
        font-size: 20px !important;
        padding: 20px 28px !important;
    }

    body .accordeon_kids .accordion-button {
        font-size: 18px;
    }

    /* Accordion body */
    body .accordion-body {
        font-size: 15px;
        line-height: 1.6;
    }

    body div#accordeon_jobs .accordion-body {
        padding: 22px 28px 32px 32px;
    }

    /* Accordion header images */
    body .accordeon_kids .accordion-item .accordion-header img {
        height: 55px !important;
        width: 55px !important;
    }

    /* ============================================
       MINISTRIES SLIDER
    ============================================ */

    .ministries-slider.ul-items li p {
        font-size: 18px !important;
    }

    .ministries-slider.ul-items li aside p {
        font-size: 16px;
    }

    /* ============================================
       OUR MANDATE SECTION
    ============================================ */

    body #ourMandate h1 {
        font-size: 52px !important;
    }

    body #ourMandate h2 {
        font-size: 40px !important;
    }

    .mandate-section .lead {
        font-size: 20px !important;
    }

    #ourMandate p {
        font-size: 16px;
    }

    /* ============================================
       TRUTH SECTION
    ============================================ */

    body .truth-article h2 {
        font-size: 34px !important;
        margin-bottom: 20px;
    }

    body .truth-article .verse-text,
    body .truth-article .description {
        font-size: 19px !important;
        line-height: 1.5;
    }

    .truth-article small {
        font-size: 15px;
        padding: 9px 12px 7px 12px;
    }

    /* ============================================
       TIMELINE
    ============================================ */

    body .timeline-year {
        font-size: 48px !important;
        font-weight: 700;
    }

    body .timeline-title {
        font-size: 26px;
    }

    body .timeline-description {
        font-size: 15px;
        line-height: 1.6;
    }

    /* ============================================
       SEARCH FORM
    ============================================ */

    .search--events--form input {
        font-size: 14px;
        padding: 12px 20px;
    }

    .search--events--form button {
        font-size: 14px;
        padding: 12px 24px;
    }

    .search--events--form select {
        font-size: 14px;
    }

    /* ============================================
       FORMS - FORMULARIOS
    ============================================ */

    /* Input labels */
    .floating-label-contact,
    label {
        font-size: 14px;
    }

    /* Input fields */
    .input_form_contact,
    .form-control {
        font-size: 15px;
        padding: 12px 18px;
    }

    /* Form titles */
    .contact_form_section h2 {
        font-size: 42px !important;
    }

    /* ============================================
       FOOTER - PIE DE PÁGINA
    ============================================ */

    /* Footer tab buttons */
    footer .new--menu--footer .footer-tab-button {
        font-size: 17px !important;
        font-weight: bold;
    }

    /* Footer menu links */
    footer .footer-tab-panel ul.menu_footer li p a {
        font-size: 15px !important;
    }

    footer ul.menu_footer li {
        margin-bottom: 8px;
    }

    /* Footer disclaimer */
    footer .disclaimer_footer {
        font-size: 14px !important;
        line-height: 1.5;
    }

    /* Footer social icons */
    footer ul.list_social_icons li a {
        font-size: 16px;
    }

    /* Footer headings */
    footer h3,
    footer h4 {
        font-size: 20px !important;
    }

    footer p {
        font-size: 14px;
    }

    /* ============================================
       BREADCRUMBS Y NAVIGATION
    ============================================ */

    .breadcrumb-item {
        font-size: 13px;
    }

    /* Pagination */
    .pagination .page-link {
        font-size: 14px;
        padding: 9px 14px;
    }

    /* ============================================
       ADULTS MINISTRY
    ============================================ */

    body .adults--hover li p {
        font-size: 16px;
    }

    body .adults--hover li h4 {
        font-size: 22px !important;
    }

    /* ============================================
       WOMEN'S & MEN'S MINISTRY
    ============================================ */

    body .herowomens h1,
    body .heromen h1 {
        font-size: 58px !important;
    }

    body .herowomens h2,
    body .heromen h2 {
        font-size: 42px !important;
    }

    /* ============================================
       KIDS MINISTRY
    ============================================ */

    body .hero--kids h1 {
        font-size: 56px !important;
    }

    body .hero--kids p {
        font-size: 16px;
    }

    /* ============================================
       STUDENTS MINISTRY
    ============================================ */

    body .hero--students h1 {
        font-size: 56px !important;
    }

    body .hero--students h2 {
        font-size: 42px !important;
    }

    /* ============================================
       UI APP SECTION
    ============================================ */

    body .ui--app li * {
        font-size: 15px !important;
    }

    body .ui--app li b {
        font-size: 18px !important;
    }

    body .ui--app li small {
        font-size: 14px !important;
    }

    /* ============================================
       STORIES & NEWS
    ============================================ */

    body .story-title {
        font-size: 24px;
        line-height: 1.3;
    }

    body .story-excerpt {
        font-size: 15px;
        line-height: 1.6;
    }

    /* ============================================
       BADGES Y ETIQUETAS
    ============================================ */

    .badge,
    .event-badge {
        font-size: 12px;
        padding: 6px 12px;
    }

    /* ============================================
       LISTS - LISTAS
    ============================================ */

    ul li,
    ol li {
        font-size: 15px;
        line-height: 1.7;
    }

    /* ============================================
       BLOCKQUOTES
    ============================================ */

    blockquote {
        font-size: 18px;
        line-height: 1.6;
    }

    blockquote cite {
        font-size: 14px;
    }

    /* ============================================
       MEMBER CARE
    ============================================ */

    body .members-heal-calendar h3 {
        font-size: 32px !important;
    }

    body .members-heal-calendar p {
        font-size: 15px;
    }

    /* ============================================
       ABSOLUTE CONTAINER
    ============================================ */

    .absolute-container h4 {
        font-size: 44px !important;
        line-height: 1.1 !important;
    }

    /* ============================================
       STRUCTURAL DOCTRINES
    ============================================ */

    body .strutural_doctrines .item_fundation h4 {
        font-size: 26px !important;
    }

    body .strutural_doctrines .item_fundation p {
        font-size: 15px;
    }

    /* ============================================
       MISC TEXT ELEMENTS
    ============================================ */

    /* Small text */
    small,
    .small-text {
        font-size: 13px;
    }

    /* Strong/Bold */
    strong,
    b {
        font-weight: 600;
    }

    /* Links */
    a {
        font-size: inherit;
    }

    /* Code */
    code {
        font-size: 13px;
    }

}

/* ========================================
   FIN RESPONSIVE LAPTOPS 13-15 PULGADAS
   ======================================== */