/* ========================================================= PAGE ========================================================= */ 
.privacy-page {
    min-height: 100vh; 
    color: var(--privacy-text); 
}

/* ========================================================= MAIN CONTAINER ========================================================= */ 
.privacy-container { 
    width: min(900px, 100%); 
    margin: 0 auto; 
    padding: 50px; 
    background: linear-gradient( 
        145deg, #141414, #0d0d0d 
        ); 
    border: 1px solid var(--privacy-border); 
    border-radius: 12px; 
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.55); 
}

/* =========================================================
   PRIVACY CONSENT
   ========================================================= */

.privacy-consent {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* Contenedor del checkbox + texto */

.privacy-consent label {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    cursor: pointer;

    color: #b8b8b8;

    font-size: 0.9rem;
    line-height: 1.5;
}


/* Checkbox */

.privacy-consent input[type="checkbox"] {
    flex-shrink: 0;

    width: 17px;
    height: 17px;

    margin: 3px 0 0 0;

    cursor: pointer;

    accent-color: #b00000;
}


/* Texto */

.privacy-consent span {
    display: block;

    flex: 1;
}


/* Privacy Policy */

.privacy-consent a {
    color: #00366f;

    font-weight: 700;

    text-decoration: none;

    transition:
        color 0.2s ease,
        text-shadow 0.2s ease;
}


/* Hover */

.privacy-consent a:hover {
    color: #63b1ff;

    text-decoration: underline;

    text-shadow:
        0 0 8px rgba(77, 163, 255, 0.35);
}


/* Focus del checkbox */

.privacy-consent input[type="checkbox"]:focus-visible {
    outline: 2px solid #4da3ff;
    outline-offset: 2px;
}

/* ========================================================= HEADER ========================================================= */ 
.privacy-header { 
    position: relative; 
    margin-bottom: 55px; 
    padding-bottom: 30px; 
    border-bottom: 1px solid var(--privacy-border); 
} /* Red accent */ 

.privacy-header::before { 
    content: ""; 
    position: absolute; 
    left: 0; 
    bottom: -1px; 
    width: 110px; 
    height: 2px; 
    background: linear-gradient( 
        90deg, 
        var(--privacy-red-dark),
        var(--privacy-red-light) 
        ); 
}

/* ========================================================== TÍTULO ========================================================== */ 
.privacy-header h1 { 
    margin: 0 0 12px; 
    font-size: clamp(2rem, 5vw, 3.4rem); 
    font-weight: 700; 
    letter-spacing: -0.03em; 
    line-height: 1.1; color: var(--privacy-text); } 
    
/* AkaMenezBeats */ 
    
.privacy-header p:first-of-type { 
    margin: 0 0 10px; 
    color: var(--privacy-red-light); 
    font-size: 1.05rem; 
    font-weight: 600; 
    letter-spacing: 0.04em; 
}

/* Última actualización */ 
.privacy-header p:last-of-type { 
    margin: 0; 
    color: var(--privacy-text-muted); 
    font-size: 0.85rem; 
}

/* ========================================================= SECCIONES ========================================================= */ 
.privacy-container section { 
    margin-bottom: 42px; 
}

/* =========================================================== ENCABEZADOS ========================================================== */ 
.privacy-container h2 { 
    position: relative; 
    margin: 0 0 18px; 
    padding-left: 15px; 
    font-size: 1.35rem; 
    font-weight: 650; 
    line-height: 1.3; 
    color: var(--privacy-text); 
} 

/* Línea vertical roja */ 
.privacy-container h2::before { 
    content: ""; 
    position: absolute; 
    left: 0; 
    top: 2px; 
    width: 3px; 
    height: calc(100% - 4px); 
    border-radius: 10px; 
    background: linear-gradient( 
        180deg, 
        var(--privacy-red-light), 
        var(--privacy-red-dark) 
        ); 
}

/*========================================================== PÁRRAFOS ========================================================= */ 
.privacy-container p { 
    margin: 0 0 15px; 
    color: var(--privacy-text-secondary); 
    font-size: 0.98rem; 
    line-height: 1.8; 
}

/* ========================================================== LISTAS ========================================================== */ 
.privacy-container ul { 
    margin: 18px 0 20px; 
    padding-left: 25px; 
} 

.privacy-container li { 
    margin-bottom: 11px; 
    padding-left: 6px; 
    color: var(--privacy-text-secondary); 
    line-height: 1.7; 
    font-size: var(--text-body);
} 

/* Viñeta personalizada */ 
.privacy-container li::marker { 
    color: var(--privacy-red-light); 
}

/* ========================================================== ENLACES ========================================================= */ 
.privacy-container a { 
    color: var(--privacy-red-soft); 
    text-decoration: none; 
    transition: 
        color 0.2s ease, 
        text-shadow 0.2s ease; 
} 

.privacy-container a:hover { 
    color: var(--privacy-red-light); 
    text-shadow: 0 0 12px rgba(255, 64, 64, 0.45); 
}

/* ========================================================== PIE DE PÁGINA ========================================================== */ 
.privacy-footer { 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    gap: 20px; 
    margin-top: 60px; 
    padding-top: 25px; 
    border-top: 1px solid var(--privacy-border); 
} 

.privacy-footer p { 
    margin: 0; 
    color: var(--privacy-text-muted); 
    font-size: 0.82rem; 
} 

.privacy-footer a { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    padding: 9px 16px; 
    border: 1px solid var(--color-primary-soft); 
    border-radius: 6px; 
    color: var(--privacy-text); 
    font-size: 0.85rem;
    transition: 
        background 0.2s ease, 
        border-color 0.2s ease, 
        box-shadow 0.2s ease; 
} 

.privacy-footer a:hover { 
    background: var(--privacy-red-dark); 
    border-color: var(--color-primary-hover); 
    color: #ffffff; 
    text-shadow: none; 
    box-shadow: 0 0 18px rgba(176, 0, 0, 0.35); 
}

@media (max-width: 700px) { 
    .privacy-page { 
        padding: 30px 12px; 
    } 
    .privacy-container { 
        padding: 30px 22px; 
        border-radius: 8px; 
    } 
    .privacy-header { 
        margin-bottom: 40px; 
    } 
    .privacy-container section { 
        margin-bottom: 35px; 
    } 
    .privacy-container h2 { 
        font-size: 1.2rem; 
    } 
    .privacy-container p, .privacy-container li {
         font-size: 0.92rem; 
    } 
    
    .privacy-footer { 
        flex-direction: column; 
        align-items: flex-start; 
    } 
}

@media (max-width: 420px) { 
    .privacy-container { 
        padding: 25px 17px; 
    } 
    .privacy-header h1 { 
        font-size: 2rem; 
    } 
    .privacy-container ul {
         padding-left: 20px; 
        } 
}