:root{--color-principal: #CCFF33;--color-principal-claro: #E0FF66;--color-principal-muy-claro: #F0FFAA;--color-principal-oscuro: #B3E600;--color-principal-muy-oscuro: #99CC00;--color-secundario: #6633FF;--color-acento: #FF33CC;--color-fondo: #FFFFFF;--color-fondo-suave: #F8F9FA;--color-fondo-gris: #E9ECEF;--color-texto: #212529;--color-texto-claro: #6C757D;--color-exito: #28A745;--color-advertencia: #FFC107;--color-error: #DC3545;--color-info: #17A2B8;--sombra-suave: 0 2px 4px rgba(204, 255, 51, .1);--sombra-media: 0 4px 8px rgba(204, 255, 51, .15);--sombra-fuerte: 0 8px 16px rgba(204, 255, 51, .2)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-fondo);color:var(--color-texto);line-height:1.6;margin:0;padding:0}.btn-principal{background-color:var(--color-principal);color:var(--color-texto);border:none;padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:var(--sombra-suave)}.btn-principal:hover{background-color:var(--color-principal-oscuro);box-shadow:var(--sombra-media);transform:translateY(-2px)}.btn-secundario{background-color:transparent;color:var(--color-principal);border:2px solid var(--color-principal);padding:10px 22px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-secundario:hover{background-color:var(--color-principal);color:var(--color-texto)}.tarjeta{background-color:var(--color-fondo);border-radius:12px;padding:24px;box-shadow:var(--sombra-suave);transition:all .3s ease}.tarjeta:hover{box-shadow:var(--sombra-media);transform:translateY(-4px)}.tarjeta-destacada{background:linear-gradient(135deg,var(--color-principal-muy-claro) 0%,var(--color-fondo) 100%);border:2px solid var(--color-principal)}h1,h2,h3{color:var(--color-texto);margin-top:0}h1{font-size:2.5rem;position:relative;display:inline-block}h1:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background-color:var(--color-principal);border-radius:2px}a{color:var(--color-principal-oscuro);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-principal);text-decoration:underline}input[type=text],input[type=email],input[type=password],textarea{width:100%;padding:12px;border:2px solid var(--color-fondo-gris);border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box}input:focus,textarea:focus{outline:none;border-color:var(--color-principal);box-shadow:0 0 0 3px #cf33}.badge{display:inline-block;padding:6px 12px;background-color:var(--color-principal);color:var(--color-texto);border-radius:16px;font-size:14px;font-weight:600}.badge-outline{background-color:transparent;border:2px solid var(--color-principal);color:var(--color-principal-oscuro)}.progress-bar{width:100%;height:12px;background-color:var(--color-fondo-gris);border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-principal-oscuro) 0%,var(--color-principal) 100%);transition:width .3s ease}.texto-principal{color:var(--color-principal-oscuro)}.fondo-principal{background-color:var(--color-principal)}.fondo-principal-suave{background-color:var(--color-principal-muy-claro)}.borde-principal{border:2px solid var(--color-principal)}