/* Aevix home: panoramic artwork and gold details, matching the guide cards. */
.av-welcome {
  position: relative; margin: 16px 17px 20px;
  border: 1px solid #76603b; background: #0b0e0f;
  box-shadow: inset 0 0 0 3px #090b0c, inset 0 0 0 4px #282319;
  color: #d9d9d2; font: 15px/1.75 "Segoe UI", Arial, sans-serif;
  overflow-wrap: break-word;
}
.av-welcome::before, .av-welcome::after,
.av-announcement-card::before, .av-announcement-card::after {
  content: ""; position: absolute; width: 13px; height: 13px;
  pointer-events: none; z-index: 1;
}
.av-welcome::before, .av-announcement-card::before {
  left: 3px; top: 3px; border-left: 2px solid #d6b36b; border-top: 2px solid #d6b36b;
}
.av-welcome::after, .av-announcement-card::after {
  right: 3px; bottom: 3px; border-right: 2px solid #d6b36b; border-bottom: 2px solid #d6b36b;
}
.av-welcome-banner {
  min-height: 244px; display: flex; align-items: center; justify-content: flex-end;
  padding: 28px 26px 30px;
  background-image: linear-gradient(to bottom, transparent 72%, #0b0e0f), linear-gradient(90deg, rgba(6,8,9,.04) 15%, rgba(6,8,9,.35) 40%, rgba(6,8,9,.8) 68%), url('../img/aevix/welcome-sanctuary.jpg');
  background-position: center, center, left center;
  background-size: cover; background-repeat: no-repeat;
}
.av-welcome-banner-copy { width: 58%; }
.av-welcome .av-welcome-kicker {
  margin: 0 0 11px; color: #d3b579; font-size: 10px; font-weight: 600;
  letter-spacing: 2.4px; text-transform: uppercase;
}
.av-welcome #av-welcome-title {
  margin: 0; color: #f5d89d;
  font: normal clamp(30px, 2.65vw, 39px)/1.13 Georgia, "Times New Roman", serif;
  letter-spacing: -.4px; text-wrap: balance; text-shadow: 0 2px 9px #000;
}
.av-welcome #av-welcome-title span { display: block; color: #fff0cd; }
.av-welcome-divider { display: flex; align-items: center; gap: 10px; max-width: 150px; margin: 16px 0 13px; color: #d2af67; }
.av-welcome-divider::before, .av-welcome-divider::after { content: ""; height: 1px; flex: 1; }
.av-welcome-divider::before { background: linear-gradient(to right, #c3a15d, #745c31); }
.av-welcome-divider::after { background: linear-gradient(to right, #745c31, transparent); }
.av-welcome-divider span { font-size: 9px; line-height: 1; }
.av-welcome .av-welcome-lead { margin: 0; max-width: 290px; color: #ddd4c1; font: normal 15px/1.55 Georgia, serif; }
.av-welcome-copy { padding: 9px 27px 24px; }
.av-welcome-copy > p { margin: 0 0 16px; }
.av-welcome strong { color: #eedcb5; font-weight: 600; }
.av-welcome-homecoming { border-left: 2px solid #b68e4c; padding: 12px 15px; margin: 21px 0 20px; background: linear-gradient(90deg, rgba(186,145,71,.09), transparent); }
.av-welcome-homecoming p { margin: 0; }
.av-welcome-footer { padding-top: 14px; border-top: 1px solid #3c3222; text-align: center; }
.av-welcome .av-welcome-thanks { color: #babcb6; font-size: 12px; margin: 0 0 5px; }
.av-welcome .av-welcome-signoff { color: #e9c780; font: normal 21px/1.45 Georgia, serif; margin: 0; }
.av-welcome-news-label { margin: 0 17px 12px; padding: 0; color: #e8d8b6; font: normal 13px/1.5 Georgia, serif; letter-spacing: 1.5px; text-transform: uppercase; }
.av-announcement-list { display: grid; gap: 12px; padding: 0 17px 18px; }
.av-announcement { margin: 0; min-width: 0; }
.av-announcement-card {
  position: relative; display: flex; align-items: center; gap: 14px;
  min-height: 148px; padding: 22px 19px 22px 36%;
  border: 1px solid #76603b; box-shadow: inset 0 0 0 3px #0c0f1080;
  background-color: #090d0e; background-size: 100% 100%, auto 100%; background-position: center, left center; background-repeat: no-repeat;
  text-decoration: none; overflow-wrap: anywhere;
}
.av-announcement-card--crystal { background-image: linear-gradient(90deg, #05090b00, #05090bba 37%, #05090bf2 76%), url('../img/aevix/news-crystal.jpg'); }
.av-announcement-card--warhorn { background-image: linear-gradient(90deg, #05090b00, #05090bbf 37%, #05090bf2 76%), url('../img/aevix/news-warhorn.jpg'); }
.av-announcement-copy { flex: 1; min-width: 0; }
.av-announcement-date { display: block; margin-bottom: 6px; color: #c6b78f; font: 10px/1.4 "Segoe UI", Arial, sans-serif; letter-spacing: 1.5px; }
.av-announcement-card h3 { margin: 0 0 7px; color: #f0d69e; font: normal 17px/1.35 Georgia, serif; }
.av-announcement-card p { margin: 0; color: #d5d5cd; font: 13px/1.55 "Segoe UI", Arial, sans-serif; }
.av-announcement-arrow { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border: 1px solid #bd9651; border-radius: 50%; color: #efce87; background: #080c0f9c; }
.av-announcement-arrow .av-icon { width: 15px; height: 15px; }
.av-announcement-card:hover { border-color: #e9c780; }
.av-announcement-card:focus-visible { outline: 2px solid #f3ce80; outline-offset: 3px; }
@media (max-width: 600px) {
  .av-welcome { margin: 13px 12px 18px; font-size: 15px; line-height: 1.7; }
  .av-welcome-banner { min-height: 227px; padding: 27px 19px; background-image: linear-gradient(to bottom, transparent 65%, #0b0e0f), linear-gradient(90deg, #06080950, #060809d9 57%), url('../img/aevix/welcome-sanctuary.jpg'); }
  .av-welcome-banner-copy { width: 73%; }
  .av-welcome #av-welcome-title { font-size: clamp(27px, 6.8vw, 35px); }
  .av-welcome .av-welcome-kicker { font-size: 9px; letter-spacing: 1.7px; }
  .av-welcome .av-welcome-lead { font-size: 14px; }
  .av-welcome-copy { padding: 8px 18px 22px; }
  .av-news > .av-panel-title { align-items: flex-start; flex-wrap: wrap; padding: 14px 0 10px; }
  .av-news > .av-panel-title h2 { font-size: 13px; letter-spacing: 1px; gap: 9px; }
  .av-announcement-list { padding: 0 12px 15px; }
  .av-announcement-card { min-height: 142px; padding: 19px 15px 19px 24%; gap: 10px; }
  .av-announcement-card--crystal { background-image: linear-gradient(90deg, #05090b40, #05090be6 37%, #05090bf5 76%), url('../img/aevix/news-crystal.jpg'); }
  .av-announcement-card--warhorn { background-image: linear-gradient(90deg, #05090b40, #05090be6 37%, #05090bf5 76%), url('../img/aevix/news-warhorn.jpg'); }
  .av-announcement-card h3 { font-size: 16px; }
}
@media (max-width: 400px) {
  .av-welcome-banner-copy { width: 100%; }
  .av-welcome-banner { background-image: linear-gradient(to bottom, transparent 65%, #0b0e0f), linear-gradient(90deg, #060809bf, #060809e0), url('../img/aevix/welcome-sanctuary.jpg'); }
}

/* Bloque informativo de recompensas, antes de los avisos de inicio. */
.av-reward-banner {
  position: relative;
  margin: 0 17px 17px;
  min-height: 180px;
  border: 1px solid #8b7244;
  background: #080c0d;
  overflow: hidden;
  box-shadow: inset 0 0 0 3px #080b0c, inset 0 0 0 4px #30291c;
}
.av-reward-banner::before, .av-reward-banner::after {
  content: '';
  position: absolute;
  z-index: 2;
  pointer-events: none;
  width: 12px;
  height: 12px;
}
.av-reward-banner::before { left: 3px; top: 3px; border-left: 2px solid #d8b66f; border-top: 2px solid #d8b66f; }
.av-reward-banner::after { right: 3px; bottom: 3px; border-right: 2px solid #d8b66f; border-bottom: 2px solid #d8b66f; }
.av-reward-art {
  position: absolute; inset: 0 0 auto; height: 180px;
  background: radial-gradient(ellipse at 18% 50%, #9a5e302b, transparent 42%), linear-gradient(100deg, #11110c, #080c0d 55%);
  overflow: hidden; pointer-events: none;
}
.av-vip-emblem { position:absolute; left:clamp(8px,4.6%,32px); top:14px; width:min(190px,calc(35.5% - 32px)); height:150px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#e8bc83; text-shadow:0 2px 6px #000; }
.av-vip-emblem::before { content:''; position:absolute; width:min(150px,100%); aspect-ratio:1; border:1px solid #9b7048; border-radius:50%; background:radial-gradient(ellipse,#bd824b28,#130f0d 68%); box-shadow:inset 0 0 0 4px #0c0d0a,inset 0 0 0 5px #6f502d,0 0 28px #99632920; }
.av-vip-emblem svg { position:relative; z-index:1; width:min(83px,60%); height:auto; fill:url(#av-vip-metal); filter:drop-shadow(0 3px 4px #000); }
.av-vip-emblem span { position:relative; z-index:1; font:700 12px/1.2 Georgia,serif; letter-spacing:2px; color:#dfbc88; }
.av-vip-emblem small { position:relative; z-index:1; font:9px/1.2 Georgia,serif; letter-spacing:3px; color:#b7986e; }
.av-reward-copy { position: relative; min-height: 178px; padding: 17px 20px 16px 35.5%; display: flex; flex-direction: column; }
.av-reward-kicker { font: 600 9px/1.5 'Segoe UI', Arial, sans-serif; letter-spacing: 1.45px; color: #c6a15d; text-transform: uppercase; margin-bottom: 5px; }
.av-site .av-reward-title { color: #f6dda6; font: 400 23px/1.15 Georgia, serif; margin: 0 0 8px; letter-spacing: -.25px; text-shadow: 0 2px 6px #000; overflow-wrap: break-word; }
.av-site .av-reward-description { font: 13px/1.55 'Segoe UI', Arial, sans-serif; color: #e2dfd4; margin: 0; max-width: 370px; }
.av-reward-footer { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 12px 16px; margin-top: auto; padding-top: 12px; }
.av-reward-details { min-width: 0; max-width: 100%; }
.av-reward-details[open] { flex-basis: 100%; }
.av-site .av-reward-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  max-width: 100%;
  min-height: 30px;
  padding: 5px 12px;
  border: 1px solid #9c7d43;
  color: #f2d69e;
  background: linear-gradient(100deg, #171712, #272112, #0c100f);
  box-shadow: inset 0 0 0 2px #080b0c, inset 0 0 0 3px #483c23;
  font: 700 10px/1.3 Georgia, serif;
  letter-spacing: .3px;
  text-transform: uppercase;
  list-style: none;
  cursor: pointer;
}
.av-reward-button::-webkit-details-marker { display: none; }
.av-reward-button::marker { content: ''; }
.av-reward-button .av-icon { width: 13px; height: 13px; transition: transform .2s; }
.av-reward-details[open] .av-icon { transform: rotate(90deg); }
.av-reward-button:focus-visible { outline: 2px solid #f3ce80; outline-offset: 3px; }
.av-reward-note { align-self: center; font: 10px/1.4 'Segoe UI', Arial, sans-serif; color: #a59e8e; max-width: 130px; }
.av-reward-information { margin-top: 12px; padding-top: 12px; border-top: 1px solid #4d4027; color: #d9d4c8; overflow-wrap: break-word; }
.av-site .av-reward-information h4 { color: #f0d69e; font: 15px/1.4 Georgia, serif; margin: 0 0 7px; }
.av-site .av-reward-information p { margin: 0; font: 13px/1.6 'Segoe UI', Arial, sans-serif; }
@media (max-width: 600px) {
  .av-reward-banner { margin: 0 12px 17px; }
  .av-reward-copy { min-height: 198px; padding: 22px 18px; }
  .av-reward-art { position: relative; height: 148px; background: radial-gradient(ellipse at center, #9a5e302b, transparent 70%), #080c0d; }
  .av-vip-emblem { left:50%; top:0; width:190px; height:148px; transform:translateX(-50%); }
  .av-reward-copy { min-height:0; }
  .av-site .av-reward-title { font-size: 24px; }
  .av-reward-note { max-width: none; }
}