/* JSTec Secure Share Center */

body {
    background:
        radial-gradient(circle at 20% 20%, rgba(0, 120, 255, 0.22), transparent 35%),
        linear-gradient(135deg, #050816 0%, #08152b 45%, #02040c 100%) !important;
    color: #e8eefc !important;
}

/* Header */
header,
nav {
    background: rgba(3, 8, 20, 0.96) !important;
    border-bottom: 1px solid rgba(0, 153, 255, 0.35) !important;
}

/* Ocultar logo original */
header svg,
header img,
nav svg,
nav img {
    display: none !important;
}

/* Ocultar SOLO texto de marca original */
header a:first-child,
nav a:first-child {
    font-size: 0 !important;
}

/* Un único logo JSTec */
header a:first-child::before,
nav a:first-child::before {
    content: "" !important;
    display: block !important;
    width: 180px !important;
    height: 54px !important;
    background-image: url('/jstec/logo.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

/* Mantener enlaces login visibles */
header a:not(:first-child),
nav a:not(:first-child) {
    font-size: 15px !important;
    color: #5dc2ff !important;
}

/* Línea superior naranja */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0077ff, #00d4ff);
    z-index: 9999;
}

/* Título */
h1,
h2,
h3 {
    color: #ffffff !important;
    letter-spacing: -0.4px;
}

/* Caja principal */
form,
.card,
.panel,
[class*="card"],
[class*="panel"] {
    background: rgba(8, 17, 34, 0.88) !important;
    border: 1px solid rgba(0, 153, 255, 0.22) !important;
    border-radius: 22px !important;
    box-shadow:
        0 0 40px rgba(0, 132, 255, 0.12),
        0 18px 60px rgba(0, 0, 0, 0.55) !important;
}

/* Inputs */
textarea,
input,
select {
    background: #14233d !important;
    border: 1px solid #2d527e !important;
    color: #ffffff !important;
    border-radius: 14px !important;
}

textarea::placeholder,
input::placeholder {
    color: #90a8ca !important;
}

/* Botones */
button,
.btn,
.btn-primary,
[type="submit"] {
    background: linear-gradient(135deg, #0077ff, #00c8ff) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: 0 0 18px rgba(0, 153, 255, 0.35) !important;
}

button:hover,
.btn:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

/* Avisos */
[class*="notice"],
[class*="alert"],
[class*="info"] {
    background: rgba(0, 120, 255, 0.16) !important;
    border-color: rgba(0, 180, 255, 0.32) !important;
}

/* Footer */
footer::after {
    content: "JSTec Secure Share Center";
    display: block;
    text-align: center;
    color: #7fa6d9;
    margin: 30px 0 10px;
    font-size: 13px;
    letter-spacing: 1px;
}

/* Dejar solo un logo JSTec */
header a:not(:first-child)::before,
nav a:not(:first-child)::before {
    display: none !important;
    content: none !important;
}

header a:first-child::before,
nav a:first-child::before {
    width: 190px !important;
    height: 58px !important;
}