/* =========================================
   CONECTRO GLOBAL THEME
========================================= */

html{
    min-height:100%;

    background:
        radial-gradient(circle at top, rgba(85,175,255,0.25), transparent 35%),
        radial-gradient(circle at bottom, rgba(0,102,255,0.15), transparent 30%),
        linear-gradient(180deg,#020817 0%,#071427 50%,#020617 100%) fixed !important;
}

body{
    min-height:100%;

    margin:0;
    padding:0;

    background:transparent !important;

    font-family:'Poppins',sans-serif;
    color:#FFFFFF;

    position:relative;
    overflow-x:hidden;
}

/* GRID EFFECT */

body::before{
    content:"";
    position:fixed;
    inset:0;

    background-image:
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);

    background-size:50px 50px;

    mask-image: radial-gradient(circle at center, black 40%, transparent 90%);
    -webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 90%);

    pointer-events:none;
    z-index:0;
}

/* PARTICLES */

.particles{
    position:fixed;
    inset:0;
    overflow:hidden;
    z-index:1;
    pointer-events:none;
}

.particles span{
    position:absolute;
    display:block;

    width:4px;
    height:4px;

    background:rgba(120,200,255,0.7);
    border-radius:50%;

    animation:float 12s linear infinite;

    box-shadow:0 0 10px rgba(120,200,255,0.8);
}

@keyframes float{

    from{
        transform:translateY(100vh) scale(.5);
        opacity:0;
    }

    20%{
        opacity:1;
    }

    to{
        transform:translateY(-20vh) scale(1.2);
        opacity:0;
    }
}

/* MAIN CONTAINER */

.container{
    position:relative;
    z-index:5;

    margin-top:30px;
    margin-bottom:30px;

    background:rgba(4,15,32,0.82) !important;

    backdrop-filter:blur(10px);

    border-radius:28px;

    border:1px solid rgba(255,255,255,0.08);

    box-shadow:
        0 0 40px rgba(0,153,255,0.15),
        inset 0 0 30px rgba(255,255,255,0.03);

    padding:25px;
}

/* FORCE TRANSPARENCY */

.container-fluid,
.maincontent,
.content-box,
.panel,
.panel-default,
.jumbotron,
.well{
    background-color:transparent !important;
}

/* GLASS EFFECT */

.content-box,
.panel,
.panel-default,
.jumbotron,
.well{
    background:rgba(4,15,32,0.82) !important;

    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,0.08) !important;

    border-radius:20px;

    box-shadow:
        0 0 40px rgba(0,153,255,0.10),
        inset 0 0 30px rgba(255,255,255,0.02);
}

/* TITLES */

h1,
h2,
h3,
h4{
    font-family:'Cinzel',serif;

    background:linear-gradient(to bottom,#FFFFFF,#85C9FF);

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 25px rgba(120,200,255,0.35);
}

/* TEXT */

p,
td,
th,
label,
span,
div{
    color:#EAF4FF;
}

/* LINKS */

a{
    color:#7DD3FC;
}

a:hover{
    color:#BAE6FD;
    text-decoration:none;
}

/* TABLES */

table{
    border-collapse:collapse;
}

table tr{
    transition:.2s;
}

table tr:hover{
    background:rgba(255,255,255,0.04) !important;
}

/* PANELS */

.panel-heading{
    background:rgba(255,255,255,0.04) !important;
    border:none !important;
    color:#FFF !important;
}

/* NAVBAR */

.navbar{
    background:rgba(4,15,32,0.92) !important;
    border:none !important;

    backdrop-filter:blur(12px);

    box-shadow:
        0 0 30px rgba(0,153,255,0.12);
}

.navbar a{
    color:#FFF !important;
}

.navbar a:hover{
    color:#7DD3FC !important;
}

/* FOOTER */

.footer{
    background:rgba(4,15,32,0.92) !important;
    border-top:1px solid rgba(255,255,255,0.08);
    color:#9ca3af;
}

/* DOWNLOADS */

.downloads-page{
    margin-top:35px;
    margin-bottom:50px;
}

.downloads-header{
    margin-bottom:30px;
}

.downloads-title{
    font-size:46px;
    font-weight:800;
    color:#ffffff;
    margin-bottom:10px;
    letter-spacing:-1px;
}

.downloads-subtitle{
    color:#94a3b8;
    font-size:16px;
    max-width:700px;
}

/* CARD */

.download-card{
    display:flex;
    align-items:center;
    gap:30px;

    background:linear-gradient(
        135deg,
        rgba(15,23,42,0.96),
        rgba(30,41,59,0.96)
    );

    border:1px solid rgba(255,255,255,0.06);

    border-radius:18px;

    padding:35px;
    margin-bottom:25px;

    box-shadow:
        0 10px 35px rgba(0,0,0,0.25),
        inset 0 1px 0 rgba(255,255,255,0.03);

    transition:.25s ease;
}

.download-card:hover{
    transform:translateY(-3px);
    border-color:rgba(59,130,246,.35);
}

/* ICON */

.download-icon{
    width:90px;
    height:90px;
    min-width:90px;

    border-radius:20px;

    background:linear-gradient(
        135deg,
        #2563eb,
        #3b82f6
    );

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:36px;
    color:#fff;

    box-shadow:0 10px 30px rgba(37,99,235,.35);
}

/* CONTENT */

.download-content{
    flex:1;
}

.download-badge{
    display:inline-block;

    padding:6px 12px;

    background:rgba(59,130,246,.15);

    border:1px solid rgba(59,130,246,.25);

    border-radius:999px;

    color:#60a5fa;

    font-size:12px;
    font-weight:700;
    letter-spacing:.5px;

    margin-bottom:15px;
}

.download-content h2{
    color:#fff;
    font-size:32px;
    font-weight:700;
    margin-bottom:18px;
}

.download-content p{
    color:#cbd5e1;
    font-size:15px;
    line-height:1.8;
    margin-bottom:10px;
}

/* ACTIONS */

.download-actions{
    display:flex;
    flex-direction:column;
    gap:15px;
    min-width:230px;
}

/* BUTTONS */

.btn-download{
    height:52px;

    border-radius:12px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    text-decoration:none !important;

    font-size:15px;
    font-weight:700;

    transition:.25s ease;
}

.drive-btn{
    background:linear-gradient(
        135deg,
        #2563eb,
        #3b82f6
    );

    color:#fff !important;
}

.drive-btn:hover{
    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(37,99,235,.35);
}

.mediafire-btn{
    background:linear-gradient(
        135deg,
        #ea580c,
        #f97316
    );

    color:#fff !important;
}

.mediafire-btn:hover{
    transform:translateY(-2px);

    box-shadow:0 10px 25px rgba(249,115,22,.35);
}

/* RESPONSIVO */

@media (max-width:992px){

    .download-card{
        flex-direction:column;
        align-items:flex-start;
    }

    .download-actions{
        width:100%;
        min-width:100%;
    }

}