/* 1.0.0-RC51 · acceso de cliente en la navegación principal */
.elr-nav-guest-access>a{
    display:inline-flex!important;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:8px 14px!important;
    border:1px solid currentColor!important;
    border-radius:999px;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:.03em;
    text-decoration:none!important;
    transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.elr-nav-guest-access>a:hover,.elr-nav-guest-access.is-active>a{
    background:#ed6b1b!important;
    border-color:#ed6b1b!important;
    color:#211814!important;
    transform:translateY(-1px);
}
.elr-nav-guest-access__icon{display:inline-grid;place-items:center;width:15px;height:15px;font-size:10px;border:2px solid currentColor;border-radius:50%;overflow:hidden;color:inherit;font-size:0}
.elr-nav-guest-access__icon:after{content:"";display:block;width:7px;height:4px;margin-top:7px;border:2px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0;color:inherit}
@media(max-width:1024px){.elr-nav-guest-access>a{width:max-content}}

/* 1.0.0-RC53 · separación robusta entre RESERVAR y MI RESERVA.
 * Se usa padding en el propio item porque algunos menús Elementor neutralizan
 * los márgenes de los <li>. Así la distancia visual se conserva siempre. */
.elr-nav-guest-access{
    margin-left:0!important;
    padding-left:18px!important;
}
@media(max-width:1024px){
    .elr-nav-guest-access{
        margin-left:0!important;
        margin-top:8px!important;
        padding-left:0!important;
    }
}

/* 1.0.0-RC54 · separación visible y resistente a Elementor/cache. */
@media (min-width:1025px){
    .elr-nav-guest-access{
        margin-left:0!important;
        padding-left:0!important;
    }
    .elr-nav-guest-access>a{
        margin-left:18px!important;
    }
}
@media (max-width:1024px){
    .elr-nav-guest-access>a{
        margin-left:0!important;
    }
}