:root{color-scheme:light;--deep:#053c40;--gold:#edcf75}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#08767e,var(--deep) 65%);color:#faf8ef;font:16px/1.7 Manrope,Arial,sans-serif;min-height:100vh}header{max-width:1160px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #f1d58a44}.signature{font:700 60px/1 Allura,cursive;color:#e5eef1}.badge{font-size:10px;letter-spacing:.13em;border:1px solid #e4c76e;border-radius:20px;padding:7px 12px}main{max-width:1050px;margin:auto;padding:55px 28px;display:grid;grid-template-columns:1fr 440px;gap:40px;align-items:start}h1{font-size:44px;line-height:1.15;margin:15px 0 25px;letter-spacing:-.04em}h1 span{display:block;background:linear-gradient(115deg,#b78020,#fff2a6,#c69430,#fff5bd,#b78020);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gleam 6s infinite}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#f3d88e}.note{font-size:13px;line-height:1.7;opacity:.85}.card{min-width:0;padding:18px;border:2px solid transparent;border-radius:16px;background:linear-gradient(#faf8ef,#faf8ef) padding-box,linear-gradient(115deg,#b78020,#fff2a6,#c69430,#fff5bd,#b78020) border-box;background-size:100% 100%,250% 100%;animation:frame 6s infinite;color:#053c40;box-shadow:0 20px 60px #001d2244}#status{text-align:center;font-size:14px}#welcome{padding:12px}#welcome h2{font-size:27px;line-height:1.3;overflow-wrap:anywhere}#user-button{margin:25px 0}.success{font-size:13px;font-weight:800;color:#075e63}button{font:700 14px Manrope,Arial,sans-serif;cursor:pointer;border:1px solid #b88a2c;border-radius:25px;padding:14px 20px}.gold{background:linear-gradient(115deg,#bc8828,#ffefa7,#d2a446,#fff0a7,#bc8828);background-size:250% 100%;color:#073c40;animation:gleam 6s infinite}button:focus-visible,a:focus-visible{outline:3px solid #c4983a;outline-offset:4px}aside{grid-column:1/-1;border-top:1px solid #dfc57266;padding-top:25px}aside h2{font-size:24px}li{margin:10px 0}footer{text-align:center;padding:20px;font-size:11px;color:#e2ce90;letter-spacing:.1em}.cl-rootBox,.cl-cardBox{max-width:100%!important;width:100%!important}.cl-card{box-shadow:none!important;border:0!important}.cl-footer{border-radius:0 0 12px 12px!important}[hidden]{display:none!important}@keyframes gleam{50%{background-position:100% 50%}}@keyframes frame{50%{background-position:0 0,100% 50%}}@media(max-width:800px){main{grid-template-columns:1fr;padding:32px 20px;gap:24px}h1{font-size:36px}.signature{font-size:48px}header{padding:20px}.badge{font-size:8px;max-width:125px;text-align:center}.card{padding:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}

/* Reflejo plateado del nombre profesional */
.signature{display:inline-block;padding:.08em .12em .16em 0;background:linear-gradient(110deg,#93a9ad 0%,#e1eaed 18%,#ffffff 25%,#a1b5ba 34%,#eef6f7 46%,#ffffff 50%,#91a8ae 57%,#d5e1e5 72%,#ffffff 79%,#93a9ad 100%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px #001f2666);animation:signature-reflection 4s linear infinite}
@keyframes signature-reflection{from{background-position:100% 50%}to{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){.signature{animation:none;background-position:48% 50%}}
main{max-width:1160px;grid-template-columns:1fr 440px}header{flex-wrap:wrap}.signature{text-decoration:none}.intro{max-width:560px}.workshop{border-left:2px solid #e0bf65;padding:5px 0 5px 20px;margin:30px 0}.workshop p{margin:8px 0}.backlink{color:#f1da8e;text-underline-offset:6px}#account{display:flex;align-items:center;gap:15px}#account button{background:transparent;color:#f8f3e7;border-color:#d6bb68}.profile-card h2{font-size:27px;line-height:1.25}.profile-card .eyebrow{color:#846119}form label{display:block;font-weight:700;font-size:14px;margin:18px 0 8px}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #9aaeb0;border-radius:9px;background:#fffdf7;color:#053c40}input:focus,select:focus,textarea:focus{outline:2px solid #b78a2a;outline-offset:2px}.check{display:flex;align-items:flex-start;gap:10px;font-weight:400}.check input{width:auto;margin-top:6px}.profile-card details{font-size:13px;margin-top:22px}.profile-card form>.gold{margin-top:16px;width:100%}[role=alert]{color:#a33329;font-size:14px}.community{grid-column:1/-1;min-width:0}.community-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.community-heading h2{font-size:44px;margin:0;line-height:1.2}.community-heading .eyebrow{margin-bottom:10px}.gold-text{background:linear-gradient(115deg,#ae7918,#fff5b3,#d6ad4f,#fffbe3,#ae7918);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gleam 4s infinite}.channels{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.channels button,#edit-profile,#refresh,#load-members{background:#063f43;color:#f7e6a8;border-color:#b39248}.channels .active{background:linear-gradient(115deg,#b8821c,#fff0a4,#d5a83e,#fff7c3);background-size:250% 100%;color:#053c40;animation:gleam 5s infinite}.chat-card{padding:20px;border:2px solid transparent;border-radius:18px;background:linear-gradient(#f8f5eb,#f8f5eb) padding-box,linear-gradient(115deg,#b78020,#fff2a6,#c69430,#fff5bd,#b78020) border-box;background-size:100% 100%,250% 100%;animation:frame 5s infinite;color:#053c40;box-shadow:0 15px 45px #001a2233}.chat-top{display:flex;justify-content:space-between;align-items:center;font-weight:800;gap:10px}.sync{font-size:12px;color:#526e70}.messages{height:440px;overflow:auto;scroll-behavior:smooth;overscroll-behavior:contain;padding:10px 5px;display:flex;flex-direction:column;gap:15px}.message{max-width:85%;align-self:flex-start;background:#e7edeb;border-radius:0 15px 15px;padding:12px 16px;overflow-wrap:anywhere}.message.own{align-self:flex-end;background:#075a60;color:#fff9e7;border-radius:15px 0 15px 15px}.message .meta{font-size:11px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.message p{white-space:pre-wrap;margin:6px 0}.message a{color:inherit;text-decoration:underline;text-underline-offset:3px}.message .remove{font-size:11px;padding:2px 8px;background:transparent;color:inherit;border-color:currentColor;opacity:.8}.empty{text-align:center;margin:auto;color:#527073;padding:30px}#message-form{border-top:1px solid #becdc9;padding-top:15px}textarea{resize:vertical;min-height:75px;max-height:220px}.send-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px}.send-row .note{font-size:11px}button:disabled{opacity:.5;cursor:wait}.technical{font-size:12px;margin:25px 0;opacity:.85}.technical code{overflow-wrap:anywhere;user-select:all}.member-row{padding:12px 0;border-bottom:1px solid #b2c8c6}.member-row p{margin:4px 0}.member-actions{display:flex;gap:8px;flex-wrap:wrap}.member-actions button{font-size:11px;padding:5px 10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#moderation{margin-top:25px}#new-messages{display:block;margin:0 auto 12px;font-size:12px;padding:6px 14px}summary{cursor:pointer}.profile-card{padding:24px}#profile-error:empty,#message-error:empty{display:none}@media(max-width:800px){main{grid-template-columns:1fr}.community-heading h2{font-size:34px}.chat-card{padding:13px}.messages{height:48vh;min-height:280px}.message{max-width:94%}.channels button{font-size:12px;padding:10px 13px}.send-row{align-items:flex-start}.profile-card{padding:22px}.signature{font-size:45px}.badge{max-width:145px}header{gap:15px}#account{margin-left:auto}.intro{max-width:none}}

.eyebrow,footer,.backlink{background:linear-gradient(110deg,#c39b3d,#fff6bb,#d6b45a,#fffbe3,#c39b3d);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gleam 5s infinite}.profile-card .eyebrow{background:linear-gradient(110deg,#815916,#b08122,#725017);background-clip:text;-webkit-background-clip:text;color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #e5c66b;outline-offset:4px}