.elementor-1634 .elementor-element.elementor-element-5363288{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1634 .elementor-element.elementor-element-5363288:not(.elementor-motion-effects-element-type-background), .elementor-1634 .elementor-element.elementor-element-5363288 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1634 .elementor-element.elementor-element-4d03be1{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1634 .elementor-element.elementor-element-2c365a1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:600;color:var( --e-global-color-0c61ec1 );}.elementor-1634 .elementor-element.elementor-element-a6436fc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-secondary );}.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;}.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-0c61ec1 );fill:var( --e-global-color-0c61ec1 );}.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu--dropdown a, .elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu--dropdown a:hover,
					.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu--dropdown a:focus,
					.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-secondary );}.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#254B6099;border-bottom-width:1px;}.elementor-1634 .elementor-element.elementor-element-c769f70 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-1634 .elementor-element.elementor-element-c769f70 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-1634 .elementor-element.elementor-element-69e7e83{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1634 .elementor-element.elementor-element-69e7e83.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1634 .elementor-element.elementor-element-4d03be1{--width:20%;}.elementor-1634 .elementor-element.elementor-element-a6436fc{--width:80%;}}@media(max-width:767px){.elementor-1634 .elementor-element.elementor-element-5363288{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1634 .elementor-element.elementor-element-4d03be1{--width:100%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1634 .elementor-element.elementor-element-2c365a1 .elementor-heading-title{font-size:25px;}.elementor-1634 .elementor-element.elementor-element-a6436fc{--width:100%;--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1634 .elementor-element.elementor-element-c769f70 .elementor-nav-menu--dropdown a{padding-top:20px;padding-bottom:20px;}.elementor-1634 .elementor-element.elementor-element-c769f70{--nav-menu-icon-size:27px;}.elementor-1634 .elementor-element.elementor-element-69e7e83{padding:0% 0% 0% 0%;}}/* Start custom CSS for html, class: .elementor-element-69e7e83 *//* =========================================================
   MENÚ DE USUARIO - CSS COMPLETO
   Incluye: botones login/registro + menú avatar + dropdown
   ========================================================= */

/* --- Bloque de login/registro (cuando el usuario NO está logueado) --- */
.user-box {
    display: flex;
    align-items: center;
    gap: 10px; /* espacio entre botones */
}

.user-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;           /* mismo alto para todos */
    padding: 0 14px;
    border-radius: 0;       /* 🔹 ahora rectos, sin bordes redondeados */
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1;         /* corrige desajustes verticales */
}

/* Botón de login */
.login-btn {
    background: #f39c12;
    color: #fff;
}

/* Botón de registro */
.register-btn {
    background: #16a085;
    color: #fff;
}

/* --- Bloque de usuario logueado (avatar + nickname + flecha) --- */
.user-menu {
    position: relative;
    display: inline-block;
}

/* Botón "trigger" con avatar + nombre */
.user-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    background: transparent; /* 🔹 sin fondo, transparente */
    color: #fff;
    font-weight: 600;
}

/* Avatar elegante */
.user-avatar {
    border-radius: 50%;                      /* redondo */
    width: 38px;
    height: 38px;
    border: 2px solid #fff;                  /* borde blanco elegante */
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);   /* sombra ligera */
    transition: all 0.3s ease;
}

/* Efecto hover en avatar */
.user-avatar:hover {
    transform: scale(1.05);                      /* zoom ligero */
    box-shadow: 0 4px 10px rgba(255,255,255,0.4); /* glow blanco suave */
}

/* Nickname junto al avatar */
.user-nick {
    font-size: 14px;
    color: #fff; /* asegúrate que se vea sobre el header */
}

/* Flecha ▼ */
.user-trigger .arrow {
    font-size: 12px;
    margin-left: 4px;
}

/* --- Dropdown --- */
.user-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #e57373;  /* 🔹 color del desplegable */
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    min-width: 160px;
    z-index: 999;
    overflow: hidden; /* bordes redondeados limpios */
}

/* Links dentro del dropdown */
.user-dropdown a {
    display: block;
    padding: 10px;
    color: #fff; /* texto en blanco sobre fondo rojo */
    text-decoration: none;
    font-size: 14px;
    transition: background 0.2s;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

/* Último item sin borde */
.user-dropdown a:last-child {
    border-bottom: none;
}

/* Hover en items del dropdown */
.user-dropdown a:hover {
    background: #d32f2f; /* rojo más oscuro al pasar */
}

/* Mostrar dropdown al pasar el ratón por el bloque */
.user-menu:hover .user-dropdown {
    display: block;
}/* End custom CSS */