/* duelos.es: aspecto de cuenta.duelos.es (Eternaltwin) con los colores de duelos.es.
   Se inyecta desde Apache (vhost cuenta.duelos.es.conf); ver duelos.es-svc/README.md. */
:root { --duelos-fondo: #ebad70; --duelos-papel: #fbf7c0; --duelos-papel2: #f8ed8f; --duelos-marron: #733d2c;
  --duelos-texto: #5a2e20; --duelos-salmon: #d9725a; --duelos-salmon-claro: #f2a68d; --duelos-terracota: #a84f3b; }
html, body { background: linear-gradient(180deg, #f7e1b7 0, var(--duelos-fondo) 220px) !important; color: var(--duelos-texto) !important; }
body * { text-shadow: none !important; }
.star-bg, etwin-footer, footer, .splitter, form[action="/actions/login/discord"], form[action="/actions/login/gitlab"],
etwin-language-picker, .npc, a[href="/register/email"] { display: none !important; }
/* Panel central */
.content { background: var(--duelos-papel) !important; color: var(--duelos-texto) !important; border: 3px solid var(--duelos-marron) !important;
  border-radius: 10px !important; box-shadow: 0 4px 0 #a0622f, 0 8px 18px rgba(90, 46, 32, .35) !important; }
.content h1, .content h2 { color: var(--duelos-terracota) !important; }
.content h3, .content label span, .content p, .content li, .content label { color: var(--duelos-texto) !important; }
.content a { color: var(--duelos-terracota) !important; font-weight: 700; }
.content a:hover { color: var(--duelos-salmon) !important; }
.content h3 img { display: none !important; }
/* Campos */
.content input.field, .content input[type=text], .content input[type=password], .content input[type=email] {
  background: #fffdf0 !important; color: var(--duelos-texto) !important; border: 2px solid #c79a6e !important; border-radius: 6px !important; }
.content input:focus { border-color: var(--duelos-salmon) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(217, 114, 90, .25) !important; }
.content input[type=checkbox] { accent-color: var(--duelos-salmon); }
/* Botones */
.content .btn, .content input[type=submit], .content button, .content a.btn {
  background: var(--duelos-salmon) !important; background-image: none !important; color: #fff !important; border: 2px solid var(--duelos-terracota) !important;
  border-radius: 6px !important; box-shadow: 0 3px 0 var(--duelos-terracota) !important; font-weight: 700 !important; }
.content .btn:hover:not([disabled]), .content input[type=submit]:hover:not([disabled]) { background: var(--duelos-terracota) !important; }
.content .btn[disabled], .content input[type=submit][disabled] { background: #e7c4b4 !important; border-color: #c9998a !important; color: #fff !important;
  box-shadow: none !important; opacity: 1 !important; }
/* Recuadros de información y opciones del registro */
.content .info, .content .info p { background: var(--duelos-papel2) !important; border-color: #c79a6e !important; color: var(--duelos-texto) !important; }
.content .info::before, .content .info > *::before { color: var(--duelos-terracota) !important; background: transparent !important; }
.content ul, .content li { border-color: #c79a6e !important; }
/* Cabecera: logo de Duelos (la misma imagen que la cabecera de duelos.es) */
etwin-main-layout > header, etwin-small-layout > header {
  background: url(https://duelos.es/images/es/header/head.webp?v=6) center 4px / auto 104px no-repeat,
    linear-gradient(180deg, #f7e1b7 0, #f0c48f 100%) !important;
  border-bottom: 3px solid #a0622f !important; }
etwin-main-layout > header a, etwin-small-layout > header a { display: block; height: 100%; color: transparent !important; }
.etwin-bar-placeholder { background: #2a1c17 !important; }
/* Personajes de duelos.es a los lados del panel (uno al azar a cada lado) */
.duelos-pj { position: absolute; top: 210px; width: 300px; z-index: 0; pointer-events: none;
  filter: drop-shadow(3px 3px 0 rgba(115, 61, 44, .35)); }
.duelos-pj.izq { right: calc(50% + 210px); }
.duelos-pj.der { left: calc(50% + 210px); }
etwin-small-layout { position: relative; display: block; }
.content { position: relative; z-index: 1; }
@media (max-width: 1000px) { .duelos-pj { display: none; } }

/* reCAPTCHA del inicio de sesión */
.content .duelos-captcha { display: flex; justify-content: center; margin: 4px 0 12px; }
.content .duelos-captcha-msg { color: #b3261e !important; font-weight: 700; text-align: center; margin: 0 0 10px; }
.content .duelos-captcha-msg:empty { display: none; }
/* Más compacto: menos huecos entre títulos, ayudas y campos */
.content { padding: 22px 28px !important; width: 400px !important; max-width: calc(100vw - 24px) !important; margin-top: 24px !important; }
.content h1 { font-size: 30px !important; line-height: 1.15 !important; margin: 0 0 10px !important; }
.content h3 { margin: 0 0 10px !important; font-size: 14px !important; }
.content label { margin: 10px 0 0 !important; display: block; }
.content label > span { display: block; margin-bottom: 2px; }
.content .info { margin: 6px 0 !important; font-size: 13px !important; line-height: 1.35 !important; }
.content .info p { margin: 0 !important; }
.content input.field, .content input[type=text], .content input[type=password] { padding: 7px 10px !important; margin: 4px 0 0 !important; }
.content input[type=submit], .content .btn { margin-top: 10px !important; padding-top: 8px !important; padding-bottom: 8px !important; }
.content .captcha, .content .duelos-captcha { margin: 10px 0 4px !important; }
.content p { margin: 8px 0 0 !important; }
.content form + p, .content > p:last-child { margin-top: 12px !important; }
etwin-small-layout > header { margin-bottom: 0 !important; }
.content label:has(input[type=checkbox]) { display: flex !important; align-items: center; gap: 8px; }
.content label:has(input[type=checkbox]) > span { display: inline !important; margin: 0 !important; }
.content input[type=checkbox] { margin: 0 !important; width: 16px; height: 16px; flex: none; }
/* Sin el menú de Eternaltwin (Nexus, Games, News, Forum, Groups, Contribute, Docs, Association) */
#headBar, nav#main-menu { display: none !important; }
etwin-main-layout > .content { margin-top: 24px !important; }
/* Páginas interiores (perfil, ajustes…): panel ancho y barra superior marrón como en duelos.es */
etwin-main-layout > .content { width: 760px !important; }
etwin-bar, etwin-bar .buttonList, etwin-bar a { background: #2a1c17 !important; border-color: #5e4035 !important; color: #f2a68d !important; }
etwin-bar a:hover { color: #fff !important; }
.content .duelos-olvido { text-align: center; margin: 8px 0 0 !important; font-size: 14px; }
/* Registro aún más compacto */
.content form.duelos-registro { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; }
.content form.duelos-registro > * { grid-column: 1 / -1; }
.content form.duelos-registro > label:has(input[type=password]) { grid-column: auto; }
.content form.duelos-registro > h1 { margin-bottom: 4px !important; }
.content form.duelos-registro > .info { display: none !important; }          /* "Tranquilo: podrás cambiar…" */
.content form.duelos-registro label .info { background: none !important; border: 0 !important; padding: 0 !important;
  margin: 0 0 2px !important; font-size: 12px !important; line-height: 1.3 !important; opacity: .85; }
.content form.duelos-registro label .info::before { display: none !important; }
.content form.duelos-registro label { margin-top: 8px !important; }
.content form.duelos-registro > label:has(input[type=checkbox]) { margin-top: 10px !important; font-size: 14px; }
.content form.duelos-registro etwin-captcha .captcha { margin: 8px 0 0 !important; }
.content form.duelos-registro > div:has(a.btn) { text-align: center; }
.content form.duelos-registro a.btn.tertiary { display: inline !important; background: none !important; border: 0 !important; box-shadow: none !important;
  color: #a84f3b !important; text-transform: none !important; padding: 0 !important; font-size: 14px !important; }
.content form.duelos-registro > p { margin-top: 6px !important; text-align: center; }
/* Ajustes: botón de borrar la cuenta en rojo */
.content form[action="/actions/delete-user"] input[type=submit] { background: #b3261e !important; border-color: #7a1a14 !important; box-shadow: 0 3px 0 #7a1a14 !important; }
.content details summary { cursor: pointer; color: #a84f3b; font-weight: 700; }
etwin-bar input { background: #3a2720 !important; color: #f2d6c4 !important; border-color: #5e4035 !important; }
etwin-bar input::placeholder { color: #b08f82 !important; }