/* ============================= */
/* ULTRA PREMIUM ACCORDION */
/* ============================= */

.cbp-ntaccordion {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Item */
.cbp-ntaccordion li {
    position: relative;
    border-bottom: 1px solid rgba(163,174,99,0.3);
    transition: background 0.6s ease;
}

/* Fondo suave al abrir */
.cbp-ntaccordion li.active {
    backdrop-filter: blur(6px);
}

/* Trigger */
.cbp-nttrigger {
    display: block;
    position: relative;
    padding: 2.5% 6%;
    font-family: 'Cormorant Upright', serif;
    font-size: 30pt;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #566c4e;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(.77,0,.18,1);
    text-align: center;
}

/* Hover elegante */
.cbp-nttrigger:hover {
    color: #dd9536;
    letter-spacing: 3px;
}

/* Línea animada inferior */
.cbp-nttrigger::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 6%;
    width: 0%;
    transition: width 0.5s ease;
}

li.active > .cbp-nttrigger {
    margin-bottom: 0px;
    transition: margin 0.4s ease;
    border-bottom: 3px solid #dd9536;
}

li.active > .cbp-nttrigger::after {
    width: 88%;
}

/* Ícono minimalista */
.cbp-nttrigger::before {
    content: "+";
    position: absolute;
    right: 6%;
    font-size: 25pt;
    transition: transform 0.6s cubic-bezier(.77,0,.18,1);
}

li.active > .cbp-nttrigger::before {
    content: "–";
    transform: rotate(180deg);
}

/* Contenido animado */
.cbp-ntcontent {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-20px);
    transition:
        max-height 0.8s cubic-bezier(.77,0,.18,1),
        opacity 0.6s ease,
        transform 0.6s ease;
}

/* Estado abierto */
li.active > .cbp-ntcontent {
    opacity: 1;
    transform: translateY(0);
    padding: 0;
}