body{

margin:0;
font-family:Segoe UI,Arial,sans-serif;

background:#111;

color:#ddd;

}

.legal-container{

max-width:950px;

margin:40px auto;

padding:40px;

background:#1b1b1b;

border-radius:18px;

box-shadow:0 15px 40px rgba(0,0,0,.45);

}

.legal-header{

text-align:center;

margin-bottom:40px;

padding-bottom:25px;

border-bottom:1px solid #333;

}

.legal-header h1{

color:#ff3d8d;

font-size:38px;

margin-bottom:10px;

}

.fecha{

color:#999;

}

section{

margin:40px 0;

}

section h2{

color:#fff;

margin-bottom:18px;

padding-left:12px;

border-left:5px solid #ff3d8d;

}

section p{

line-height:1.8;

color:#ccc;

}

ul{

padding-left:25px;

margin-top:15px;

}

li{

margin:12px 0;

line-height:1.7;

}

.nota{

margin-top:20px;

padding:18px;

background:#292929;

border-left:4px solid #ff3d8d;

border-radius:8px;

}

.danger li{

color:#ff7373;

font-weight:600;

}

@media(max-width:768px){

.legal-container{

margin:15px;

padding:25px;

}

.legal-header h1{

font-size:28px;

}

section h2{

font-size:22px;

}

}