/* ====== GLOBAL ====== */
body {
    background: #0a0a0a !important;
    font-family: 'Poppins', sans-serif;
    color: #fff !important;
}

/* No mover elementos originales */
.cabecera,
.circulo,
#nombre,
#descripcion,
#red0,
#red1,
#red2,
#red3,
#desbloquear,
#donar,
#cuantos,
#botones {
    position: inherit !important;
}

/* ====== HEADER ====== */
.cabecera {
    background: linear-gradient(180deg, #0a0a0a 0%, #000 100%) !important;
    border-bottom: 1px solid rgba(255, 105, 180, 0.35);
}

.cabecera img {
    filter: brightness(0.85) !important;
}

/* Foto circular */
.circulo img {
    border-radius: 50%;
    border: 3px solid #ff3da3 !important;
    box-shadow: 0 0 15px rgba(255, 62, 148, 0.45);
}

/* Nombre */
#nombre {
    color: #fff !important;
    text-shadow: 0 0 12px rgba(255, 62, 148, 0.4);
}

/* Descripción */
#descripcion {
    color: #e5e5e5 !important;
}

/* ====== REDES ====== */
#red0, #red1, #red2, #red3 {
    filter: drop-shadow(0 0 10px rgba(255, 62, 148, 0.35));
}

/* ====== CONTENIDO ====== */
#cuantos b {
    color: #ff3da3 !important;
}

#linea {
    background-color: rgba(255,255,255,0.20) !important;
}

#botones span:hover {
    color: #ff3da3 !important;
}

/* ====== GALERÍA ====== */
.fotos {
    background: #111 !important;
    border-radius: 16px !important;
    box-shadow: 0 0 18px rgba(255, 62, 148, 0.18);
    overflow: hidden !important;
    transition: 0.30s ease;
    position: relative !important;
    float: left !important;
}

.fotos:hover {
    transform: scale(1.02);
    box-shadow: 0 0 24px rgba(255, 62, 148, 0.35);
}

.fotos img {
    border-radius: 16px !important;
    transition: 0.30s ease;
}

.fotos:hover img {
    filter: brightness(0.88);
}

/* ====== CAPA BORROSA (SOLO VISUAL) ====== */
.glass {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;

    pointer-events: none !important; /* No bloquea clics */
    backdrop-filter: blur(12px) !important;
    background: rgba(0, 0, 0, 0.55) !important;
    border-radius: 16px !important;
}

/* ====== CAPA QUE BLOQUEA CLICS (PAGO) ====== */
.bloqueo {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 3 !important;

    pointer-events: all !important; /* PROTEGE la foto */
    background: transparent !important; /* Invisible pero activa */
    border-radius: 16px !important;
}

/* ====== CORAZONES ====== */
.cor1, .cor2 {
    filter: drop-shadow(0 0 8px rgba(255, 62, 148, 0.5));
}

/* ====== BOTONES ====== */
#desbloquear, #donar {
    background: linear-gradient(135deg, #ff3da3, #ff6dc4);
    border: none;
    color: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 0 20px rgba(255, 62, 148, 0.35);
    transition: 0.25s ease;
}

#desbloquear:hover, #donar:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* ====== MODALES ====== */
#ver {
    background: #0a0a0a !important;
    border-radius: 16px !important;
    box-shadow: 0 0 30px rgba(255, 62, 148, 0.4);
}

#negro {
    background: rgba(0,0,0,0.85) !important;
}

/* ====== FORMULARIO ====== */
#pagar {
    background: #111 !important;
    border-radius: 16px !important;
    box-shadow: 0 0 25px rgba(255, 62, 148, 0.3);
}

input, textarea {
    background: #111 !important;
    border: 1px solid #ff3da3 !important;
    color: #fff !important;
    border-radius: 10px !important;
}

input:focus, textarea:focus {
    outline: none;
    box-shadow: 0 0 12px rgba(255, 62, 148, 0.45);
}

/* ====== Red fija ====== */
#red0, #red1, #red2, #red3, #numero {
    position: absolute !important;
}