/* Shared Otera identity: gold wordmark, forest banner and native dropdown menus. */
body.otera-body{background:#08140f}
#otera{padding:0;background:radial-gradient(ellipse at 12% 0%,#203426,transparent 55%),#0c1c16;max-width:1440px}
#otera .ot-topbar{display:flex;align-items:center;gap:32px;padding:12px 38px;position:relative;z-index:5;background:linear-gradient(100deg,#07180ef0,#10261bed),url(images/brand/otera-adventure.webp) 5% 15%/cover;border-top:1px solid #c3a15c7a;border-bottom:1px solid #c3a15c;box-shadow:inset 0 -3px #07150d,inset 0 -4px #c6a66635}
#otera .ot-gold-brand{display:block;margin-right:auto;flex:0 0 auto;line-height:0}
#otera .ot-gold-brand img{display:block;width:207px;height:76px;object-fit:contain;filter:drop-shadow(0 2px 2px #0006)}
#otera .ot-topnav{display:flex;align-items:center;gap:30px;color:#e7ddbe}
#otera .ot-topnav>a,#otera .ot-topnav summary{font:16px/1.5 Georgia,serif;color:#ede0bd;text-decoration:none;padding:11px 0;white-space:nowrap}
#otera .ot-topnav summary{cursor:pointer;list-style:none;display:flex;gap:12px;align-items:center}
#otera .ot-topnav summary::-webkit-details-marker{display:none}
#otera .ot-topnav summary span{color:#cda65b;font-size:15px}
#otera .ot-topnav>a:hover,#otera .ot-topnav summary:hover{color:#ffe5a1}
#otera .ot-topnav details{position:relative}
#otera .ot-topmenu{position:absolute;top:calc(100% + 12px);left:-20px;min-width:228px;padding:12px;background:#10281d;border:1px solid #b79754;box-shadow:0 12px 25px #0009,inset 0 0 0 3px #c3a66612;z-index:10}
#otera .ot-topmenu a{display:block;color:#e2ddc1;font:13px/1.5 Arial,sans-serif;padding:10px 12px;text-decoration:none}
#otera .ot-topmenu a:hover,#otera .ot-topmenu a:focus-visible{background:#284330;color:#ffdc8d}
#otera .ot-topaccount{flex-shrink:0}
#otera a.ot-gold-outline{display:block;padding:9px 25px;font:17px/1.5 Georgia,serif;color:#f4dfa1;text-decoration:none;border:1px solid #e4c373;background:linear-gradient(145deg,#55491d88,#122619);box-shadow:inset 0 0 0 2px #142214,inset 0 0 0 3px #a3874540,0 2px 6px #0006;text-shadow:0 1px 3px #000}
#otera a.ot-gold-outline:hover{background:linear-gradient(145deg,#72602b99,#203521);color:#fff0bc}
#otera .ot-livebar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 40px;background:#0a1711;color:#b6c1a8;font:11px/1.5 Arial,sans-serif;border-bottom:1px solid #b0995930}
#otera .ot-livebar a{color:inherit;text-decoration:none}
#otera .ot-livebar .ot-header-status{text-align:left;min-width:0}
#otera .ot-livebar .ot-status-dot{width:5px;height:5px;margin-right:8px;vertical-align:middle}
#otera .ot-live-account{white-space:nowrap;color:#d4c18e}
#otera .ot-live-right{display:flex;align-items:center;gap:18px;flex-shrink:0}
#otera .ot-langs{display:flex;align-items:center;gap:10px}
#otera .ot-langs .ot-lang{display:flex;align-items:center;gap:6px;padding:3px 6px;border:1px solid transparent;color:#8e9c85;opacity:.72;white-space:nowrap}
#otera .ot-langs .ot-lang:hover{opacity:1;color:#e7d6a5;border-color:#b0995950}
#otera .ot-langs .ot-lang.is-current{opacity:1;color:#f0dda8;border-color:#c3a15c8c;background:#16291d}
#otera .ot-flag{display:block;flex-shrink:0;border:1px solid #00000059;box-shadow:0 0 0 1px #ffffff1a}
#otera.ot-home-shell .ot-grid{display:block;padding:0}
#otera.ot-inner-shell .ot-grid{padding:30px 32px 0}
#otera .ot-footer{padding:30px 24px;background:#07140e;border-top:1px solid #c3a05a55;color:#b1bba2;font-size:11px}
#otera .ot-footer-brand{display:block;width:150px;margin:0 auto 16px;line-height:0}
#otera .ot-footer-brand img{width:150px;height:auto}
#otera.ot-home-shell .ot-below{margin:0;padding:28px 40px 35px;background:#14261c;border:0;border-top:1px solid #d1b56d55;box-shadow:none;color:#e1d9c0}
#otera.ot-home-shell .ot-below .ot-ribbon{padding:0 0 12px;background:none;border:0;color:#e9dfc4;font:27px/1.2 Georgia,serif;letter-spacing:0}
#otera.ot-home-shell .ot-below .ot-ribbon span:last-child{font-size:9px;color:#b6b992}
#otera.ot-home-shell .ot-news{padding:22px 0;grid-template-columns:65px minmax(0,1fr)}
#otera.ot-home-shell .ot-news h2{color:#e7dab6;font-size:23px}
#otera.ot-home-shell .ot-news p{color:#b7c1ab}
#otera.ot-home-shell .ot-date{color:#d3b773;border-color:#877b4855}
#otera.ot-home-shell .ot-news+.ot-news{border-color:#877b4855}
#otera.ot-home-shell .ot-textbutton,#otera.ot-home-shell .ot-news-archive{color:#d8b978}
#otera.ot-home-shell .ot-news-archive{padding:5px 0 0}
@media(max-width:950px){#otera .ot-topbar{gap:23px;padding:9px 27px}#otera .ot-gold-brand img{width:170px;height:63px}#otera .ot-topnav{gap:21px}#otera .ot-topnav>a,#otera .ot-topnav summary{font-size:15px}#otera a.ot-gold-outline{font-size:15px;padding:8px 17px}#otera .ot-livebar{padding:8px 28px}}
@media(max-width:700px){#otera .ot-topbar{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:10px 22px 5px}#otera .ot-gold-brand img{width:164px;height:59px}#otera .ot-topaccount{grid-column:2;grid-row:1}#otera .ot-topnav{grid-column:1/-1;grid-row:2;justify-content:center;gap:35px}#otera .ot-topnav>a,#otera .ot-topnav summary{font-size:14px;padding:10px 0}#otera .ot-topmenu{min-width:220px;top:100%;left:-15px}#otera .ot-topnav details:nth-child(2) .ot-topmenu{left:auto;right:-55px}#otera .ot-livebar{padding:9px 22px;font-size:10px;flex-wrap:wrap;gap:3px 14px}#otera .ot-live-count{display:none}#otera.ot-inner-shell .ot-grid{padding:20px 16px 0}#otera.ot-home-shell .ot-below{padding:28px 23px}#otera.ot-home-shell .ot-below .ot-ribbon span:last-child{display:none}}
@media(max-width:370px){#otera .ot-topbar{padding-inline:16px;column-gap:10px}#otera .ot-gold-brand img{width:139px;height:54px}#otera a.ot-gold-outline{font-size:13px;padding:8px 13px}#otera .ot-topnav{gap:26px}#otera .ot-livebar{padding-inline:17px}#otera.ot-home-shell .ot-news{grid-template-columns:1fr;gap:7px}#otera.ot-home-shell .ot-date{border:0}}
/* En pantallas chicas el nombre del idioma se cae y quedan solo las banderas:
   el renglon del estado del servidor ya ocupa el ancho. */
@media(max-width:820px){#otera .ot-langs .ot-lang-name{display:none}#otera .ot-live-right{gap:12px}#otera .ot-langs{gap:6px}}