/* =========================================================
   JETMUA – OJS CUSTOM STYLESHEET
   Versión consolidada y corregida
   ========================================================= */


/* =========================================================
   1. VARIABLES
   ========================================================= */

:root {
    --jetmua-navy: #0B3764;
    --jetmua-cyan: #00AEEF;
    --jetmua-cyan-soft: #EAF8FE;
    --jetmua-light: #F4F6F8;
    --jetmua-white: #FFFFFF;
    --jetmua-border: #DCE8F0;
}


/* =========================================================
   2. CABECERA GENERAL
   ========================================================= */

.pkp_structure_head {
    background: var(--jetmua-white) !important;
    border-bottom: 3px solid var(--jetmua-cyan) !important;
    box-shadow: none !important;
}

.pkp_head_wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   3. LOGO
   ========================================================= */

.pkp_site_name_wrapper {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 5px !important;
}

.pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

.pkp_site_name .is_img img,
.pkp_site_name img {
    width: 390px !important;
    max-width: 95% !important;
    max-height: none !important;
    height: auto !important;
    display: block !important;
}


/* =========================================================
   4. MENÚ PRINCIPAL
   ========================================================= */

.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
}

.pkp_navigation_primary {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* enlaces normales */
.pkp_structure_head .pkp_navigation_primary > li > a {
    color: var(--jetmua-navy) !important;
    background: transparent !important;

    font-size: 17px !important;
    font-weight: 600 !important;

    padding: 14px 18px !important;

    border-bottom: 3px solid transparent !important;

    box-shadow: none !important;
    text-decoration: none !important;

    transition:
        color 0.18s ease,
        background-color 0.18s ease,
        border-color 0.18s ease !important;
}


/* HOVER DEL MENÚ */
.pkp_structure_head .pkp_navigation_primary > li > a:hover,
.pkp_structure_head .pkp_navigation_primary > li > a:focus,
.pkp_structure_head .pkp_navigation_primary > li > a:active {
    color: var(--jetmua-cyan) !important;
    background: var(--jetmua-cyan-soft) !important;
    border-bottom-color: var(--jetmua-cyan) !important;
    box-shadow: none !important;
}


/* =========================================================
   5. MENÚ DESPLEGABLE "ABOUT"
   ========================================================= */

.pkp_navigation_primary ul {
    background: #FFFFFF !important;
    border: 1px solid var(--jetmua-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.pkp_navigation_primary ul li a {
    color: var(--jetmua-navy) !important;
    background: #FFFFFF !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.pkp_navigation_primary ul li a:hover,
.pkp_navigation_primary ul li a:focus {
    color: var(--jetmua-cyan) !important;
    background: var(--jetmua-cyan-soft) !important;
}


/* =========================================================
   6. REGISTER / LOGIN
   ========================================================= */

.pkp_navigation_user > li > a {
    color: var(--jetmua-navy) !important;
    background: transparent !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus,
.pkp_navigation_user > li > a:active {
    color: var(--jetmua-cyan) !important;
    background: var(--jetmua-cyan-soft) !important;
    box-shadow: none !important;
}


/* =========================================================
   7. SEARCH
   ========================================================= */

.pkp_navigation_search_wrapper {
    background: transparent !important;
}

.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper button {
    color: var(--jetmua-navy) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    padding: 14px 10px !important;

    text-decoration: none !important;
    outline: none !important;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus,
.pkp_navigation_search_wrapper a:active,
.pkp_navigation_search_wrapper button:hover,
.pkp_navigation_search_wrapper button:focus,
.pkp_navigation_search_wrapper button:active {
    color: var(--jetmua-cyan) !important;
    background: var(--jetmua-cyan-soft) !important;
    box-shadow: none !important;
    outline: none !important;
}


/* Ocultar iconos defectuosos */
.pkp_navigation_search_wrapper .fa,
.pkp_navigation_search_wrapper .icon,
.pkp_navigation_search_wrapper [class*="icon-"] {
    display: none !important;
}


/* Lupa simple */
.pkp_navigation_search_wrapper a::before,
.pkp_navigation_search_wrapper button::before {
    content: "⌕";
    display: inline-block;
    margin-right: 6px;
    font-size: 20px;
    line-height: 1;
    vertical-align: -1px;
    color: currentColor;
    background: transparent !important;
}


/* =========================================================
   8. EVITAR FONDOS NEGROS
   ========================================================= */

.pkp_structure_head a:hover,
.pkp_structure_head a:focus,
.pkp_structure_head button:hover,
.pkp_structure_head button:focus {
    box-shadow: none !important;
}


/* =========================================================
   9. CONTENIDO GENERAL
   ========================================================= */

.pkp_structure_content {
    background: #FFFFFF !important;
}

.pkp_structure_content a {
    color: var(--jetmua-navy);
}

.pkp_structure_content a:hover,
.pkp_structure_content a:focus {
    color: var(--jetmua-cyan);
}


/* =========================================================
   10. BOTONES
   ========================================================= */

.cmp_button,
.pkp_button,
input[type="submit"],
input[type="button"] {
    background: var(--jetmua-navy) !important;
    color: #FFFFFF !important;
    border-color: var(--jetmua-navy) !important;
}

.cmp_button:hover,
.cmp_button:focus,
.pkp_button:hover,
.pkp_button:focus,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: var(--jetmua-cyan) !important;
    border-color: var(--jetmua-cyan) !important;
    color: #FFFFFF !important;
}


/* =========================================================
   11. HOMEPAGE – QUITAR ESPACIO SUPERIOR EXCESIVO
   ========================================================= */

.pkp_page_index {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pkp_page_index .pkp_structure_content {
    margin-top: 0 !important;
    padding-top: 12px !important;
}

.pkp_page_index .pkp_structure_main {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 12px !important;
    min-height: 0 !important;
}

.pkp_page_index .additional_content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 8px !important;

    border-top: 0 !important;
}


/* =========================================================
   12. FRANJA TEMÁTICA
   ========================================================= */

.pkp_page_index .additional_content::before {
    content: "EMERGING TECHNOLOGIES  •  ARTIFICIAL INTELLIGENCE  •  COMPUTING  •  MULTIDISCIPLINARY APPLICATIONS";

    display: block !important;

    margin: 0 0 10px 0 !important;
    padding: 7px 12px !important;

    background: #F5F9FC !important;

    border-top: 1px solid var(--jetmua-border) !important;
    border-bottom: 1px solid var(--jetmua-border) !important;

    color: var(--jetmua-navy) !important;

    text-align: center !important;
    white-space: nowrap !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.7px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   13. CONTENEDOR JETMUA
   ========================================================= */

.jetmua-home {
    max-width: 1100px !important;
    margin: 0 auto !important;

    padding: 0 20px 14px 20px !important;

    line-height: 1.45 !important;
}


/* =========================================================
   14. SECCIONES
   ========================================================= */

.jetmua-home section {
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
}


/* =========================================================
   15. TÍTULOS PRINCIPALES
   ========================================================= */

.jetmua-home h2 {
    color: var(--jetmua-navy) !important;

    font-size: 27px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    margin: 0 0 8px 0 !important;
    padding: 0 0 5px 0 !important;

    border-bottom: 2px solid var(--jetmua-cyan) !important;
}


/* =========================================================
   16. SUBTÍTULOS
   ========================================================= */

.jetmua-home h3 {
    color: var(--jetmua-navy) !important;

    font-size: 19px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    margin: 12px 0 4px 0 !important;
    padding: 0 !important;
}


/* =========================================================
   17. PÁRRAFOS
   ========================================================= */

.jetmua-home p {
    margin-top: 0 !important;
    margin-bottom: 7px !important;
    padding: 0 !important;

    line-height: 1.45 !important;

    font-size: 16px !important;
}


/* =========================================================
   18. LISTAS
   ========================================================= */

.jetmua-home ul {
    margin: 3px 0 8px 22px !important;
    padding: 0 !important;
}

.jetmua-home li {
    margin: 0 0 2px 0 !important;
    padding: 0 !important;

    line-height: 1.35 !important;

    font-size: 16px !important;
}

.jetmua-home li::marker {
    color: var(--jetmua-cyan) !important;
}


/* =========================================================
   19. PRIMER Y ÚLTIMO BLOQUE
   ========================================================= */

.jetmua-home > section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.jetmua-home > section:first-child h2 {
    margin-top: 0 !important;
}

.jetmua-home > section:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.jetmua-home > section:last-child p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   20. FOOTER
   ========================================================= */

.pkp_structure_footer_wrapper {
    background: var(--jetmua-light) !important;
    padding: 22px 0 !important;
}

.pkp_structure_footer {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.pkp_brand_footer {
    max-width: 140px !important;
    opacity: 0.65 !important;
}

.pkp_brand_footer img {
    max-width: 140px !important;
    height: auto !important;
}


/* =========================================================
   21. TABLET
   ========================================================= */

@media (max-width: 991px) {

    .pkp_site_name .is_img img,
    .pkp_site_name img {
        width: 340px !important;
    }

    .pkp_structure_head .pkp_navigation_primary > li > a {
        font-size: 16px !important;
        padding: 12px 14px !important;
    }

    .pkp_page_index .additional_content::before {
        white-space: normal !important;
        font-size: 10px !important;
        letter-spacing: 0.4px !important;
        line-height: 1.6 !important;
    }
}


/* =========================================================
   22. MÓVIL
   ========================================================= */

@media (max-width: 768px) {

    .pkp_site_name .is_img img,
    .pkp_site_name img {
        width: 270px !important;
    }

    .pkp_site_name_wrapper {
        padding-top: 10px !important;
        padding-bottom: 7px !important;
    }

    .pkp_structure_head {
        border-bottom-width: 2px !important;
    }

    .jetmua-home {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .jetmua-home h2 {
        font-size: 23px !important;
    }

    .jetmua-home h3 {
        font-size: 18px !important;
    }

    .jetmua-home p,
    .jetmua-home li {
        font-size: 15px !important;
    }

    .pkp_page_index .additional_content::before {
        white-space: normal !important;
        font-size: 9.5px !important;
        padding: 7px 8px !important;
    }
}

/* =========================================================
   EVITAR DUPLICADO DE LA FRANJA TEMÁTICA
   ========================================================= */

.jetmua-fields {
    display: none !important;
}

/* =========================================================
   OCULTAR MARCA OJS / PKP DEL FOOTER
   ========================================================= */

.pkp_brand_footer {
    display: none !important;
}

/* =========================================================
   FOOTER INSTITUCIONAL JETMUA / GESAP
   ========================================================= */

.pkp_structure_footer_wrapper {
    background: #F4F6F8 !important;
    border-top: 2px solid #00AEEF !important;
    padding: 22px 20px !important;
    text-align: center !important;
}

.pkp_structure_footer::after {
    content: "© 2026 GESAP – Center for Research and Training. All rights reserved.\A Publisher of the Journal of Emerging Technologies and Multidisciplinary Applications (JETMUA).";

    white-space: pre-line !important;
    display: block !important;

    color: #0B3764 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    text-align: center !important;

    margin: 0 auto !important;
    padding: 4px 15px !important;
}

/* =========================================================
   JETMUA - DISEÑO GENERAL PARA PÁGINAS INTERNAS
   About, Submissions, Privacy, Editorial Team, Policies, etc.
   ========================================================= */

/* Contenido principal de páginas internas */
.pkp_page_about .pkp_structure_main,
.pkp_page_submissions .pkp_structure_main,
.pkp_page_privacy .pkp_structure_main,
.pkp_page_editorialMasthead .pkp_structure_main,
.pkp_structure_main {
    color: #222 !important;
}


/* =========================================================
   CONTENEDORES PERSONALIZADOS
   ========================================================= */

.jetmua-about,
.jetmua-policy,
.jetmua-submissions,
.jetmua-editorial,
.jetmua-page {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   PÁRRAFOS
   ========================================================= */

.jetmua-about p,
.jetmua-policy p,
.jetmua-submissions p,
.jetmua-editorial p,
.jetmua-page p {
    margin: 0 0 7px 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   SUBTÍTULOS PRINCIPALES
   ========================================================= */

.jetmua-about h3,
.jetmua-policy h3,
.jetmua-submissions h3,
.jetmua-editorial h3,
.jetmua-page h3 {

    color: var(--jetmua-navy) !important;

    font-size: 22px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    margin: 14px 0 7px 0 !important;

    padding: 0 0 5px 0 !important;

    border-bottom: 2px solid var(--jetmua-cyan) !important;
}


/* =========================================================
   SUBTÍTULOS SECUNDARIOS
   ========================================================= */

.jetmua-about h4,
.jetmua-policy h4,
.jetmua-submissions h4,
.jetmua-editorial h4,
.jetmua-page h4 {

    color: var(--jetmua-navy) !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    margin: 12px 0 5px 0 !important;

    padding: 0 !important;
}


/* =========================================================
   LISTAS
   ========================================================= */

.jetmua-about ul,
.jetmua-about ol,
.jetmua-policy ul,
.jetmua-policy ol,
.jetmua-submissions ul,
.jetmua-submissions ol,
.jetmua-editorial ul,
.jetmua-editorial ol,
.jetmua-page ul,
.jetmua-page ol {

    margin: 4px 0 8px 22px !important;
    padding: 0 !important;
}


.jetmua-about li,
.jetmua-policy li,
.jetmua-submissions li,
.jetmua-editorial li,
.jetmua-page li {

    margin: 0 0 2px 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1.4 !important;
}


/* Viñetas institucionales */
.jetmua-about li::marker,
.jetmua-policy li::marker,
.jetmua-submissions li::marker,
.jetmua-editorial li::marker,
.jetmua-page li::marker {

    color: var(--jetmua-cyan) !important;
}


/* =========================================================
   NEGRITAS
   ========================================================= */

.jetmua-about strong,
.jetmua-policy strong,
.jetmua-submissions strong,
.jetmua-editorial strong,
.jetmua-page strong {

    font-weight: 700 !important;
}


/* =========================================================
   ENLACES
   ========================================================= */

.jetmua-about a,
.jetmua-policy a,
.jetmua-submissions a,
.jetmua-editorial a,
.jetmua-page a {

    color: var(--jetmua-navy) !important;
    text-decoration: none !important;
}


.jetmua-about a:hover,
.jetmua-policy a:hover,
.jetmua-submissions a:hover,
.jetmua-editorial a:hover,
.jetmua-page a:hover {

    color: var(--jetmua-cyan) !important;
    text-decoration: underline !important;
}


/* =========================================================
   EVITAR ESPACIOS GRANDES
   ========================================================= */

.jetmua-about > *:first-child,
.jetmua-policy > *:first-child,
.jetmua-submissions > *:first-child,
.jetmua-editorial > *:first-child,
.jetmua-page > *:first-child {

    margin-top: 0 !important;
}


.jetmua-about > *:last-child,
.jetmua-policy > *:last-child,
.jetmua-submissions > *:last-child,
.jetmua-editorial > *:last-child,
.jetmua-page > *:last-child {

    margin-bottom: 0 !important;
}


/* =========================================================
   TÍTULOS DESPUÉS DE PÁRRAFOS
   ========================================================= */

.jetmua-about p + h3,
.jetmua-policy p + h3,
.jetmua-submissions p + h3,
.jetmua-editorial p + h3,
.jetmua-page p + h3 {

    margin-top: 14px !important;
}


/* =========================================================
   PÁRRAFOS DESPUÉS DE SUBTÍTULOS
   ========================================================= */

.jetmua-about h3 + p,
.jetmua-policy h3 + p,
.jetmua-submissions h3 + p,
.jetmua-editorial h3 + p,
.jetmua-page h3 + p {

    margin-top: 0 !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .jetmua-about,
    .jetmua-policy,
    .jetmua-submissions,
    .jetmua-editorial,
    .jetmua-page {
        font-size: 15px !important;
    }

    .jetmua-about p,
    .jetmua-policy p,
    .jetmua-submissions p,
    .jetmua-editorial p,
    .jetmua-page p,
    .jetmua-about li,
    .jetmua-policy li,
    .jetmua-submissions li,
    .jetmua-editorial li,
    .jetmua-page li {

        font-size: 15px !important;
    }

    .jetmua-about h3,
    .jetmua-policy h3,
    .jetmua-submissions h3,
    .jetmua-editorial h3,
    .jetmua-page h3 {

        font-size: 20px !important;
        margin-top: 12px !important;
    }

    .jetmua-about h4,
    .jetmua-policy h4,
    .jetmua-submissions h4,
    .jetmua-editorial h4,
    .jetmua-page h4 {

        font-size: 17px !important;
    }
}
/* =========================================================
   JETMUA - AJUSTE FINAL ABOUT / PÁGINAS INTERNAS
   ========================================================= */

.jetmua-about p,
.jetmua-policy p,
.jetmua-submissions p,
.jetmua-editorial p,
.jetmua-page p {
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
}

.jetmua-about h3,
.jetmua-policy h3,
.jetmua-submissions h3,
.jetmua-editorial h3,
.jetmua-page h3 {
    color: #0B3764 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    margin: 12px 0 7px 0 !important;
    padding: 0 0 5px 0 !important;

    border-bottom: 2px solid #00AEEF !important;
}

.jetmua-about h3 + p,
.jetmua-policy h3 + p,
.jetmua-submissions h3 + p,
.jetmua-editorial h3 + p,
.jetmua-page h3 + p {
    margin-top: 0 !important;
}

.jetmua-about ul,
.jetmua-policy ul,
.jetmua-submissions ul,
.jetmua-editorial ul,
.jetmua-page ul {
    margin-top: 4px !important;
    margin-bottom: 7px !important;
}

.jetmua-about li,
.jetmua-policy li,
.jetmua-submissions li,
.jetmua-editorial li,
.jetmua-page li {
    margin-bottom: 2px !important;
}

/* =========================================================
   JETMUA - CONTACT PAGE
   Diseño institucional
   ========================================================= */

/* Título principal de Contact */
.pkp_page_contact .page_title {
    color: #0B3764 !important;
    font-weight: 700 !important;
    margin-bottom: 18px !important;
}

/* Contenedores de contacto */
.pkp_page_contact .address,
.pkp_page_contact .contact_section {
    line-height: 1.45 !important;
}

/* Principal Contact / Support Contact */
.pkp_page_contact h2,
.pkp_page_contact h3 {
    color: #0B3764 !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    margin-top: 10px !important;
    margin-bottom: 10px !important;

    padding-bottom: 6px !important;

    border-bottom: 2px solid #00AEEF !important;
}

/* Reducir espacios entre datos */
.pkp_page_contact p {
    margin-top: 0 !important;
    margin-bottom: 7px !important;

    font-size: 16px !important;
    line-height: 1.45 !important;
}

/* Correos electrónicos */
.pkp_page_contact a {
    color: #0B3764 !important;
    text-decoration: none !important;

    transition: color 0.18s ease !important;
}

.pkp_page_contact a:hover,
.pkp_page_contact a:focus {
    color: #00AEEF !important;
    text-decoration: underline !important;
}

/* Evitar espacio excesivo debajo de las columnas */
.pkp_page_contact .contact_section:last-child,
.pkp_page_contact .address:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   JETMUA - CONTACT PAGE
   Selectores reales de OJS
   ========================================================= */

/* Página Contact */
body.pkp_page_about.pkp_op_contact .page_contact {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   TÍTULO PRINCIPAL: CONTACT
   ========================================================= */

body.pkp_page_about.pkp_op_contact .page_contact > h1 {
    color: var(--jetmua-navy) !important;

    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    margin: 0 0 18px 0 !important;
    padding: 0 0 6px 0 !important;

    border-bottom: 2px solid var(--jetmua-cyan) !important;
}


/* =========================================================
   CONTENEDOR DE CONTACTOS
   ========================================================= */

body.pkp_page_about.pkp_op_contact .contact_section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* =========================================================
   PRINCIPAL CONTACT / SUPPORT CONTACT
   ========================================================= */

body.pkp_page_about.pkp_op_contact .contact_section h2,
body.pkp_page_about.pkp_op_contact .contact_section h3 {
    color: var(--jetmua-navy) !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    margin: 0 0 8px 0 !important;
    padding: 0 0 5px 0 !important;

    border-bottom: 2px solid var(--jetmua-cyan) !important;
}


/* =========================================================
   DATOS
   ========================================================= */

body.pkp_page_about.pkp_op_contact .contact_section p {
    margin: 0 0 6px 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   ENLACES / CORREOS
   ========================================================= */

body.pkp_page_about.pkp_op_contact .contact_section a {
    color: var(--jetmua-navy) !important;
    text-decoration: none !important;

    transition: color 0.18s ease !important;
}

body.pkp_page_about.pkp_op_contact .contact_section a:hover,
body.pkp_page_about.pkp_op_contact .contact_section a:focus {
    color: var(--jetmua-cyan) !important;
    text-decoration: underline !important;
}


/* =========================================================
   REDUCIR ESPACIO VERTICAL GENERAL
   ========================================================= */

body.pkp_page_about.pkp_op_contact .page_contact .contact_section {
    margin-bottom: 0 !important;
}

body.pkp_page_about.pkp_op_contact .page_contact .contact_section > div {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 768px) {

    body.pkp_page_about.pkp_op_contact .page_contact > h1 {
        font-size: 25px !important;
    }

    body.pkp_page_about.pkp_op_contact .contact_section h2,
    body.pkp_page_about.pkp_op_contact .contact_section h3 {
        font-size: 20px !important;
    }

    body.pkp_page_about.pkp_op_contact .contact_section p {
        font-size: 15px !important;
    }
}