/* Etro WebEngine integration layer. Kept separate from the approved V6 visual CSS. */
.etro-module-page{min-height:calc(100vh - 110px);padding:125px 0 70px;background:linear-gradient(180deg,#080b10,#0a0d13)}
.etro-module-card{max-width:900px;margin:0 auto;padding:32px;border:1px solid var(--gold-line);border-radius:12px;background:linear-gradient(145deg,rgba(16,21,29,.96),rgba(8,12,18,.95));box-shadow:0 24px 60px rgba(0,0,0,.28)}
.etro-module-topline{margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid rgba(214,173,103,.16)}
.etro-module-topline a{color:var(--gold);font-size:12px;font-weight:700}
.etro-module-card .page-title{margin:0 0 24px!important;padding:0 0 14px!important;border-bottom:1px solid rgba(214,173,103,.16)!important;color:#e8c27b!important;text-align:left!important;font-family:Georgia,'Times New Roman',serif!important}
.etro-module-card,.etro-module-card p,.etro-module-card label,.etro-module-card .help-block{color:#c5c9cf}
.etro-module-card a{color:var(--gold-strong)}
.etro-module-card .form-control{height:42px;background:#090d13;border:1px solid rgba(214,173,103,.28);color:#f2f2f0;border-radius:6px;box-shadow:none}
.etro-module-card .form-control:focus{border-color:rgba(235,199,127,.62);box-shadow:0 0 0 2px rgba(214,173,103,.08)}
.etro-module-card .btn-primary,.etro-module-card button[type="submit"]{background:linear-gradient(180deg,var(--red-2),var(--red));border-color:rgba(235,199,127,.48);color:#fff;border-radius:6px;font-weight:700}
.etro-module-card .table{color:#d8dadd;background:rgba(255,255,255,.015)}
.etro-module-card .table>tbody>tr>td,.etro-module-card .table>tbody>tr>th,.etro-module-card .table>thead>tr>td,.etro-module-card .table>thead>tr>th{border-color:rgba(255,255,255,.07)}
.etro-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}
.etro-modal.is-open{display:flex}
.etro-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(4px)}
.etro-modal-card{position:relative;z-index:1;width:min(560px,100%);padding:34px;border:1px solid var(--gold-line);border-radius:12px;background:linear-gradient(145deg,#10151d,#080c12);box-shadow:0 28px 90px rgba(0,0,0,.55)}
.etro-modal-card h2{margin:0 0 24px;color:#e8c27b;font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:500;text-align:center}
.etro-modal-close{position:absolute;top:13px;right:16px;border:0;background:transparent;color:#a9adb4;font-size:28px;line-height:1;cursor:pointer}
.etro-download-list{display:grid;gap:12px}
.etro-download-item{display:grid;grid-template-columns:44px minmax(0,1fr) 32px;align-items:center;gap:15px;padding:15px 16px;border:1px solid rgba(214,173,103,.22);border-radius:9px;background:linear-gradient(135deg,#0c1118,#090d13);transition:.15s ease}
.etro-download-item:hover{border-color:rgba(235,199,127,.55);background:#101721;transform:translateY(-1px)}
.etro-download-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(214,173,103,.24);border-radius:9px;background:rgba(214,173,103,.045);color:#dfbd79}
.etro-download-icon img{width:23px;height:23px;display:block;filter:none}
.etro-download-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.etro-download-copy strong{color:#e7c680;font-family:Georgia,serif;font-size:17px;font-weight:500;line-height:1.25}
.etro-download-desc{color:#d5d7db!important;font-size:13px!important;text-align:left!important;line-height:1.4}
.etro-download-tech{color:#717986!important;font-size:10px!important;letter-spacing:.07em;text-transform:uppercase;text-align:left!important}
.etro-download-action{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#c7a25f;background:rgba(214,173,103,.055)}
.etro-download-item.is-disabled{opacity:.58;cursor:not-allowed}
.etro-download-item.is-disabled:hover{transform:none;border-color:rgba(214,173,103,.22);background:linear-gradient(135deg,#0c1118,#090d13)}

@media(max-width:620px){.etro-module-card{padding:22px 16px}.etro-modal-card{padding:28px 20px}.etro-download-item{grid-template-columns:40px minmax(0,1fr) 28px;padding:13px}.etro-download-icon{width:40px;height:40px}.etro-download-action{width:28px;height:28px}}

/* V8 - selector de idioma discreto */
.nav-actions{display:flex;align-items:center;gap:14px}
.etro-language-control{margin:0}
.etro-language-select{height:36px;min-width:58px;padding:0 24px 0 9px;border:1px solid rgba(214,173,103,.24);border-radius:6px;background:#090d13;color:#c9cdd3;font-size:10px;font-weight:700;letter-spacing:.06em;outline:none;cursor:pointer}
.etro-language-select:hover,.etro-language-select:focus{border-color:rgba(235,199,127,.52);color:#ebc77f}
@media(max-width:900px){.nav-actions{gap:9px}.etro-language-select{height:34px;min-width:54px;padding-left:7px}}
@media(max-width:620px){.etro-language-select{min-width:50px;font-size:9px}.nav-login{padding:9px 11px}}

.etro-auth-page{
  min-height:calc(100vh - 108px);
  padding:116px 0 76px;
  display:flex;
  align-items:flex-start;
  background:
    radial-gradient(circle at 50% 14%,rgba(214,173,103,.035),transparent 25rem),
    linear-gradient(180deg,#080b10 0%,#090d13 100%);
}
.etro-auth-page>.shell{
  width:min(calc(100% - 32px),570px);
}
.etro-auth-card{
  display:flow-root;
  width:100%;
  max-width:570px;
  margin:0 auto;
  padding:30px 40px 36px;
  overflow:visible;
  border:1px solid rgba(214,173,103,.28);
  border-radius:13px;
  background:linear-gradient(150deg,rgba(14,19,27,.985),rgba(7,11,17,.985));
  box-shadow:0 30px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.018);
}
.etro-auth-card::after,
.etro-auth-card .etro-module-content::after,
.etro-auth-card form::after,
.etro-auth-card .form-group::after{
  content:"";
  display:table;
  clear:both;
}
.etro-auth-card .etro-module-topline{
  margin:0 0 22px;
  padding:0 0 17px;
  border-bottom:1px solid rgba(214,173,103,.12);
  text-align:center;
}
.etro-auth-card .etro-module-topline a{
  display:inline-block;
  color:#cfa762;
  font-size:11px;
  font-weight:700;
  text-decoration:none;
}
.etro-auth-heading{
  margin:0 0 30px;
  text-align:center;
}
.etro-auth-heading h1{
  margin:0;
  color:#e6c27d;
  font-family:Georgia,'Times New Roman',serif;
  font-size:34px;
  line-height:1.16;
  font-weight:500;
  letter-spacing:.01em;
  text-align:center;
}
.etro-auth-card .page-title{display:none!important}
.etro-auth-card .etro-module-content,
.etro-auth-card form{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}

.etro-auth-card .row{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.etro-auth-card [class^="col-"],
.etro-auth-card [class*=" col-"],
.etro-auth-card [class*="col-xs-"],
.etro-auth-card [class*="col-sm-"],
.etro-auth-card [class*="col-md-"],
.etro-auth-card [class*="col-lg-"]{
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.etro-auth-card .form-horizontal .form-group,
.etro-auth-card .form-group{
  width:100%!important;
  margin:0 0 21px!important;
  padding:0!important;
}
.etro-auth-card .form-horizontal .control-label,
.etro-auth-card .control-label,
.etro-auth-card label{
  display:block!important;
  float:none!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:0!important;
  color:#d7bc84!important;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  text-align:center!important;
}
.etro-auth-card .form-control{
  display:block;
  width:100%!important;
  height:46px!important;
  margin:0 auto!important;
  padding:10px 12px;
  background:#080c12!important;
  border:1px solid rgba(214,173,103,.30)!important;
  border-radius:7px!important;
  color:#f2f2ef!important;
  font-size:14px;
  text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.01)!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.etro-auth-card .form-control:focus{
  background:#0a0f16!important;
  border-color:rgba(235,199,127,.67)!important;
  box-shadow:0 0 0 3px rgba(214,173,103,.07)!important;
  outline:0;
}
.etro-auth-card .help-block,
.etro-auth-card .form-text,
.etro-auth-card small{
  display:block!important;
  width:100%!important;
  margin:7px 0 0!important;
  color:#9097a1!important;
  font-size:11px;
  line-height:1.45;
  text-align:center!important;
}
.etro-auth-card p,
.etro-auth-card .text-center,
.etro-auth-card .text-left,
.etro-auth-card .text-right{
  text-align:center!important;
}
.etro-auth-card p{
  margin-left:auto!important;
  margin-right:auto!important;
  color:#aeb4bd;
  font-size:12px;
  line-height:1.65;
}
.etro-auth-card a{color:#dfb96f}
.etro-auth-card a:hover{color:#f0cf8c;text-decoration:none}
.etro-auth-card .checkbox,
.etro-auth-card .radio{
  margin:10px 0 18px!important;
  text-align:center!important;
}
.etro-auth-card .checkbox label,
.etro-auth-card .radio label{
  display:inline-flex!important;
  align-items:center;
  width:auto!important;
  color:#b7bdc6!important;
  font-weight:400;
  text-align:left!important;
}

.etro-auth-card .g-recaptcha{
  width:304px;
  max-width:100%;
  margin:6px auto 21px!important;
}
.etro-auth-card .g-recaptcha>div,
.etro-auth-card iframe[title*="reCAPTCHA" i]{
  margin-left:auto!important;
  margin-right:auto!important;
}

.etro-auth-card .btn-primary,
.etro-auth-card button[type="submit"],
.etro-auth-card input[type="submit"]{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%!important;
  min-height:47px;
  margin:14px auto 0!important;
  padding:10px 18px!important;
  float:none!important;
  border:1px solid rgba(235,199,127,.46)!important;
  border-radius:7px!important;
  background:linear-gradient(180deg,#aa2925,#881d1a)!important;
  color:#fff!important;
  font-size:12px;
  font-weight:800!important;
  letter-spacing:.025em;
  text-align:center!important;
  text-transform:uppercase;
  box-shadow:0 10px 28px rgba(91,16,14,.18);
}
.etro-auth-card .btn-primary:hover,
.etro-auth-card button[type="submit"]:hover,
.etro-auth-card input[type="submit"]:hover{
  background:linear-gradient(180deg,#b9322d,#95231f)!important;
  border-color:rgba(235,199,127,.70)!important;
}
.etro-auth-card .alert{
  margin:0 0 22px;
  border-radius:7px;
  font-size:12px;
  text-align:center;
}
.etro-auth-switch{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  width:100%;
  margin:27px 0 0;
  padding:21px 0 0;
  clear:both;
  border-top:1px solid rgba(214,173,103,.12);
  color:#8f96a0;
  font-size:12px;
  text-align:center;
}
.etro-auth-switch a{font-weight:700}

.etro-auth-register .etro-module-content>*{
  max-width:100%!important;
}
.etro-auth-register table{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.etro-auth-register td,
.etro-auth-register th{
  text-align:center!important;
}

@media(max-width:620px){
  .etro-auth-page{padding:92px 0 50px}
  .etro-auth-page>.shell{width:min(calc(100% - 22px),570px)}
  .etro-auth-card{padding:25px 20px 29px;border-radius:10px}
  .etro-auth-heading{margin-bottom:25px}
  .etro-auth-heading h1{font-size:29px}
  .etro-auth-card .g-recaptcha{
    transform:scale(.90);
    transform-origin:center top;
    width:338px;
    margin-left:50%!important;
    margin-right:0!important;
    translate:-50% 0;
    margin-bottom:-3px!important;
  }
}
@media(max-width:360px){
  .etro-auth-card .g-recaptcha{transform:scale(.82);width:371px}
}


.etro-auth-register .etro-register-terms{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:24px auto 18px!important;
  padding:0!important;
  float:none!important;
  clear:both!important;
  color:#aeb4bd!important;
  font-size:12px;
  line-height:1.65;
  text-align:center!important;
}
.etro-auth-register .etro-register-terms *{
  text-align:center!important;
}
.etro-auth-register .etro-register-terms a{
  display:inline!important;
  color:#dfb96f;
}


.etro-auth-register .form-control.etro-password-mismatch {
    border-color: #c83b3b !important;
    box-shadow: 0 0 0 2px rgba(200,59,59,.12) !important;
}

.etro-password-warning {
    display: none;
    margin: 7px 0 0;
    text-align: center;
    color: #dc6262;
    font-size: 11px;
    font-weight: 700;
}

.etro-password-warning.is-visible {
    display: block;
}

.etro-download-security{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid rgba(214,173,103,.14);
  color:#7f8792;
  font-size:11px;
  line-height:1.55;
  text-align:center;
}
.etro-download-security i{
  flex:0 0 auto;
  color:#9f854f;
  font-size:12px;
}
.etro-download-security span{
  max-width:430px;
}
@media(max-width:620px){
  .etro-download-security{
    align-items:flex-start;
    font-size:10px;
  }
}

.myaccount-character-name {
    text-align: center;
    margin-bottom: 8px;
    color: #f0c56a;
    font-weight: 600;
}

.myaccount-character-block {
    width: 92px;
    height: 92px;
    margin: 0 auto 10px auto;
    padding: 4px;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(201, 155, 75, 0.35);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.myaccount-character-block img {
    width: 82px;
    height: 82px;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}

.myaccount-character-block-location {
    text-align: center;
    font-size: 13px;
    line-height: 1.35;
    color: #d7dbe3;
    margin-bottom: 8px;
}

.myaccount-character-block-level {
    display: inline-block;
    position: static;
    top: auto;
    background: rgba(201, 155, 75, 0.14);
    border: 1px solid rgba(201, 155, 75, 0.35);
    color: #f0c56a;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 700;
    margin-top: 4px;
}

.online-status-indicator {
    width: 10px;
    height: 10px;
    margin-left: 6px;
    vertical-align: middle;
}

.etro-character-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.etro-character-grid > .col-xs-3 {
    float: none !important;
    width: 20% !important;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 8px;
    padding-right: 8px;
}


@media (max-width: 767px) {
    .etro-character-grid > .col-xs-3 {
        width: 33.333% !important;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
}

/* Móvil */
@media (max-width: 520px) {
    .etro-character-grid > .col-xs-3 {
        width: 50% !important;
        flex-basis: 50%;
        max-width: 50%;
    }
}

.etro-module-content {
    display: flow-root;
}


.etro-module-content > .col-xs-8.col-xs-offset-2 {
    float: none !important;
    width: 100% !important;
    max-width: 620px;
    margin: 26px auto 4px !important;
    padding: 0 !important;
}


.etro-module-content .form-horizontal .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


.etro-module-card .page-title {
    margin: 0 0 28px !important;
    padding: 0 0 16px !important;
}


.etro-module-card {
    padding: 30px 34px 36px;
}

@media (max-width: 620px) {
    .etro-module-card {
        padding: 22px 18px 28px;
    }

    .etro-module-content > .col-xs-8.col-xs-offset-2 {
        max-width: 100%;
        margin-top: 20px !important;
    }
}