*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    scroll-behavior:smooth;
}
body{
    font-family:Arial, Helvetica, sans-serif;
    background:#121212;
    color:#f5f5f5;
    line-height:1.6;
}
.navbar{
    background:#000000 !important;
    transition:.3s;
    border-bottom:2px solid #00BFFF;
}
.navbar-brand{
    font-size:1.6rem;
    font-weight:bold;
    color:#00BFFF !important;
}
.nav-link{
    color:#ffffff !important;
    margin-left:15px;
    transition:.3s;
}
.nav-link:hover{
    color:#00BFFF !important;
}
.sombra{
    box-shadow:0 5px 15px rgba(0,0,0,.6);
}
.hero{
    padding:140px 0 90px;
    background:linear-gradient(135deg,#000000,#1a1a1a,#2d2d2d);
    color:white;
}
.hero h1{
    font-size:3.3rem;
    color:#00BFFF;
    margin-bottom:20px;
}
.hero p{
    font-size:1.2rem;
    color:#d9d9d9;
}
.hero-img{
    border-radius:15px;
    box-shadow:0 0 30px rgba(0,191,255,.3);
}
.btn-primary{
    background:#00BFFF;
    border:none;
    color:white;
    padding:12px 35px;
    border-radius:30px;
    transition:.3s;
}
.btn-primary:hover{
    background:#0099cc;
    transform:translateY(-5px);
    box-shadow:0 0 15px #00BFFF;
}
.btn-success{
    background:#00BFFF;
    border:none;
    color:white;
    padding:12px 35px;
    border-radius:30px;
}
.btn-success:hover{
    background:#0099cc;
    transform:translateY(-5px);
}
section{
    padding:80px 0;
}
.bg-light{
    background:#181818 !important;
}
section h2{
    color:#00BFFF;
    font-weight:bold;
    margin-bottom:40px;
}
.icono{
    color:#00BFFF;
    transition:.3s;
}
.icono:hover{
    transform:scale(1.2);
}
.card{
    background:#252525;
    border:none;
    border-radius:15px;
    color:white;
    overflow:hidden;
    transition:.35s;
}
.card img{
    height:300px;
    object-fit:cover;
}
.card h4{
    color:#00BFFF;
}
.card h6{
    color:#bdbdbd !important;
}
.card p{
    color:#d8d8d8;
}
.card-hover:hover{
    transform:translateY(-10px);
    box-shadow:0 0 25px rgba(0,191,255,.4);
}
.card-body i{
    color:#00BFFF !important;
}
#inscripcion{
    background:#121212;
}
#inscripcion .card{
    background:#252525;
}
.form-label{
    color:white;
    font-weight:bold;
}
.form-control,
.form-select{

    background:#1c1c1c;

    color:white;

    border:1px solid #444;

}
.form-control::placeholder{

    color:#aaaaaa;

}
.form-control:focus,
.form-select:focus{
    background:#1c1c1c;
    color:white;
    border-color:#00BFFF;
    box-shadow:0 0 10px rgba(0,191,255,.4);
}
footer{
    background:#000000;
    border-top:2px solid #00BFFF;
}
footer h3{
    color:#00BFFF;
}
footer p{
    color:#d9d9d9;
}
footer a{
    color:white;
    transition:.3s;
}
footer a:hover{
    color:#00BFFF;
}
footer hr{
    border-color:#444;
}
.hero-img:hover{
    transform:scale(1.04);
}
.card:hover img{
    transform:scale(1.05);
}
.card img{
    transition:.4s;
}
.card-body i{
    transition:.3s;
}
.card:hover i{
    transform:rotate(10deg) scale(1.3);
}
@media(max-width:992px){
.hero{
    text-align:center;
}
.hero-img{
    margin-top:40px;
}
}
@media(max-width:768px){
.hero h1{
    font-size:2.5rem;
}
.hero p{
    font-size:1rem;
}
.card img{
    height:230px;
}
.btn{
    width:100%;
}
}
@media(max-width:576px){
.hero{
    padding-top:110px;
}
.hero h1{
    font-size:2rem;
}
.card img{
    height:200px;
}
.navbar-brand{
    font-size:1.3rem;
}
}