.elementor-kit-16467{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-7a6c499:#FFFFFF;--e-global-color-a0836e2:#34299B;--e-global-color-e33b6fb:#004C96;--e-global-color-d46c612:#446EE9;--e-global-color-e93371b:#FFCA00;--e-global-color-06a2447:#003C92;--e-global-color-39710c7:#183964;--e-global-color-72cc8f7:#86C9E8;--e-global-color-208a28d:#2EABE2;--e-global-color-8af051b:#4A206A;--e-global-color-084ae94:#6F1B69;--e-global-color-883c941:#8C347D;--e-global-color-2b51555:#056938;--e-global-color-b2cc002:#009245;--e-global-color-2ae5cbf:#46AE4D;--e-global-color-3b39d09:#ED900C;--e-global-color-2a25327:#F4A337;--e-global-color-e2c3ede:#F8B03C;--e-global-color-b6ae56f:#F9BA64;--e-global-color-e0fb716:#195E89;--e-global-color-44fdce2:#227FB8;--e-global-color-4a6021d:#3496D3;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-16467 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {

    --line: #e5e7eb; /* Gray 200 */

    --brand-600: #0ea5e9; /* Sky 600 */

    --brand-700: #0369a1; /* Sky 700 */

    --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

    --panel: #ffffff;

    --text-base: #334155; /* Slate 700 */

    --text-muted: #64748b; /* Slate 500 */

    --text-primary: #0f172a; /* Slate 900 */

}



/* 1. LAYOUT PRINCIPAL Y ANCHOS */

#medplus-policy-container {

    font-family: 'Inter', system-ui, sans-serif;

    background: linear-gradient(to bottom, #ffffff, #f1f5f9);

    color: var(--text-base);

}

.max-w-6xl-custom { 

    max-width: 100%; /* Ancho ampliado */

    margin-left: auto; 

    margin-right: auto;

    padding-left: 0; 

    padding-right: 0;

}

.sticky-top-0 { 

    position: sticky; 

    top: 0; 

    z-index: 40;

    background-color: rgba(255, 255, 255, 0.9);

    backdrop-filter: blur(4px);

    border-bottom: 1px solid var(--line);

}

.scroll-mt-24 { scroll-margin-top: 6rem; }



/* 2. TIPOGRAFÍA Y TAMAÑOS (Todo Grande) */

.text-4xl-md-5xl { 

    font-size: 2.25rem; /* 36px */

    line-height: 1.15;

}

@media (min-width: 768px) {

    .text-4xl-md-5xl { 

        font-size: 3rem; /* 48px */

    }

}

.text-2xl-md-3xl {

    font-size: 1.5rem; /* 24px */

}

@media (min-width: 768px) {

    .text-2xl-md-3xl {

        font-size: 1.875rem; /* 30px */

    }

}

.text-xl-custom { font-size: 1.25rem; } /* 20px */

.text-lg-custom { font-size: 1.125rem; } /* 18px */

.text-xs-custom { font-size: 0.75rem; }



/* 3. NAVEGACIÓN (PESTAÑAS ROBUSTAS) */

/* Contenedor Flex para la barra superior */

.header-bar-container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 1rem; /* Espacio entre los bloques principales */

}



#policy-header-nav-container {

    flex-grow: 1; 

    margin: 0; /* Eliminar margen innecesario */

    overflow-x: auto; 

    -webkit-overflow-scrolling: touch;

    white-space: nowrap;

    padding-bottom: 0.5rem;

}

#policy-header-nav {

    display: flex;

}

#policy-header-nav a {

    display: inline-block;

    padding: 0.5rem 0.8rem;

    margin-right: 0.5rem; /* Usar margin-right para la separación */

    border-radius: 0.75rem; 

    border: 1px solid transparent; 

    transition: all 0.2s;

    text-decoration: none;

    color: var(--text-base); 

    font-weight: 500;

    font-size: 1.125rem;

    flex-shrink: 0; /* Evita que los enlaces se encojan */

}

#policy-header-nav a:hover {

    background-color: #f8fafc; 

    border-color: var(--line);

    color: var(--brand-600); 

}

.header-logo-group {

    flex-shrink: 0; 

    padding-right: 0; /* Eliminar padding innecesario */

}

.header-pdf-button {

    flex-shrink: 0; 

    padding: 0.75rem 1rem; 

    border: 1px solid var(--line); 

    border-radius: 1rem; 

    font-size: 1.125rem;

    text-decoration: none;

    color: var(--text-base);

}



/* Esconder navegación en pantallas pequeñas y mostrar en grandes (simulando hidden y md:flex) */

@media (max-width: 767px) {

    #policy-header-nav-container { display: none !important; }

    .header-bar-container { justify-content: space-between; }

    .header-pdf-button { font-size: 1rem; padding: 0.5rem 0.8rem; }

}

@media (min-width: 768px) {

    #policy-header-nav-container { display: block !important; }

}





/* 4. FORMULARIO (GRID CON !IMPORTANT) */

#rights-form .form-grid {

    display: grid !important;

    gap: 1rem !important;

}

#rights-form .input-label {

    font-size: 1.125rem; /* 18px */

    font-weight: 500;

    color: var(--text-primary);

}

.input-field {

    width: 100%;

    border-radius: 1rem; 

    border: 1px solid var(--line); 

    padding: 0.6rem 0.75rem; 

    font-size: 1.125rem !important; /* 18px */

    background-color: white; 

    outline: none;

    font-family: inherit; 

}

.input-field:focus {

    box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.5);

    border-color: var(--brand-600);

}

#rights-form textarea.input-field {

    min-height: 120px;

}

@media (min-width: 768px) {

    #rights-form .form-grid {

        grid-template-columns: 1fr 1fr !important;

    }

    #rights-form .col-span-2 {

        grid-column: span 2 / span 2 !important;

    }

}



/* 5. OTROS ESTILOS DE COMPONENTES */

.card-base { 

    background-color: var(--panel); 

    border: 1px solid var(--line); 

    border-radius: 1.5rem; 

    padding: 1.5rem; 

    box-shadow: var(--shadow); 

}

.button-primary {

    background-color: var(--brand-600); 

    color: white; 

    padding: 0.75rem 1.5rem; 

    border-radius: 1rem; 

    font-size: 1.25rem; 

    font-weight: 500;

    cursor: pointer;

    border: none;

    transition: background-color 0.2s;

}

.button-primary:hover:not(:disabled) { background-color: var(--brand-700); }

.button-secondary {

    border: 1px solid var(--line); 

    padding: 0.75rem 1.5rem; 

    border-radius: 1rem; 

    font-size: 1.25rem; 

    font-weight: 500;

    cursor: pointer;

    transition: background-color 0.2s;

}

.button-secondary:hover { background-color: #f8fafc; }



/* Estilo del banner */

#privacy-banner-container {

    position: fixed; 

    bottom: 1rem; 

    left: 0; 

    right: 0; 

    padding: 0 1rem; 

    z-index: 50;

}

.banner-content {

    max-width: 1400px;

    margin-left: auto; 

    margin-right: auto;

    border-radius: 1rem; 

    border: 1px solid var(--line); 

    background-color: var(--panel); 

    padding: 1rem;

    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

}

@media (min-width: 768px) {

    .flex-md-row { display: flex; align-items: center; justify-content: space-between; }

    .flex-col-md { flex-direction: column; }

}

.dot-sky { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: var(--brand-600); margin-right: 8px; }



/* Mensaje emergente */

#message-box-medplus-policy {

    position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 9999;

    padding: 1rem 1.5rem; border-radius: 1rem; background-color: var(--brand-600);

    color: white; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

    font-weight: 500; text-align: center; font-size: 1.125rem; transition: opacity 0.3s;

}

.hidden { display: none !important; }



/* Footer */

#policy-footer { border-top: 1px solid var(--line); background-color: var(--panel); }


.page-id-17122 .blog-page > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.page-id-17122 .blog-page > .container > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

.page-id-17122 .blog-page > .container > .row > div[class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}/* End custom CSS */