:root{--color-morado-oscuro: #2a1949;--color-morado: #543291;--color-morado-claro: #aa99c8;--color-gris: #d9d9d9}html{margin:0;padding:0;width:100%;min-height:100vh;background-color:#000;overflow-x:hidden}body{margin:0;padding:0 0 1em;width:100%;min-height:100vh;font-family:Arial,sans-serif;scroll-behavior:smooth;overflow-x:hidden}h1,h2,h3,p{color:#fff}section{margin-top:144px;background:#00000026;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 25px #0000004d;padding:40px;width:90%;max-width:1200px;margin-left:auto;margin-right:auto}.contenedor{width:90%;max-width:1200px;display:flex;flex-direction:column;margin:0 auto;justify-content:center;align-items:center}.subtitulo{position:relative;width:80%;padding:.8em 1.6em;color:#fff;font-size:2rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;border-radius:1em;box-shadow:0 8px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease;display:block;text-align:center;margin:0 auto 1.2em}.subtitulo:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:80%;height:8px;background:var(--color-morado);border-radius:4px;transition:width .3s ease}@media (max-width: 630px){.subtitulo{font-size:1.5rem;width:80%;padding:.7em .4em}}