:root{
 --rosa:#d95f94;
 --rosa2:#ee9abc;
 --vino:#681d43;
 --vino2:#3f142c;
 --perla:#fff8fb;
 --texto:#422d36;
 --gris:#78646d;
 --borde:#efd4df;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;
 font-family:Arial,Helvetica,sans-serif;
 background:#fffafb;
 color:var(--texto);
 line-height:1.72;
}
a{color:var(--vino);text-decoration:none}
a:hover{color:var(--rosa)}
.legal-head{
 background:white;
 border-bottom:1px solid var(--borde);
 padding:10px 20px;
 position:sticky;
 top:0;
 z-index:10;
}
.legal-nav{
 max-width:1100px;
 margin:auto;
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:20px;
}
.legal-logo{
 width:190px;
 max-height:65px;
 object-fit:contain;
}
.back{
 border:1px solid var(--borde);
 padding:10px 16px;
 border-radius:40px;
 font-size:13px;
 font-weight:bold;
 background:white;
}
.legal-hero{
 background:
 radial-gradient(circle at 80% 20%,rgba(217,95,148,.17),transparent 30%),
 linear-gradient(135deg,#fff,#fff0f6);
 padding:75px 22px 60px;
 border-bottom:1px solid var(--borde);
}
.legal-hero-inner{
 max-width:950px;
 margin:auto;
}
.kicker{
 color:var(--rosa);
 letter-spacing:3px;
 font-size:11px;
 font-weight:900;
 text-transform:uppercase;
}
h1{
 font-family:Georgia,serif;
 color:var(--vino2);
 font-size:clamp(39px,6vw,65px);
 line-height:1.04;
 margin:10px 0 14px;
}
.updated{
 color:#92717f;
 font-size:13px;
}
main{
 max-width:950px;
 margin:auto;
 padding:55px 22px 85px;
}
h2{
 color:var(--vino);
 font-family:Georgia,serif;
 font-size:27px;
 margin:42px 0 10px;
}
h3{
 color:#6d2446;
 font-size:17px;
 margin:25px 0 7px;
}
p{margin:8px 0 15px}
ul,ol{padding-left:24px}
li{margin:7px 0}
.box{
 background:white;
 border:1px solid var(--borde);
 border-radius:18px;
 padding:22px;
 margin:23px 0;
 box-shadow:0 8px 25px rgba(85,28,55,.04);
}
.notice{
 background:#fff0f6;
 border-left:4px solid var(--rosa);
 padding:17px 19px;
 margin:25px 0;
 border-radius:0 12px 12px 0;
}
.small{font-size:13px;color:var(--gris)}
.legal-links{
 display:grid;
 grid-template-columns:repeat(2,1fr);
 gap:10px;
 margin-top:25px;
}
.legal-links a{
 background:white;
 border:1px solid var(--borde);
 border-radius:12px;
 padding:12px 15px;
 font-size:13px;
}
footer{
 background:var(--vino2);
 color:#d9c8d0;
 padding:35px 20px;
 text-align:center;
 font-size:12px;
}
footer a{color:#ffd4e5}
@media(max-width:650px){
 .legal-logo{width:140px}
 .back{font-size:11px;padding:8px 11px}
 .legal-hero{padding:50px 18px 40px}
 main{padding:38px 18px 65px}
 .legal-links{grid-template-columns:1fr}
}