.elementor-5814 .elementor-element.elementor-element-fded61b{z-index:9999;}.elementor-5814 .elementor-element.elementor-element-304f660 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5814 .elementor-element.elementor-element-45ce91d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5814 .elementor-element.elementor-element-66931da{text-align:start;}.elementor-5814 .elementor-element.elementor-element-bb1867b .elementor-menu-toggle{margin-left:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* ============================================================
   RIONEGRO JOVEN — HEADER GLOBAL 2026
   V09 FINAL — NO STICKY + LOGO AJUSTADO
   ============================================================ */


/* ============================================================
   01. VARIABLES
   ============================================================ */

:root {

    --rjh-navy: #052b54;
    --rjh-navy-2: #083761;
    --rjh-dark: #021d3b;

    --rjh-cyan: #16d6e5;
    --rjh-cyan-soft: #d1f8fa;

    --rjh-purple: #7137ef;
    --rjh-purple-soft: #eee6ff;

    --rjh-yellow: #ffd92f;
    --rjh-yellow-soft: #fff5b8;

    --rjh-blue-soft: #e6f5ff;

    --rjh-white: #ffffff;

    --rjh-max: 1240px;
}


/* ============================================================
   02. HEADER GENERAL
   NO STICKY
   ============================================================ */

#rj-site-header {

    position:
        relative !important;

    top:
        auto !important;

    left:
        auto !important;

    right:
        auto !important;

    bottom:
        auto !important;

    z-index:
        9999 !important;

    width:
        100%;

    transform:
        none !important;

    padding:
        13px
        18px
        11px !important;

    background:
        linear-gradient(
            180deg,
            #021d3b 0%,
            #03264a 100%
        );

    box-shadow:
        none;

    transition:
        none;
}


/* ============================================================
   NEUTRALIZAR CLASES STICKY DE ELEMENTOR
   ============================================================ */

#rj-site-header.elementor-sticky,

#rj-site-header.elementor-sticky--active,

#rj-site-header.elementor-sticky--effects {

    position:
        relative !important;

    top:
        auto !important;

    left:
        auto !important;

    right:
        auto !important;

    bottom:
        auto !important;

    width:
        100% !important;

    transform:
        none !important;
}


/* ============================================================
   EVITAR RECORTES
   ============================================================ */

#rj-site-header,

#rj-site-header
> .elementor-container,

.rj-header-shell-col,

.rj-header-shell-col
> .elementor-column-wrap,

.rj-header-shell-col
> .elementor-column-wrap
> .elementor-widget-wrap,

.rj-header-shell-col
> .elementor-widget-wrap {

    overflow:
        visible !important;
}


/* ============================================================
   COLUMNA EXTERIOR
   ============================================================ */

.rj-header-shell-col
> .elementor-column-wrap {

    padding:
        0 !important;
}


.rj-header-shell-col
> .elementor-column-wrap
> .elementor-widget-wrap,

.rj-header-shell-col
> .elementor-widget-wrap {

    margin:
        0 !important;

    padding:
        0 !important;
}


/* ============================================================
   03. BARRA FLOTANTE
   ============================================================ */

.rj-header-bar {

    position:
        relative;

    z-index:
        10;

    width:
        100%;

    max-width:
        var(--rjh-max);

    margin:
        0
        auto !important;

    overflow:
        visible !important;

    background:
        rgba(5,43,84,.72);

    border:
        1px solid rgba(22,214,229,.20);

    border-radius:
        19px;

    box-shadow:
        0 10px 30px rgba(0,14,32,.14);

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);
}


/* ============================================================
   CONTENEDOR INTERNO
   ============================================================ */

.rj-header-bar
> .elementor-container {

    position:
        relative;

    width:
        100%;

    min-height:
        74px;

    display:
        grid !important;

    grid-template-columns:
        220px
        minmax(0,1fr)
        44px;

    grid-template-areas:
        "brand nav tools";

    gap:
        12px;

    align-items:
        center;

    padding:
        0
        18px !important;

    overflow:
        visible !important;
}


/* ============================================================
   RESET COLUMNAS
   ============================================================ */

.rj-header-bar
> .elementor-container
> .elementor-column {

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    overflow:
        visible !important;
}


/* ============================================================
   04. ÁREAS
   ============================================================ */

.rj-header-brand {

    grid-area:
        brand;
}


.rj-header-nav {

    grid-area:
        nav;

    min-width:
        0;
}


.rj-header-tools {

    grid-area:
        tools;
}


/* ============================================================
   WRAPPERS
   ============================================================ */

.rj-header-brand
> .elementor-column-wrap,

.rj-header-nav
> .elementor-column-wrap,

.rj-header-tools
> .elementor-column-wrap {

    padding:
        0 !important;

    overflow:
        visible !important;
}


.rj-header-brand
> .elementor-column-wrap
> .elementor-widget-wrap,

.rj-header-nav
> .elementor-column-wrap
> .elementor-widget-wrap,

.rj-header-tools
> .elementor-column-wrap
> .elementor-widget-wrap,

.rj-header-brand
> .elementor-widget-wrap,

.rj-header-nav
> .elementor-widget-wrap,

.rj-header-tools
> .elementor-widget-wrap {

    width:
        100%;

    padding:
        0 !important;

    overflow:
        visible !important;

    align-items:
        center !important;
}


/* ============================================================
   05. LOGO
   AJUSTADO -25% APROX.
   ============================================================ */

.rj-header-logo {

    width:
        100% !important;

    margin:
        0 !important;

    overflow:
        visible !important;
}


.rj-header-logo
.elementor-widget-container {

    width:
        100% !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    overflow:
        visible !important;
}


.rj-header-logo img {

    display:
        block !important;

    width:
        195px !important;

    max-width:
        none !important;

    height:
        auto !important;

    max-height:
        none !important;

    object-fit:
        contain;

    transform-origin:
        left center;

    transition:
        transform .2s ease;
}


.rj-header-logo:hover img {

    transform:
        rotate(-1deg)
        scale(1.02);
}


/* ============================================================
   06. MENÚ PRINCIPAL
   ============================================================ */

.rj-main-menu {

    position:
        static !important;

    width:
        100%;

    margin:
        0 !important;
}


.rj-main-menu
.elementor-widget-container {

    position:
        static !important;

    width:
        100%;

    overflow:
        visible !important;
}


/* ============================================================
   MENÚ DESKTOP
   ============================================================ */

.rj-main-menu
.elementor-nav-menu--main {

    width:
        100%;
}


.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu {

    width:
        100%;

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    gap:
        1px;
}


/* ============================================================
   ITEMS PRINCIPALES
   ============================================================ */

.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li {

    position:
        relative;

    margin:
        0 !important;
}


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

.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li
> a {

    position:
        relative;

    min-height:
        42px;

    display:
        flex;

    align-items:
        center;

    padding:
        10px
        8px !important;

    color:
        rgba(255,255,255,.91) !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        9px;

    font-size:
        12.5px;

    font-weight:
        800;

    line-height:
        1;

    white-space:
        nowrap;

    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease;
}


/* ============================================================
   07. SUBRAYADO
   ============================================================ */

.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li:not(.rj-menu-cta)
> a::after {

    content:
        "";

    position:
        absolute;

    left:
        50%;

    bottom:
        4px;

    width:
        0;

    height:
        3px;

    background:
        var(--rjh-cyan);

    border-radius:
        100%;

    transform:
        translateX(-50%)
        rotate(-1deg);

    transition:
        width .2s ease;
}


/* ============================================================
   HOVER
   ============================================================ */

.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li:not(.rj-menu-cta)
> a:hover {

    color:
        #ffffff !important;

    background:
        rgba(255,255,255,.055) !important;
}


.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li:not(.rj-menu-cta)
> a:hover::after {

    width:
        calc(100% - 17px);
}


/* ============================================================
   ITEM ACTIVO
   ============================================================ */

.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li.current-menu-item
> a,

.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li.current-menu-ancestor
> a {

    color:
        #ffffff !important;
}


.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li.current-menu-item
> a::after,

.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li.current-menu-ancestor
> a::after {

    width:
        calc(100% - 17px);
}


/* ============================================================
   INDICADOR SUBMENÚ
   ============================================================ */

.rj-main-menu
.sub-arrow {

    margin-left:
        5px !important;

    font-size:
        9px;

    color:
        var(--rjh-cyan);
}


/* ============================================================
   08. CTA — LA CASA ES TUYA
   ============================================================ */

.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li.rj-menu-cta {

    margin-left:
        7px !important;
}


.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li.rj-menu-cta
> a {

    min-height:
        40px;

    padding:
        9px
        14px !important;

    color:
        white !important;

    background:
        rgba(255,255,255,.025) !important;

    border:
        1.5px solid rgba(255,255,255,.88) !important;

    border-radius:
        100px;

    font-size:
        11.5px;

    font-weight:
        900;

    text-transform:
        uppercase;

    letter-spacing:
        .2px;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li.rj-menu-cta
> a::after {

    content:
        "→";

    position:
        static;

    width:
        auto;

    height:
        auto;

    margin-left:
        8px;

    color:
        var(--rjh-cyan);

    background:
        none;

    transform:
        none;

    font-size:
        16px;

    line-height:
        1;
}


.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li.rj-menu-cta
> a:hover {

    color:
        var(--rjh-dark) !important;

    background:
        white !important;

    transform:
        translateY(-1px);

    box-shadow:
        0 7px 18px rgba(0,0,0,.14);
}


.rj-main-menu
.elementor-nav-menu--main
> .elementor-nav-menu
> li.rj-menu-cta
> a:hover::after {

    color:
        var(--rjh-purple);
}


/* ============================================================
   09. DROPDOWNS
   ============================================================ */

.rj-main-menu
.elementor-nav-menu--main
.sub-menu {

    min-width:
        250px !important;

    margin-top:
        10px !important;

    padding:
        8px !important;

    background:
        rgba(255,255,255,.985) !important;

    border:
        1px solid rgba(5,43,84,.08);

    border-radius:
        16px;

    box-shadow:
        0 18px 42px rgba(2,29,59,.18);

    overflow:
        hidden;
}


.rj-main-menu
.elementor-nav-menu--main
.sub-menu
li {

    margin:
        0 !important;
}


.rj-main-menu
.elementor-nav-menu--main
.sub-menu
a {

    min-height:
        41px;

    padding:
        10px
        12px !important;

    display:
        flex;

    align-items:
        center;

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

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        10px;

    font-size:
        12px;

    font-weight:
        750;

    line-height:
        1.2;

    transition:
        background .17s ease,
        color .17s ease,
        transform .17s ease;
}


/* ============================================================
   FLECHA SUBMENÚ
   ============================================================ */

.rj-main-menu
.elementor-nav-menu--main
.sub-menu
a::after {

    content:
        "→";

    margin-left:
        auto;

    padding-left:
        12px;

    color:
        rgba(5,43,84,.35);

    font-size:
        14px;

    transition:
        transform .17s ease,
        color .17s ease;
}


.rj-main-menu
.elementor-nav-menu--main
.sub-menu
a:hover::after {

    transform:
        translateX(3px);

    color:
        var(--rjh-navy);
}


/* ============================================================
   COLORES DROPDOWNS
   ============================================================ */

.rj-menu-programas
> .sub-menu
a:hover {

    background:
        var(--rjh-cyan-soft) !important;
}


.rj-menu-participa
> .sub-menu
a:hover {

    background:
        var(--rjh-purple-soft) !important;
}


.rj-menu-casa
> .sub-menu
a:hover {

    background:
        var(--rjh-yellow-soft) !important;
}


.rj-menu-recursos
> .sub-menu
a:hover {

    background:
        var(--rjh-blue-soft) !important;
}


/* ============================================================
   10. SEARCH
   ============================================================ */

.rj-header-tools {

    position:
        relative;

    z-index:
        70;

    width:
        44px !important;

    min-width:
        44px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-end !important;

    overflow:
        visible !important;
}


.rj-header-tools
> .elementor-column-wrap,

.rj-header-tools
> .elementor-column-wrap
> .elementor-widget-wrap,

.rj-header-tools
> .elementor-widget-wrap {

    width:
        100%;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}


/* ============================================================
   SEARCH WIDGET
   ============================================================ */

.rj-header-search {

    position:
        relative;

    z-index:
        100;

    width:
        42px !important;

    min-width:
        42px !important;

    max-width:
        42px !important;

    height:
        42px;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}


.rj-header-search
.elementor-widget-container {

    position:
        relative;

    width:
        42px !important;

    height:
        42px;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}


/* ============================================================
   ROOT SEARCH
   ============================================================ */

.rj-header-search
.e-search,

.rj-header-search
search.e-search.hidden {

    position:
        static !important;

    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    opacity:
        1 !important;

    visibility:
        visible !important;

    pointer-events:
        auto !important;
}


/* ============================================================
   FORMULARIO CERRADO
   ============================================================ */

.rj-header-search
.e-search-form {

    position:
        absolute !important;

    z-index:
        999;

    top:
        50%;

    right:
        0;

    width:
        42px;

    height:
        42px;

    margin:
        0 !important;

    padding:
        0
        42px
        0
        0 !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        0;

    overflow:
        hidden;

    transform:
        translateY(-50%);

    color:
        white;

    background:
        rgba(255,255,255,.055);

    border:
        1px solid rgba(255,255,255,.15);

    border-radius:
        999px;

    box-shadow:
        none;

    transition:
        width .30s cubic-bezier(.22,.61,.36,1),
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}


/* ============================================================
   SEARCH ABIERTO
   ============================================================ */

.rj-header-search
.e-search-form:focus-within {

    width:
        330px;

    background:
        rgba(255,255,255,.985);

    border-color:
        var(--rjh-cyan) !important;

    box-shadow:
        0 14px 34px rgba(0,17,38,.25),
        0 0 0 1px rgba(22,214,229,.14);
}


/* ============================================================
   ELIMINAR OUTLINES NATIVOS
   ============================================================ */

.rj-header-search
.e-search-form:focus,

.rj-header-search
.e-search-form:focus-visible,

.rj-header-search
.e-search-input:focus,

.rj-header-search
.e-search-input:focus-visible,

.rj-header-search
.e-search-label:focus,

.rj-header-search
.e-search-label:focus-visible {

    outline:
        none !important;

    box-shadow:
        none !important;
}


/* ============================================================
   LUPA FIJA
   ============================================================ */

.rj-header-search
.e-search-label {

    position:
        absolute !important;

    z-index:
        20;

    top:
        0;

    right:
        0;

    width:
        40px !important;

    height:
        40px !important;

    min-width:
        40px;

    margin:
        0 !important;

    padding:
        0 !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    color:
        #ffffff;

    background:
        transparent;

    border:
        0;

    border-radius:
        50%;

    cursor:
        pointer;

    pointer-events:
        auto !important;

    transition:
        color .2s ease,
        background .2s ease,
        transform .2s ease;
}


.rj-header-search
.e-search-label i {

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        inherit !important;

    font-size:
        16px !important;

    line-height:
        1 !important;

    pointer-events:
        none;
}


/* ============================================================
   HOVER LUPA
   ============================================================ */

.rj-header-search
.e-search-form:not(:focus-within)
.e-search-label:hover {

    color:
        var(--rjh-dark);

    background:
        var(--rjh-yellow);

    transform:
        scale(1.04);
}


/* ============================================================
   LUPA SEARCH ABIERTO
   ============================================================ */

.rj-header-search
.e-search-form:focus-within
.e-search-label {

    color:
        var(--rjh-navy);

    background:
        var(--rjh-cyan-soft);

    transform:
        none;
}


/* ============================================================
   INPUT WRAPPER
   ============================================================ */

.rj-header-search
.e-search-input-wrapper {

    position:
        relative;

    flex:
        1
        1
        auto;

    width:
        auto;

    min-width:
        0;

    height:
        40px;

    margin:
        0 !important;

    padding:
        0 !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    opacity:
        0;

    visibility:
        visible !important;

    pointer-events:
        none;

    transition:
        opacity .18s ease;
}


.rj-header-search
.e-search-form:focus-within
.e-search-input-wrapper {

    opacity:
        1;

    pointer-events:
        auto;
}


/* ============================================================
   INPUT
   ============================================================ */

.rj-header-search
.e-search-input {

    position:
        relative;

    z-index:
        2;

    flex:
        1
        1
        auto;

    width:
        100% !important;

    min-width:
        0;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0
        8px !important;

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

    caret-color:
        var(--rjh-purple);

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    outline:
        none !important;

    box-shadow:
        none !important;

    pointer-events:
        auto !important;

    cursor:
        text !important;

    font-family:
        Arial,
        sans-serif;

    font-size:
        14.5px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    text-align:
        center !important;

    appearance:
        none;

    -webkit-appearance:
        none;
}


/* ============================================================
   PLACEHOLDER
   ============================================================ */

.rj-header-search
.e-search-input::placeholder {

    color:
        rgba(5,43,84,.46) !important;

    opacity:
        1 !important;

    font-size:
        14.5px !important;

    font-weight:
        650;

    line-height:
        1.2 !important;

    text-align:
        center !important;
}


/* ============================================================
   QUITAR X NATIVA
   ============================================================ */

.rj-header-search
.e-search-input::-webkit-search-cancel-button {

    display:
        none !important;

    -webkit-appearance:
        none !important;
}


/* ============================================================
   ICONO LIMPIAR
   ============================================================ */

.rj-header-search
.e-search-input-wrapper
> i {

    flex:
        0
        0
        24px;

    width:
        24px;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        rgba(5,43,84,.32);

    font-size:
        12px;

    line-height:
        1;

    text-align:
        center;

    cursor:
        pointer;

    pointer-events:
        auto;

    transition:
        color .18s ease,
        transform .18s ease;
}


.rj-header-search
.e-search-input-wrapper
> i:hover {

    color:
        var(--rjh-purple);

    transform:
        scale(1.12);
}


/* ============================================================
   BOTÓN BUSCAR
   ============================================================ */

.rj-header-search
.e-search-submit {

    flex:
        0
        0
        0;

    width:
        0;

    height:
        32px;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden;

    opacity:
        0;

    visibility:
        hidden;

    pointer-events:
        none;

    color:
        var(--rjh-dark) !important;

    background:
        var(--rjh-yellow) !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    outline:
        none !important;

    box-shadow:
        none !important;

    font-size:
        10px !important;

    font-weight:
        900 !important;

    line-height:
        1 !important;

    text-transform:
        uppercase;

    cursor:
        pointer;

    transition:
        width .22s ease,
        flex-basis .22s ease,
        opacity .18s ease,
        background .18s ease,
        transform .18s ease;
}


.rj-header-search
.e-search-form:focus-within
.e-search-submit {

    flex:
        0
        0
        65px;

    width:
        65px;

    margin-left:
        2px !important;

    padding:
        0
        8px !important;

    opacity:
        1;

    visibility:
        visible;

    pointer-events:
        auto;
}


.rj-header-search
.e-search-submit:hover {

    background:
        #ffe665 !important;

    transform:
        scale(.98);
}


.rj-header-search
.e-search-submit span {

    white-space:
        nowrap;

    font-size:
        10px !important;

    font-weight:
        900;
}


/* ============================================================
   FOCO BOTÓN SEARCH
   ============================================================ */

.rj-header-search
.e-search-submit:focus,

.rj-header-search
.e-search-submit:focus-visible {

    outline:
        none !important;

    box-shadow:
        inset 0 0 0 2px rgba(5,43,84,.18) !important;
}


/* ============================================================
   RESULTADOS SEARCH
   ============================================================ */

.rj-header-search
.e-search-results-container {

    position:
        absolute !important;

    z-index:
        999999;

    top:
        calc(100% + 10px);

    right:
        0;

    width:
        330px;

    max-height:
        360px;

    margin:
        0 !important;

    padding:
        8px !important;

    overflow-x:
        hidden;

    overflow-y:
        auto;

    color:
        var(--rjh-navy);

    background:
        rgba(255,255,255,.99);

    border:
        1px solid rgba(5,43,84,.08);

    border-radius:
        15px;

    box-shadow:
        0 18px 42px rgba(2,29,59,.20);
}


.rj-header-search
.e-search-results {

    color:
        var(--rjh-navy);
}


/* ============================================================
   11. TABLET
   ============================================================ */

@media (max-width: 1024px) {

    #rj-site-header {

        padding:
            10px
            14px !important;
    }


    .rj-header-bar
    > .elementor-container {

        min-height:
            66px;

        grid-template-columns:
            minmax(0,1fr)
            42px
            48px;

        grid-template-areas:
            "brand tools nav";

        gap:
            7px;

        padding:
            0
            12px !important;
    }


    /* LOGO */

    .rj-header-logo img {

        width:
            145px !important;

        max-width:
            none !important;

        max-height:
            none !important;
    }


    /* NAV */

    .rj-header-nav {

        position:
            static !important;

        display:
            flex;

        align-items:
            center;

        justify-content:
            flex-end;
    }


    .rj-main-menu {

        position:
            static !important;

        width:
            44px;
    }


    .rj-main-menu
    .elementor-widget-container {

        position:
            static !important;
    }


    /* HAMBURGUESA */

    .rj-main-menu
    .elementor-menu-toggle {

        width:
            44px !important;

        height:
            44px !important;

        min-width:
            44px;

        margin:
            0 !important;

        padding:
            0 !important;

        display:
            flex !important;

        align-items:
            center;

        justify-content:
            center;

        color:
            white !important;

        background:
            rgba(255,255,255,.07) !important;

        border:
            1px solid rgba(255,255,255,.12);

        border-radius:
            14px;

        font-size:
            22px;

        transition:
            background .2s ease,
            color .2s ease,
            transform .2s ease;
    }


    .rj-main-menu
    .elementor-menu-toggle:hover,

    .rj-main-menu
    .elementor-menu-toggle.elementor-active {

        color:
            var(--rjh-dark) !important;

        background:
            var(--rjh-yellow) !important;
    }


    /* PANEL MENÚ */

    .rj-main-menu
    .elementor-nav-menu--dropdown {

        position:
            absolute !important;

        top:
            calc(100% + 10px) !important;

        right:
            0 !important;

        left:
            auto !important;

        width:
            min(92vw,420px) !important;

        max-height:
            calc(100vh - 110px);

        margin:
            0 !important;

        padding:
            10px !important;

        overflow-x:
            hidden;

        overflow-y:
            auto;

        background:
            rgba(255,255,255,.985) !important;

        border:
            1px solid rgba(5,43,84,.08);

        border-radius:
            20px;

        box-shadow:
            0 22px 60px rgba(0,17,38,.28);

        backdrop-filter:
            blur(16px);

        -webkit-backdrop-filter:
            blur(16px);
    }


    .rj-main-menu
    .elementor-nav-menu--dropdown
    .elementor-nav-menu {

        padding:
            0 !important;
    }


    .rj-main-menu
    .elementor-nav-menu--dropdown
    li {

        margin:
            0 !important;
    }


    .rj-main-menu
    .elementor-nav-menu--dropdown
    a {

        min-height:
            45px;

        padding:
            11px
            13px !important;

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

        background:
            transparent !important;

        border:
            0 !important;

        border-radius:
            11px;

        font-size:
            13.5px;

        font-weight:
            800;

        line-height:
            1.2;
    }


    .rj-main-menu
    .elementor-nav-menu--dropdown
    a:hover,

    .rj-main-menu
    .elementor-nav-menu--dropdown
    a.elementor-item-active {

        color:
            var(--rjh-dark) !important;

        background:
            #f1f7fa !important;
    }


    /* SUBMENÚ */

    .rj-main-menu
    .elementor-nav-menu--dropdown
    .sub-menu {

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

        padding:
            5px !important;

        background:
            #f6f9fb !important;

        border:
            0;

        border-radius:
            12px;

        box-shadow:
            none;
    }


    .rj-main-menu
    .elementor-nav-menu--dropdown
    .sub-menu
    a {

        min-height:
            39px;

        padding:
            9px
            11px !important;

        font-size:
            12px;

        font-weight:
            700;
    }


    /* CTA */

    .rj-main-menu
    .elementor-nav-menu--dropdown
    li.rj-menu-cta {

        margin-top:
            9px !important;
    }


    .rj-main-menu
    .elementor-nav-menu--dropdown
    li.rj-menu-cta
    > a {

        min-height:
            47px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        color:
            var(--rjh-dark) !important;

        background:
            var(--rjh-yellow) !important;

        border-radius:
            100px;

        font-size:
            12px;

        font-weight:
            900;

        text-transform:
            uppercase;
    }


    .rj-main-menu
    .elementor-nav-menu--dropdown
    li.rj-menu-cta
    > a::after {

        content:
            "→";

        margin-left:
            9px;

        font-size:
            16px;
    }


    /* SEARCH TABLET */

    .rj-header-tools {

        width:
            40px !important;

        min-width:
            40px !important;
    }


    .rj-header-search {

        width:
            38px !important;

        min-width:
            38px !important;

        max-width:
            38px !important;

        height:
            38px;
    }


    .rj-header-search
    .elementor-widget-container {

        width:
            38px !important;

        height:
            38px;
    }


    .rj-header-search
    .e-search-form {

        width:
            38px;

        height:
            38px;

        padding-right:
            38px !important;
    }


    .rj-header-search
    .e-search-form:focus-within {

        width:
            290px;
    }


    .rj-header-search
    .e-search-label {

        width:
            36px !important;

        height:
            36px !important;

        min-width:
            36px;
    }


    .rj-header-search
    .e-search-input-wrapper {

        height:
            36px;
    }


    .rj-header-search
    .e-search-input {

        font-size:
            13.5px !important;
    }


    .rj-header-search
    .e-search-input::placeholder {

        font-size:
            13.5px !important;
    }


    .rj-header-search
    .e-search-results-container {

        width:
            290px;
    }

}


/* ============================================================
   12. MÓVIL
   ============================================================ */

@media (max-width: 767px) {

    #rj-site-header {

        padding:
            8px
            10px !important;
    }


    .rj-header-bar {

        border-radius:
            16px;
    }


    .rj-header-bar
    > .elementor-container {

        min-height:
            62px;

        grid-template-columns:
            minmax(0,1fr)
            40px
            44px;

        grid-template-areas:
            "brand tools nav";

        gap:
            6px;

        padding:
            0
            10px !important;
    }


    /* LOGO */

    .rj-header-logo img {

        width:
            125px !important;

        max-width:
            none !important;

        max-height:
            none !important;
    }


    /* SEARCH */

    .rj-header-tools {

        width:
            38px !important;

        min-width:
            38px !important;
    }


    .rj-header-search {

        width:
            36px !important;

        min-width:
            36px !important;

        max-width:
            36px !important;

        height:
            36px;
    }


    .rj-header-search
    .elementor-widget-container {

        width:
            36px !important;

        height:
            36px;
    }


    .rj-header-search
    .e-search-form {

        width:
            36px;

        height:
            36px;

        padding-right:
            36px !important;
    }


    .rj-header-search
    .e-search-form:focus-within {

        width:
            min(
                265px,
                calc(100vw - 90px)
            );
    }


    .rj-header-search
    .e-search-label {

        width:
            34px !important;

        height:
            34px !important;

        min-width:
            34px;
    }


    .rj-header-search
    .e-search-label i {

        font-size:
            14px !important;
    }


    .rj-header-search
    .e-search-input-wrapper {

        height:
            34px;
    }


    .rj-header-search
    .e-search-input {

        padding:
            0
            5px !important;

        font-size:
            13px !important;
    }


    .rj-header-search
    .e-search-input::placeholder {

        font-size:
            13px !important;
    }


    .rj-header-search
    .e-search-form:focus-within
    .e-search-submit {

        flex-basis:
            56px;

        width:
            56px;

        padding:
            0
            6px !important;
    }


    .rj-header-search
    .e-search-submit span {

        font-size:
            9px !important;
    }


    .rj-header-search
    .e-search-results-container {

        width:
            min(
                265px,
                calc(100vw - 90px)
            );
    }


    /* HAMBURGUESA */

    .rj-main-menu {

        width:
            40px;
    }


    .rj-main-menu
    .elementor-menu-toggle {

        width:
            40px !important;

        height:
            40px !important;

        min-width:
            40px;

        border-radius:
            12px;
    }


    /* PANEL */

    .rj-main-menu
    .elementor-nav-menu--dropdown {

        top:
            calc(100% + 8px) !important;

        right:
            0 !important;

        width:
            calc(100vw - 20px) !important;

        max-height:
            calc(100vh - 92px);

        border-radius:
            17px;
    }

}


/* ============================================================
   13. MÓVIL PEQUEÑO
   ============================================================ */

@media (max-width: 390px) {

    .rj-header-bar
    > .elementor-container {

        grid-template-columns:
            minmax(0,1fr)
            36px
            40px;

        padding:
            0
            8px !important;
    }


    /* LOGO */

    .rj-header-logo img {

        width:
            115px !important;

        max-width:
            none !important;

        max-height:
            none !important;
    }


    /* SEARCH */

    .rj-header-tools {

        width:
            36px !important;

        min-width:
            36px !important;
    }


    .rj-header-search {

        width:
            34px !important;

        min-width:
            34px !important;

        max-width:
            34px !important;

        height:
            34px;
    }


    .rj-header-search
    .elementor-widget-container {

        width:
            34px !important;

        height:
            34px;
    }


    .rj-header-search
    .e-search-form {

        width:
            34px;

        height:
            34px;

        padding-right:
            34px !important;
    }


    .rj-header-search
    .e-search-label {

        width:
            32px !important;

        height:
            32px !important;

        min-width:
            32px;
    }


    .rj-header-search
    .e-search-form:focus-within {

        width:
            min(
                235px,
                calc(100vw - 82px)
            );
    }


    .rj-header-search
    .e-search-input-wrapper {

        height:
            32px;
    }


    .rj-header-search
    .e-search-input {

        padding:
            0
            4px !important;

        font-size:
            12.5px !important;
    }


    .rj-header-search
    .e-search-input::placeholder {

        font-size:
            12.5px !important;
    }


    .rj-header-search
    .e-search-results-container {

        width:
            min(
                235px,
                calc(100vw - 82px)
            );
    }


    /* HAMBURGUESA */

    .rj-main-menu {

        width:
            38px;
    }


    .rj-main-menu
    .elementor-menu-toggle {

        width:
            38px !important;

        height:
            38px !important;

        min-width:
            38px;
    }

}


/* ============================================================
   14. ACCESIBILIDAD
   ============================================================ */

.rj-main-menu
a:focus-visible,

.rj-main-menu
.elementor-menu-toggle:focus-visible {

    outline:
        3px solid var(--rjh-yellow) !important;

    outline-offset:
        3px;
}


/* ============================================================
   15. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    #rj-site-header,

    #rj-site-header * {

        transition:
            none !important;

        animation:
            none !important;
    }

}/* End custom CSS */