.banner-noche-blanca{
    position:relative;
    display:flex;
    align-items:center;
    gap:30px;

    background:#fff;
    border-radius:12px;
    padding:25px 35px;
    margin:35px auto;

    border-top:6px solid #184D96;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
}

.banner-icono{
    width:90px;
    height:90px;

    border:2px solid #184D96;
    border-radius:50%;

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

    font-size:44px;
    color:#184D96;

    flex-shrink:0;
}

.banner-texto{
    flex:1;
}

.banner-texto h2{
    margin:0;
    font-size:2rem;
    color:#184D96;
    letter-spacing:1px;
}

.banner-texto p{
    margin-top:8px;
    font-size:1.2rem;
    color:#555;
    line-height:1.5;
}

.banner-texto strong{
    color:#184D96;
}

.btn-banner{
    background:#AA1916;
    color:#fff;
    text-decoration:none;

    padding:15px 28px;
    border-radius:8px;

    font-weight:bold;
    transition:.3s;
}

.btn-banner:hover{
    background:#AA1916;
    opacity:0.8;
    color:#fff;
    text-decoration:underline;

}

.cerrar-banner{
    position:absolute;
    top:12px;
    right:15px;

    background:none;
    border:none;

    font-size:28px;
    color:#777;
    cursor:pointer;
}

.cerrar-banner:hover{
    color:#AA1916;

}
.banner-icono img{
    width:50px;
    height:50px;
}
.btn-banner,
.btn-banner:visited{
    color:#fff;
    text-decoration:none;
}

.btn-banner:hover,
.btn-banner:focus{
    color:#fff !important;
    text-decoration:underline;
}

@media(max-width:768px){

.banner-noche-blanca{
    flex-direction:column;
    text-align:center;
    padding:25px 20px;
}

.banner-boton{
    width:100%;
}

.btn-banner{
    display:block;
}

}