*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=claro]{--color-naranja: #ff6b1a;--color-naranja-oscuro: #e55100;--color-magenta: #ff1493;--color-violeta: #7b1fa2;--color-violeta-oscuro: #4a148c;--color-amarillo: #f39c12;--color-verde: #2ecc71;--color-azul: #3498db;--color-primario: #ff6b1a;--color-primario-oscuro: #e55100;--color-secundario: #7b1fa2;--color-secundario-oscuro: #4a148c;--color-acento: #ff1493;--color-fondo: #faf8fc;--color-fondo-claro: #ffffff;--color-fondo-card: #ffffff;--color-blanco: #ffffff;--color-texto: #1a0f2e;--color-texto-suave: #6b5c85;--color-texto-oscuro: #1a0f2e;--color-borde: rgba(26, 15, 46, .1);--sombra-suave: 0 2px 8px rgba(26, 15, 46, .08);--sombra-media: 0 4px 16px rgba(26, 15, 46, .12);--sombra-brillo: 0 8px 25px rgba(255, 107, 26, .25);--sombra-brillo-magenta: 0 8px 25px rgba(255, 20, 147, .25);--sombra-brillo-violeta: 0 8px 25px rgba(123, 31, 162, .25);--header-bg: rgba(255, 255, 255, .9);--header-border: rgba(26, 15, 46, .08);--radio: 12px;--radio-boton: 50px}[data-theme=oscuro]{--color-naranja: #ff6b1a;--color-naranja-oscuro: #e55100;--color-magenta: #ff1493;--color-violeta: #a020f0;--color-violeta-oscuro: #7b1fa2;--color-amarillo: #f39c12;--color-verde: #2ecc71;--color-azul: #3498db;--color-primario: #ff6b1a;--color-primario-oscuro: #e55100;--color-secundario: #a020f0;--color-secundario-oscuro: #7b1fa2;--color-acento: #ff1493;--color-fondo: #1a0f2e;--color-fondo-claro: #251540;--color-fondo-card: #251540;--color-blanco: #ffffff;--color-texto: #ffffff;--color-texto-suave: #b8a8d0;--color-texto-oscuro: #1a0f2e;--color-borde: rgba(255, 255, 255, .15);--sombra-suave: 0 2px 8px rgba(0, 0, 0, .3);--sombra-media: 0 4px 16px rgba(0, 0, 0, .4);--sombra-brillo: 0 8px 25px rgba(255, 107, 26, .35);--sombra-brillo-magenta: 0 8px 25px rgba(255, 20, 147, .35);--sombra-brillo-violeta: 0 8px 25px rgba(160, 32, 240, .35);--header-bg: rgba(26, 15, 46, .85);--header-border: rgba(255, 255, 255, .1);--radio: 12px;--radio-boton: 50px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-texto);background-color:var(--color-fondo);background-attachment:fixed;line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}[data-theme=oscuro] body,[data-theme=oscuro]{background-image:radial-gradient(circle at 10% 10%,rgba(160,32,240,.18) 0%,transparent 45%),radial-gradient(circle at 90% 90%,rgba(255,107,26,.15) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(255,20,147,.05) 0%,transparent 60%)}[data-theme=claro] body,[data-theme=claro]{background-image:radial-gradient(circle at 10% 10%,rgba(255,107,26,.04) 0%,transparent 45%),radial-gradient(circle at 90% 90%,rgba(123,31,162,.04) 0%,transparent 45%)}a{color:var(--color-naranja);text-decoration:none;transition:color .2s}a:hover{color:var(--color-magenta);text-decoration:none}button{cursor:pointer;font-family:inherit;font-weight:700;border:none;border-radius:var(--radio-boton);padding:.7rem 1.4rem;font-size:1rem;transition:all .25s ease;letter-spacing:.3px}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}input,textarea,select{font-family:inherit;font-size:1rem;padding:.7rem 1rem;border:2px solid var(--color-borde);border-radius:var(--radio);width:100%;background-color:var(--color-fondo-card);color:var(--color-texto);transition:all .2s}input::placeholder,textarea::placeholder{color:var(--color-texto-suave);opacity:.7}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-naranja);box-shadow:0 0 0 3px #ff6b1a33}select option{background-color:var(--color-fondo-card);color:var(--color-texto)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn-primario{background:linear-gradient(135deg,var(--color-naranja) 0%,var(--color-magenta) 100%);color:var(--color-blanco);box-shadow:var(--sombra-brillo);position:relative;overflow:hidden}.btn-primario:hover{box-shadow:0 12px 30px #ff149380}.btn-primario:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s}.btn-primario:hover:before{left:100%}.btn-secundario{background:linear-gradient(135deg,var(--color-violeta) 0%,var(--color-magenta) 100%);color:var(--color-blanco);box-shadow:var(--sombra-brillo-violeta)}.btn-secundario:hover{box-shadow:0 12px 30px #7b1fa280}.btn-acento{background:linear-gradient(135deg,var(--color-magenta) 0%,var(--color-violeta) 100%);color:var(--color-blanco);box-shadow:var(--sombra-brillo-magenta)}.btn-outline{background-color:transparent;border:2px solid var(--color-borde);color:var(--color-texto);font-weight:600}.btn-outline:hover{border-color:var(--color-naranja);color:var(--color-naranja);background-color:#ff6b1a14;box-shadow:0 4px 15px #ff6b1a26}.card{background-color:var(--color-fondo-card);border:1px solid var(--color-borde);border-radius:var(--radio);box-shadow:var(--sombra-suave);padding:1.5rem;transition:all .25s}.card:hover{border-color:#ff6b1a66;box-shadow:var(--sombra-media);transform:translateY(-2px)}.tag{display:inline-block;background-color:#ff6b1a1f;color:var(--color-naranja);padding:.25rem .7rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-right:.3rem;margin-bottom:.3rem;border:1px solid rgba(255,107,26,.25)}h1,h2,h3,h4{color:var(--color-texto);font-weight:800;letter-spacing:-.5px;line-height:1.2}.titulo-gradiente{background:linear-gradient(135deg,var(--color-naranja) 0%,var(--color-magenta) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-in-out}@media (max-width: 768px){.container{padding:0 .8rem}button,.btn-primario,.btn-secundario,.btn-outline{padding:.7rem 1rem!important;font-size:.95rem!important}.card{padding:1rem!important}h1{font-size:1.8rem!important}h2{font-size:1.4rem!important}h3{font-size:1.15rem!important}input,textarea,select{font-size:1rem!important;padding:.7rem!important}}@media (max-width: 480px){.container{padding:0 .6rem}h1{font-size:1.5rem!important}}html,body{overflow-x:hidden;max-width:100vw}img{max-width:100%;height:auto}