h1 { 
	color: #BD382D;
	font-size: 50px;
	font-weight:bold;
	text-shadow: 1px 1px 0px rgba(204, 204, 204, 0.8);
}

h1 small {
	font-style: italic;
	text-transform: uppercase;
	font-size: 50%;
}

h2 {
	color: #BD382D;
	font-size: 30px;
	font-weight:700;
    /* font-style: normal; */
}

h3 {
	color: #756e5c;
	font-size: 25px;
	font-weight: 700;
}

h2 { text-shadow: 1px 1px 0px rgba(204, 204, 204, 0.8); font-weight:400; text-transform: uppercase; }
h3 { text-shadow: 1px 1px 0px rgba(204, 204, 204, 0.8); }
h3.reglas { font-weight:700; margin-top:50px; }
.reglas-penalizaciones { font-weight: 700; font-size: 18px; margin-top: 20px; }
.reglas-notas strong,
.reglas-notas { color: #D79B5E; font-size: 12px; }

.arg-char-online { border: 3px solid #b1e730; vertical-align: middle; }
.arg-char-offline { border: 3px solid #D0D0D0; vertical-align: middle; }
.arg-char-blocked { border: 3px solid #f24e4d; vertical-align: middle; }

.table > thead > tr > th { font-weight: 700; text-transform: uppercase; color: #269ABC; }

a.midisabled{
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.1);
    cursor: no-drop;
}

.disabled {
	cursor: no-drop;
}

.topbar{
	position: absolute;
	visibility: hidden;
	font-size: 10px;
}
.topbar a {
	text-decoration: none;
	color: #4a4a4a;
}
.topbar nav{
	width: 320px;
	background-color: transparent;
	border: 0px;
}

.pjsonline {
	color: #3d8b3d;
	font-size: 25px;
	font-style: normal;
}

.fecha{
	background-repeat: no-repeat; 
	background-position: top left;
	width:40px; 
	height:39px; 
	padding-top:13px; 
	padding-left:11px; 
	font-weight: 700; 
	float:left;
	margin-right:20px;
}

.tips-ayudas-color {
	margin-top: 0px;
	color: #31708F;
	text-transform: uppercase;
}

/* Inicio Modulo WEBSHOP */

.shop_credits_item{
font-weight: 700;
font-size:15px;
}
	
.shop_class_requirement{
font-size: 13px;
font-style: italic;
margin-top: 10px;
padding: 8px;
color: #777777;
}	

.shop_credits_disabled {
font-size: 13px;
padding-left: 10px;
color: #bbbbbb;
}
	
.shop_credits_enabled {
font-size: 13px;
padding-left: 10px;
color: #ff0000;
}

.shop_ancient{
font-size:14px;
font-weight: 700;
background: blue;
color: #ffffff;
padding: 5px 50px;	
}

/* Fin Modulo WEBSHOP */

.huge {
    font-size: 30px;
}
.huge25 {
    font-size: 25px;
}
.huge20 {
    font-size: 20px;
}

.bg-argpaleta1 {
  background-color: #E4AAAE;
  border: 1px solid #DE959A;
}

.bg-argpaleta2 {
  background-color: #EFDDA9;
  border: 1px solid #EBD593;
}

.bg-argpaleta3 {
  background-color: #D4DAA4;
  border: 1px solid #C9D18E;
}

.bg-argpaleta4 {
  background-color: #B3CDBB;
  border: 1px solid #A0C0AB;
}

.bg-argpaleta4 h3 {
	font-weight: bold;
	color: #39734a;
}

.bg-argpaleta5 {
  background-color: #ADAFB9;
  border: 1px solid #989BA7;
}

.bg-argpaleta5 h3{
	color: #2a3046;
}

.bg-argpaleta6 {
	background-color: #FFF1A0;
	border: 1px solid #fce439;
}

.bg-argpaleta7 {
	background-color: #242629;
	border: 1px solid #000000;
	color: #FFFFFF;
}

.bg-argpaleta7 p{
	color: #EEEEEE;
}

.bg-argpaleta8 {
	background-color: #D9EDF7;
	border: 1px solid #BCE8F1;
	color: #31708F;
}

.bg-argpaleta8 h3 {
	color: #31708F;
}

.bg-argpaleta9 {
	background-color: #5CB85C;
	border: 1px solid #4D9B4D;
	color: #FFFFFF;
}

.bg-argpaleta10 {
	background-color: #DC4E4F;
	border: 1px solid #D7383A;
	color: #FFFFFF;
}

#header .navbar .navbar-left{
    display:flex;
    align-items:center;
    width:100%;
}

#header .navbar .navbar-left .nav{
    margin-left:auto;
}

/* =========================================================
   DROPDOWN DEL MENU PRINCIPAL
   ========================================================= */

#header .nav > ul > li.has-dropdown > ul{
    min-width:220px !important;

    padding:8px 0 !important;

    background:#fff !important;

    border-radius:6px !important;

    box-shadow:0 8px 20px rgba(0,0,0,.20) !important;
}


/* =========================================================
   OPCIONES DEL DROPDOWN
   ========================================================= */

#header .nav > ul > li.has-dropdown > ul > li{
    margin:0 !important;
    padding:0 !important;
}


/* =========================================================
   ENLACES
   ========================================================= */

#header .nav > ul > li.has-dropdown > ul > li > a{
    display:block !important;

    width:100% !important;

    box-sizing:border-box !important;

    padding:9px 20px !important;

    color:#555 !important;

    font-family:Arial, Helvetica, sans-serif !important;
    font-size:14px !important;
    font-weight:normal !important;

    text-decoration:none !important;

    white-space:nowrap;

    transition:
        background .15s ease,
        color .15s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

#header .nav > ul > li.has-dropdown > ul > li > a:hover{
    background:#b51f1f !important;

    color:#fff !important;
}

.page-title.section-title span{
    font-family: "Vollkorn", serif;
    font-size: 32px;
    font-weight: 700;
    color: #b32020 !important;
    text-transform: uppercase;
}

.page-title.section-title:before,
.page-title.section-title:after{
    background: #222 !important;
}

.page-title.section-title span:before,
.page-title.section-title span:after{
    color: #222 !important;
}

.table td:first-child,
.table th{
    color: #222 !important;
    font-weight: 600;
}

.table > tbody > tr > td,
.table > tbody > tr > th{
    border-top: none !important;
    padding: 5px 18px;
}

.account-info-table{
    border-collapse: collapse;
}

.account-info-table td:first-child{
    color:#222;
    font-weight:700;
    width:240px;
}

.account-info-table td:last-child{
    color:#333;
}

.table td{
    color:#222;
}

.btn-account {
    font-family: "Vollkorn", serif;
    font-size: 13px;
    font-weight: 700;
    color: #b32020 !important;

    background: #fff !important;
    border: 1px solid #b32020 !important;

    border-radius: 3px;
    padding: 2px 10px;
    text-transform: uppercase;

    box-shadow: none !important;
}

.btn-account:hover,
.btn-account:focus {
    background: #b32020 !important;
    color: #fff !important;
    border: 1px solid #b32020 !important;
}

.account-section-title{
    border-top: 1px solid #ddd;
    padding-top: 12px;
    margin-top: 35px;
    margin-bottom: 15px;

    font-family: "Vollkorn", serif;
    font-size: 22px;
    font-weight: 700;
    color: #b32020;
    text-transform: uppercase;
}

.label-default{
    background:#666 !important;
    color:#fff !important;
    font-weight:700;
}

.label-success{
    background:#4caf50 !important;
    color:#fff !important;
}

.label-info{
    background:#2d7dd2 !important;
    color:#fff !important;
}

.label-warning{
    background:#d4a017 !important;
    color:#fff !important;
}

.label-danger{
    background:#b32020 !important;
    color:#fff !important;
}

.characters-grid{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    margin-top:20px;
}

.character-card{
    width:calc(50% - 15px);
    display:flex;
    align-items:flex-start;
}

.character-avatar img{
    width:90px;
    height:90px;
    border-radius:8px;
    object-fit:cover;
}

.character-info{
    margin-left:20px;
    flex:1;
}

.character-info h3{
    margin:0 0 8px;
    font-family:"Vollkorn",serif;
    font-size:22px;
    font-weight:700;
}

.character-info h3 a{
    color:#756e5c;
    text-decoration:none;
}

.character-stats{
    color:#333;
    font-size:18px;
    line-height:1.5;
}

.character-guild{
    margin-top:8px;
    color:#888;
    font-style:italic;
}

.character-button{
    display:inline-block;
    margin-top:15px;
}

.char-online,
.char-offline{
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:50%;
    margin-right:8px;
}

.char-online{
    background:#2ecc71;
}

.char-offline{
    background:#d63031;
}

.character-class{
    color:#555;
    font-size:18px;
    margin-bottom:6px;
}

.character-stats{
    color:#333;
    font-size:17px;
    line-height:1.5;
}

/* =========================================================
   DROPDOWN - MI CUENTA
   SOLO AFECTA A .mi-cuenta-dropdown
   ========================================================= */

#header .nav > ul > li.mi-cuenta-dropdown > ul {
    min-width: 220px !important;

    padding: 8px 0 !important;

    background: #fff !important;

    border-radius: 6px !important;

    box-shadow: 0 8px 20px rgba(0,0,0,.20) !important;
}

/* =========================================================
   MI CUENTA - FILAS COMPLETAS
   ========================================================= */

#header .nav > ul > li.mi-cuenta-dropdown > ul > li {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

#header .nav > ul > li.mi-cuenta-dropdown > ul > li > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    padding: 8px 20px !important;
    margin: 0 !important;

    color: #777 !important;
    background: transparent !important;

    text-decoration: none !important;
}

#header .nav > ul > li.mi-cuenta-dropdown > ul > li > a:hover {
    background: #b51f1f !important;
    color: #fff !important;
}

/* =========================================================
   LOGO HUAYRA - HALO OSCURO
   ========================================================= */

.hero-block {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Fondo oscuro difuminado detrás del logo */

.hero-block::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 360px;

    background: rgba(0, 0, 0, 0.65);

    filter: blur(70px);

    border-radius: 50%;

    z-index: 0;

    pointer-events: none;
}


/* Logo */

.hero-block img {
    position: relative;

    z-index: 1;

    filter:
        drop-shadow(0 0 8px rgba(0,0,0,0.75))
        drop-shadow(0 0 18px rgba(0,0,0,0.55))
        drop-shadow(0 8px 15px rgba(0,0,0,0.60));
}