/* ============================================
   CULTURA LA CRUZ - Estilos Globales
   estilos/global.css
   ============================================ */

:root {
    --negro:        #111111;
    --carbon:       #2d1f4e;
    --terra:        #5a2d8c;
    --ocre:         #7c3fbf;
    --morado-claro: #c4a0f0;
    --crema:        #f3eeff;
    --gris:         #6b7280;
    --gris2:        #f5f0ff;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: 'Inter', sans-serif;
    color: var(--negro);
    background: #fff;
}

/* ---- NAVBAR ---- */
.navbar-cul {
    background: var(--carbon);
    padding: 18px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
}
.nav-lnk {
    color: rgba(255,255,255,.68) !important;
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 6px 15px !important;
    transition: color .2s;
}
.nav-lnk:hover,
.nav-lnk.active { color: var(--morado-claro) !important; }

.brand {
    font-family: 'Playfair Display', serif;
    color: #fff !important;
    font-size: 20px;
    text-decoration: none;
    line-height: 1.2;
}
.brand span {
    font-size: 10px;
    color: var(--morado-claro);
    letter-spacing: .18em;
    text-transform: uppercase;
    display: block;
}

/* ---- TIPOGRAFÍA / SECCIONES ---- */
.eye {
    font-size: 11px;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--ocre);
    font-weight: 600;
    margin-bottom: 18px;
}
.stit {
    font-family: 'Playfair Display', serif;
    font-size: clamp(26px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.12;
    color: var(--negro);
    margin-bottom: 18px;
}
.sdesc {
    color: var(--gris);
    font-size: 15.5px;
    line-height: 1.75;
    max-width: 580px;
}
.dv  { width: 46px; height: 3px; background: var(--ocre); margin: 20px 0; }
.dvc { margin: 20px auto; }

/* ---- BOTONES ---- */
.btn-s {
    background: var(--ocre);
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 14px 30px;
    border: none;
    border-radius: 0;
    text-decoration: none;
    display: inline-block;
    transition: background .2s;
}
.btn-s:hover { background: var(--terra); color: #fff; }

.btn-g {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255,255,255,.32);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 14px 30px;
    text-decoration: none;
    display: inline-block;
    transition: all .2s;
    margin-left: 14px;
}
.btn-g:hover { border-color: var(--morado-claro); color: var(--morado-claro); }

/* ---- FOOTER ---- */
footer {
    background: var(--carbon);
    padding: 58px 0 26px;
    color: rgba(255,255,255,.48);
    font-size: 13.5px;
}
.fb {
    font-family: 'Playfair Display', serif;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}
.ft {
    font-size: 10.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--morado-claro);
    font-weight: 600;
    margin-bottom: 14px;
}
.fl {
    color: rgba(255,255,255,.48);
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    transition: color .2s;
}
.fl:hover { color: var(--morado-claro); }
.fs {
    width: 33px; height: 33px;
    border: 1px solid rgba(255,255,255,.14);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.46);
    font-size: 14px;
    text-decoration: none;
    margin-right: 6px;
    transition: all .2s;
}
.fs:hover { border-color: var(--morado-claro); color: var(--morado-claro); }