@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700&display=swap');

:root {
    --sop-color-navy: #000000;
    --sop-color-bg-primary: #092189;
    --sop-color-navy-light: #0d111a;
    --sop-color-panel: rgba(26, 34, 53, 0.8);
    /* Form panels background with transparency */
    --sop-color-sidebar: #050a14;
    --sop-color-white: #ffffff;
    --sop-color-gray: #8c98a4;
    --sop-color-light: #f8f9fa;
    --sop-color-primary: #0047b3;
    /* Accent color / active states */
    --sop-border-light: #fff;
    --sop-radius-lg: 20px;
    --sop-radius-md: 12px;
    --sop-radius-sm: 8px;
    --sop-radius-pill: 50px;
    --sop-font-main: 'Red Hat Display', sans-serif;
}

body {
    padding-top: 0 !important;
    background-color: var(--sop-color-navy);
    color: var(--sop-color-white);
    min-height: 100vh;
}

body.sop-login-page,
body.sop-register-page,
body.sop-home-page {
    background-color: var(--sop-color-white);
    color: var(--sop-color-navy);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.sop-login-page .sop-global-header,
body.sop-register-page .sop-global-header,
body.sop-home-page .sop-global-header {
    background-color: var(--sop-color-white);
}

body.sop-login-page #content,
body.sop-login-page .site-content,
body.sop-login-page main,
body.sop-register-page #content,
body.sop-register-page .site-content,
body.sop-register-page main {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.sop-login-page h1,
body.sop-login-page .entry-title,
body.sop-login-page .page-title,
body.sop-register-page h1,
body.sop-register-page .entry-title,
body.sop-register-page .page-title,
body.sop-home-page h1,
body.sop-home-page .entry-title,
body.sop-home-page .page-title {
    display: none !important;
}

body.home .wp-block-post-title,
body.home h1,
body.home .entry-title,
body.home .page-title,
body.sop-home-page #content,
body.sop-home-page .site-content,
body.sop-home-page .entry-content,
body.sop-home-page .wp-block-group,
body.sop-home-page .wp-site-blocks,
#content,
.site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* OCULTAR ELEMENTOS DEL TEMA QUE ESTORBAN */
header:not(.sop-global-header),
footer:not(.sop-global-footer),
.site-header,
.site-footer,
.wp-block-template-part,
.main-navigation,
.nav-menu,
.site-navigation,
.header-widget-region,
.entry-header {
    display: none !important;
}

.sop-cols-container~.entry-title,
.entry-title {
    display: none !important;
}

/* GLOBAL BUTTON STYLES */
.sop-btn-blue {
    background: #092189;
    color: var(--sop-color-white);
    padding: 12px 24px;
    border-radius: var(--sop-radius-sm);
    border: 1px solid #FFFFFF !important;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
    font-family: var(--sop-font-main);
    transition: background 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sop-btn-blue:hover {
    background: #0a2eb8;
}

.sop-btn-white {
    background: var(--sop-color-white);
    color: #092189;
    padding: 12px 24px;
    border-radius: var(--sop-radius-sm);
    border: none;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
    font-family: var(--sop-font-main);
    transition: opacity 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sop-btn-white:hover {
    opacity: 0.9;
}