:root{
    --cori-accent-gold:#d4a574;
    --cori-text-white:#fff;
    --cori-header-height:80px;
    --cori-logo-size:50px;
}

#site-header{display:none!important}

/* =========================================
   HEADER BASE
   ========================================= */
.cori-custom-header{
    width:100%;
    background:transparent;
    z-index:9999;
    padding:15px 0;
    height:var(--cori-header-height);
    position:absolute;
    top:0;
    left:0;
    right:0;
}

.cori-header-container{
    max-width:1400px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 50px;
}

/* Logo — siempre a la izquierda */
.cori-logo-container a{
    display:inline-flex;
    transition:transform .3s ease;
}
.cori-logo-container a:hover{transform:scale(1.05)}
.cori-custom-logo{max-height:var(--cori-logo-size);width:auto}

/* Nav + botón teléfono — derecha */
.cori-header-content{
    display:flex;
    align-items:center;
    gap:40px;
}

.cori-phone-button{
    background-color:var(--cori-accent-gold);
    color:var(--cori-text-white)!important;
    padding:10px 20px;
    border-radius:25px;
    text-decoration:none;
    font-size:14px;
    transition:all .3s ease;
    white-space:nowrap;
}
.cori-phone-button:hover{transform:scale(1.05)}

.cori-nav ul{
    display:flex;
    list-style:none;
    gap:30px;
    margin:0;
    padding:0;
}
.cori-nav a{
    color:var(--cori-text-white);
    text-decoration:none;
    font-size:14px;
    transition:all .3s ease;
}
.cori-nav a:hover{color:var(--cori-accent-gold)}

/* =========================================
   HAMBURGER — solo mobile, a la DERECHA
   ========================================= */
.cori-menu-toggle{
    display:none;
    background:none;
    border:2px solid rgba(255,255,255,0.3);
    border-radius:8px;
    cursor:pointer;
    padding:8px 10px;
    flex-direction:column;
    gap:5px;
    z-index:10001;
    transition:border-color .3s;
}
.cori-menu-toggle:hover{border-color:var(--cori-accent-gold)}
.cori-menu-toggle span{
    display:block;
    width:22px;
    height:2px;
    background:var(--cori-text-white);
    border-radius:2px;
    transition:all .35s cubic-bezier(.4,0,.2,1);
    transform-origin:center;
}
.cori-menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.cori-menu-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.cori-menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* =========================================
   MOBILE MENU — slide desde arriba, elegante
   ========================================= */
.cori-mobile-menu{
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:linear-gradient(160deg,#03282b 0%,#020f10 100%);
    z-index:10000;
    padding:90px 40px 50px;
    display:flex;
    flex-direction:column;
    gap:0;
    /* Estado cerrado */
    opacity:0;
    transform:translateY(-20px);
    pointer-events:none;
    transition:opacity .35s cubic-bezier(.4,0,.2,1), transform .35s cubic-bezier(.4,0,.2,1);
    border-bottom:1px solid rgba(212,165,116,0.2);
    box-shadow:0 20px 60px rgba(0,0,0,0.5);
}
.cori-mobile-menu.open{
    opacity:1;
    transform:translateY(0);
    pointer-events:all;
}

/* Línea decorativa dorada arriba */
.cori-mobile-menu::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(90deg,transparent,var(--cori-accent-gold),transparent);
}

.cori-mobile-menu ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
}

.cori-mobile-menu li{
    border-bottom:1px solid rgba(255,255,255,0.06);
}
.cori-mobile-menu li:first-child{
    border-top:1px solid rgba(255,255,255,0.06);
}

.cori-mobile-menu a{
    color:var(--cori-text-white);
    text-decoration:none;
    font-size:18px;
    font-weight:500;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 0;
    letter-spacing:0.3px;
    transition:color .25s ease, padding-left .25s ease;
}
.cori-mobile-menu a::after{
    content:"→";
    font-size:14px;
    color:var(--cori-accent-gold);
    opacity:0;
    transition:opacity .25s ease, transform .25s ease;
    transform:translateX(-8px);
}
.cori-mobile-menu a:hover{
    color:var(--cori-accent-gold);
    padding-left:8px;
}
.cori-mobile-menu a:hover::after{
    opacity:1;
    transform:translateX(0);
}

/* Botón teléfono dentro del menú mobile */
.cori-mobile-phone{
    margin-top:30px;
    background:var(--cori-accent-gold);
    color:var(--cori-text-white)!important;
    padding:14px 28px;
    border-radius:30px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:10px;
    align-self:flex-start;
    transition:all .3s ease;
    box-shadow:0 4px 20px rgba(212,165,116,0.3);
}
.cori-mobile-phone:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 25px rgba(212,165,116,0.5);
}

/* Botón cerrar (X) dentro del menú */
.cori-menu-close{
    position:absolute;
    top:28px;
    right:28px;
    background:none;
    border:none;
    cursor:pointer;
    padding:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    transition:color .25s ease, transform .25s ease;
}
.cori-menu-close:hover{
    color:var(--cori-accent-gold);
    transform:rotate(90deg);
}
.cori-menu-close svg{
    width:24px;
    height:24px;
    stroke:currentColor;
    stroke-width:1.5;
}

/* Animación escalonada de los items */
.cori-mobile-menu li{
    opacity:0;
    transform:translateX(-12px);
    transition:opacity .3s ease, transform .3s ease;
}
.cori-mobile-menu.open li:nth-child(1){opacity:1;transform:translateX(0);transition-delay:.08s}
.cori-mobile-menu.open li:nth-child(2){opacity:1;transform:translateX(0);transition-delay:.13s}
.cori-mobile-menu.open li:nth-child(3){opacity:1;transform:translateX(0);transition-delay:.18s}
.cori-mobile-menu.open li:nth-child(4){opacity:1;transform:translateX(0);transition-delay:.23s}
.cori-mobile-menu.open li:nth-child(5){opacity:1;transform:translateX(0);transition-delay:.28s}

.cori-mobile-phone{
    opacity:0;
    transform:translateY(8px);
    transition:opacity .3s ease .35s, transform .3s ease .35s, box-shadow .3s ease, translateY .3s ease;
}
.cori-mobile-menu.open .cori-mobile-phone{
    opacity:1;
    transform:translateY(0);
}

/* =========================================
   RESPONSIVE
   ========================================= */
@media(max-width:768px){
    .cori-header-container{padding:0 20px}
    .cori-header-content{display:none}
    .cori-menu-toggle{display:flex}

    .cori-mobile-phone{
        align-self:center;
        text-align:center;
        justify-content:center;
        width:100%;
    }
}