@media screen and (max-width: 430px) {

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  .navbar-dropdown {
    margin-left: 16px!important;
  }

  .navbar-toggler{
    margin-right: 16px!important;
  }

  .hide-sm {
    display: none;
  }

  .badge-haze {
    font-size: 0.875rem!important;
  }

  .alert-message h4{
    font-size: 1rem;
  }

  .alert-message p{
    font-size: 1rem;
  }

  .alert-message .secondary-msg {
    font-size: 0.875rem;
  }

  .general-divider {
    height: 30px;
  }

  .body-login-section {
    margin: -200px 16px 30px 16px!important;
  }

  .body-login-section .link{
    font-size: 1rem;
  }

  .form-check-label {
    font-size: 1rem;
  }

  .body-section {
    padding: 30px 16px!important;
  }

  .body-inner-section {
    padding: 20px!important;
  }

  .body-inner-section h2{
    font-size: 1.125rem;
  }

  .body-inner-section h3{
    font-size: 1rem;
  }

  .body-inner-section .subtitle{
    font-size: 0.9rem;
  }

  .body-inner-section span{
    font-size: 1rem;
  }

  .body-inner-section p{
    font-size: 0.875rem;
    line-height: 24px;
  }

  .body-inner-section .patch-content{
    font-size: 1rem;
  }

  .body-inner-section .patch-content h2{
    font-size: 1rem;
  }

  .body-inner-section .bottom-area .left-tag {
    bottom: 20px;
  }

  .body-inner-section .bottom-area .news-leermas {
    right: 20px!important;
  }

  .grid-item {
    padding: 20px;
  }

  .grid-item h3{
    font-size: 1rem;
  }

  .grid-item .subtitle{
    font-size: 0.875rem;
  }

  .grid-item span{
    font-size: 1rem;
  }

  .grid-item .bottom-area .left-tag {
    bottom: 20px;
  }

  .grid-item .bottom-area .news-leermas {
    right: 20px!important;
  }

  .grid-item .bottom-area .patch-tag {
    left: 20px;
  }

  .why-us-grid-item .why-us-content {
    font-size: 1rem;
  }

  .grid-card .grid-body {
    padding: 10px 20px;
  }

  .grid-card .grid-footer {
    padding: 0 20px 10px 20px;
  }

  .haze-table tbody tr .lastcol{
    font-size: 1rem;
  }

  .haze-table tbody tr td .rank-profile {
    font-size: 0.875rem; 
    font-weight: 600; 
    color: white;
  }

  .haze-table tbody tr td .rank-subtitle {
    font-size: 0.875rem!important; 
    font-weight: 400; 
    color: #D9D9D9;
  }

  .haze-table .first-place,
  .haze-table .second-place,
  .haze-table .third-place {
    font-size: 1rem;
    padding: 8px 0;
  }

  .fixed-icon-col {
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
}

  .haze-table .img-rank {
    border-radius: 10px;
    height: 40px;
    width: 40px;
    margin-top: 4px;
    /*top: 50%;*/
    /*left: 0;
    transform: translate(0, -50%);*/
    /*position: absolute;*/
  }

  .haze-info-table {
    font-size: 1rem;
  }

  .fixed-rank-profile-col {
    display: none;
  }

  .haze-footer .about-us-p{
    font-size: 1rem;
  }

  .inner-news-body h1 {
    font-size: 1.5rem!important;
  }

  .inner-news-body .news-content {
    padding: 20px!important;
    font-size: 1rem!important;
    line-height: 1.5rem;
  }

  .inner-news-body .news-content h2{
    font-size: 1rem;
  }

  .inner-news-body .poll-body h3{
    font-size: 1.2rem;
  }

  .btn-close-haze {
    position: absolute; 
    top: 18px; 
    right: 18px; 
    padding: 5px;
  }

  .select-selected {
    padding: 15px 20px!important;
  }

  .select-items div,.select-selected {
    padding: 10px 20px;
  }

  .footer-sections {
    padding: 0px !important;
  }

}
@media screen and (max-width: 576px) {

  .navbarhaze {
    padding: 0px;
  }

  .hero-right-section {
    padding: 0px 20px;
  }

  .body-section {
    padding: 30px 20px;
  }

  .body-login-section {
    margin: -200px 20px 30px 20px;
  }

  /*.news-cards {
    padding: 0px 0px!important;
  }*/

/*  .body-news-section {
    padding: 0px 0px;
  }*/

  /*.inner-news-body .image-news {
    border-radius: 0;
  }*/

  /*.inner-news-body .news-body-indent {
    padding: 0px 20px!important;
  }*/

  .haze-footer {
    padding: 60px 20px 0px 20px;
  }

/*  .navbarhaze .nav-item{
    margin-left: 0px;
  }*/

  .body-inner-section span .sv-status-desc {
    display: none;
  }

  .body-inner-section span .sv-status-icon {
    display: initial;
  }

}
@media screen and (max-width: 767px) {

  .navbarhaze {
    height: 60px;
    padding: 0!important;
  }

  .navbarhaze .nav-item{
    margin-left: 10px!important;
    padding-right: 10px; 
  }

  .collapsing {
    transition: none;
  }

  .desktop-menu {
    display: none;
  }

  body:has(.menu-hamburger[aria-expanded="true"]) {
    overflow: hidden!important;
  }

  .container-fluid:has(.navbar-toggler[aria-expanded="true"]){
    /*background-color: #353535;*/
    background-color: rgba(35, 35, 35, 0.99);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    transition: background-color 0.1s ease-in-out 0s;
  }

  .navbar-toggler{
    margin-right: 20px;
  }

  .navbar-collapse {
    height: 100vh!important;
    max-height: 100%!important;
  }

  .navbar-dropdown {
    margin-left: 20px;
  }

  .navbarhaze img {
    padding-left: 18px; 
    /*height: 40px;*/
  }

/*  .navbarhaze ul a {
    padding: 20px 0px!important;
  }*/

  .navbarhaze .dropdown-menu{
    margin-top: 5px!important;
    // margin-bottom: 20px!important;
    min-width: 200px;
    margin-left: 15px!important;
    background-color: transparent;
    box-shadow: none;
  }

  .navbarhaze .dropdown-menu li{
    margin: 5px 0!important;
  }

  .navbarhaze .dropdown-menu li a{
    font-weight: 500;
    text-decoration: none;
  }

  .navbarhaze .dropdown-menu:after {
    content: none;
  }

  .navbarhaze .multi-column-dropdown li a {
    margin: 0 10px!important;
  }

  .navbarhaze .multi-column-dropdown li:first-child{
    margin-top: 10px;
  }

  .navbarhaze .multi-column-dropdown li:last-child{
    margin-bottom: 10px;
  }

  .left-section {
    padding-right: 0px!important;
    padding-bottom: 10px;
  }

  .right-section {
    padding-left: 0px!important;
    padding-top: 10px;
  }

  .left-section-of-3 {
    padding-right: 0px!important;
    padding-bottom: 13.34px;
  }

  .middle-section-of-3 {
    padding-right: 0px!important;
    padding-left: 0px!important;
    padding-bottom: 6.66px;
    padding-top: 6.66px;
  }

  .right-section-of-3 {
    padding-left: 0px!important;
    padding-top: 13.34px;
  }

  .body-divider {
    height: 60px;
  }

  .news-desktop {
    display: none;
  }

  .news-mobile {
    display: initial;
  }

  .hide-option {
    display: none;
  }

  .inner-news-body h1 {
    font-size: 1.75rem;
  }

  .inner-news-body .news-date {
    font-size: 1rem;
  }

  .inner-news-body  h2 {
    font-size: 1.25rem;
  }

  .inner-news-body .news-content {
    padding: 30px;
    /*font-size: 1.25rem;*/
    /*line-height: 1.75rem;*/
  }

}
@media screen and (max-width: 991px) {

  .hide-tag {
    display: none!important;
  }

  .pwd-form {
    padding-right: 0px!important;
    margin-bottom: 20px!important;
  }

  .pwdc-form {
    padding-left: 0px!important;
  }

  .hero-right-section .hero-location{
    font-size: 0.8rem;
    margin-bottom: 10px; 
    text-align: center;
  }

  .hero-right-section .hero-content {
    font-size: 2rem;
    text-align: center;
  }

  .hero-right-section .hero-content .hero-content-sub {
    font-size: 1.2rem;
    margin: 16px 0;
    text-align: center;
  }

  .hero-right-section .hero-content a {
    padding: 15px 20px;
    font-size: 1rem;
    text-align: center;
  }

  .right-patch-section {
    padding: 0px;
    margin-top: 20px!important;
  }

}
@media screen and (min-width: 992px) and (max-width: 1199px) {

  .hero-right-section .hero-location{
    font-size: 1rem;
    margin-bottom: 10px; 
  }

  .hero-right-section .hero-content {
    font-size: 2.5rem;
  }

  .hero-right-section .hero-content .hero-content-sub {
    font-size: 1.2rem;
    margin: 16px 0;
  }

  .hero-right-section .hero-content a {
    padding: 15px 20px;
    font-size: 1rem;
  }

}
@media screen and (min-width: 768px) and (max-width: 1010px) {
  .body-inner-section span .sv-status-desc {
    display: none;
  }

  .body-inner-section span .sv-status-icon {
    display: initial;
  }

  .fixed-rank-profile-col {
    display: none;
  }

}
@media screen and (min-width: 768px) {
  .mobile-menu {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {

  .inner-news-body h1 {
    font-size: 2rem;
  }

  .inner-news-body .news-date {
    font-size: 1rem;
  }

  .inner-news-body  h2 {
    font-size: 1.25rem;
  }

  .inner-news-body .news-content {
    padding: 30px;
  }

}
@media screen and (max-width: 1199px) {

  .navbarhaze .nav-item{
    margin-left: 16px;
  }

}
@media screen and (min-width: 577px) and (max-width: 1399px) {

  .navbarhaze {
    padding: 0 20px;
  }

  .hero-right-section {
    padding: 0px 20px;
  }

  .body-section {
    padding: 30px 20px;
  }

  .body-login-section {
    margin: -200px 20px 30px 20px;
  }

  .body-news-section {
    padding: 30px 20px;
  }

  .haze-footer {
    padding: 60px 20px 0 20px;
  }

}
@media screen and (min-width: 1400px) and (max-width: 1600px) {

  .navbarhaze {
    padding: 0 100px;
  }

  .hero-right-section {
    padding: 0px 100px;
  }

  .body-section {
    padding: 30px 100px;
  }

  .body-login-section {
    margin: -200px 100px 30px 100px;
  }

  .body-news-section {
    padding: 30px 100px;
  }

  .haze-footer {
    padding: 100px 100px 0 100px;
  }


}
@media (max-width:480px){
  .rank-card__title{font-size:1.15rem}
  .rank-card__subtitle{font-size:.82rem}
  .rank-card__badge{width:38px;height:38px;font-size:18px}
}
@media (max-width: 991px){
  .grid-container{ gap:18px; }
  .grid-item{ width:100%; }
}
@media (max-width: 576px){
  .stats-card{ padding:18px 16px; }
  .stat-top{ font-size:.98rem; }
}
@media (prefers-color-scheme: dark){
  :root{
    --accent:#e29a3a;  /* menos saturado a¨²n */
    --accent-2:#f1b36b;
  }
}
@media (max-width: 576px) {
  .kill-entry { flex-wrap: wrap; padding: 10px; }
  .kill-entry .time { margin-left: 0; width: 100%; justify-content: flex-start; margin-top: 6px; }
}
@media (min-width: 992px){
  .equal-cards{
    align-items: stretch;        /* los hijos se estiran a la altura m¨¢xima */
  }
  .equal-cards > [class^="col-"],
  .equal-cards > [class*=" col-"]{
    display: flex;               /* cada columna se vuelve flex */
  }
  .equal-cards .rank-card{
    display: flex;
    flex-direction: column;
    height: 100%;                /* la card ocupa toda la altura disponible */
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  /* Contenedor de cada kill */
  .rank-card--livekills .kill-line{
    grid-template-columns: 24px 1fr;   /* icono + contenido */
    gap: 4px 10px;
    border-radius: 14px;
    background: rgba(0,0,0,.28);       /* sombra sutil interna */
    backdrop-filter: blur(2px);
  }
	
	/* Alinear columnas (altura pareja) */
.profiles .col-6 { width: 100%; min-width: 100%;}
.body-login-section .fixloginheight { min-height:auto !important}
  /* Icono a la izquierda ocupando las dos filas */
  .rank-card--livekills .ki-icon{
    grid-column: 1;
    grid-row: 1 / span 2;
    font-size: 14px;
    opacity: .95;
    align-self: start;
  }

  /* Primera l¨ªnea (se quedan inline y en la columna 2) */
  .rank-card--livekills .ki-killer,
  .rank-card--livekills .ki-victim,
  .rank-card--livekills .ki-text{
    font-size: 1rem;
    line-height: 1.15;
  }

  /* Segunda l¨ªnea: mapa y tiempo abajo, m¨¢s chicos */
  .rank-card--livekills .ki-map,
  .rank-card--livekills .ki-time,
  .rank-card--livekills .ki-text2{
    grid-column: 2;
    display: none;
    font-size: .9rem;
    line-height: 1.1;
    margin-top: 2px;
    color: #b9bec6; /* texto meta m¨¢s suave */
  }
  .rank-card--livekills .ki-map{ margin-right: 8px; }

  /* Evitar que el ¨²ltimo item sume espacio extra */
  .rank-card--livekills .kill-line:last-child{ margin-bottom: 0; }
}
@media (max-width: 992px) {
  .grid-container {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
@media (max-width: 576px){
  .rank-card{ padding: 16px; }
  .rank-card__title, .rank-title{ font-size: 1.15rem; }
  .rank-card__subtitle, .rank-subtitle{ font-size: .82rem; }
  .rank-card__badge, .rank-badge{ width: 38px; height: 38px; font-size: 16px; }
}
@media (max-width: 991px){
  .hero-right-section .hero-content{ text-align:center !important; }
  .hero-right-section .hero-content .hero-content-sub{
    margin-left:auto !important; margin-right:auto !important;
  }
}
@media (min-width: 992px){
  .hero-right-section .col-lg-6.nospacing{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;   /* todo alineado al borde derecho */
    gap: 12px !important;               /* separaciones parejas */
  }
  .hero-right-section .hero-location{
    align-self: flex-end !important;    /* pastilla alineada con el t¨ªtulo */
    margin: 0 !important;
  }
  .hero-right-section .hero-content{
    text-align: right !important;
  }
  .hero-right-section .hero-content .hero-content-sub{
    max-width: 42ch !important;         /* ancho c¨®modo para 2¨C3 l¨ªneas */
  }
}
@media (min-width: 992px){
  .hero-right-section .row.nospacing.align-items-center.justify-content-end{
    min-height: 100vh;                   /* respeta el alto del hero */
  }
  .hero-right-section .col-lg-6.nospacing{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;     /* todo al borde derecho */
    gap:12px !important;
  }
  .hero-right-section .hero-content{
    text-align:right !important;
    max-width: 700px !important;         /* evita que ¡°salte¡± el t¨ªtulo */
  }
  .hero-right-section .hero-location{
    align-self:flex-end !important;
    margin:0 !important;
  }
}
@media (max-width: 991px){
  .hero-right-section .hero-content{ text-align:center !important; }
  .hero-right-section .hero-content .hero-content-sub{
    margin-left:auto !important; margin-right:auto !important;
  }
}
@media (min-width: 992px){
  .hero-right-section .hero-content .hero-content-sub{
    text-align: right !important;
    margin-left: 75px !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 991px){
  /* la columna del hero */
  .hero-right-section .col-lg-6.nospacing{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }

  /* pastilla arriba */
  .hero-right-section .hero-location{
    align-self:center !important;
  }

  /* t¨ªtulos y subt¨ªtulo */
  .hero-right-section .hero-content{
    text-align:center !important;
  }
  .hero-right-section .hero-content .hero-content-sub{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:36ch !important;
  }

  /* bot¨®n descargar centrado */
  .hero-right-section .hero-content > a[href*="downloads"]{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (min-width: 992px){
  .hero-section .hero-right-section .hero-content > .hero-content-sub{
    display: block !important;
    max-width: 42ch !important;     /* ancho c¨®modo de lectura */
    margin-left: auto !important;    /* empuja el bloque hacia la derecha */
    margin-right: 0 !important;
    text-align: right !important;    /* texto alineado a la derecha */
  }
}
@media (max-width: 991px){
  .hero-right-section .hero-content > a[href*="downloads"]{
    padding: 14px 20px !important;
    border-radius: 10px !important;
  }
}
@media (max-width: 767.98px){
  .navbarhaze .dropdown-menu .dropdown-item[href*="register"],
  .navbarhaze .dropdown-menu .dropdown-item[href*="login"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    height:30px !important;
    border-radius:999px !important;
    margin:0px 0px !important;
    font-weight:800 !important;
    letter-spacing:.2px !important;
	  font-size: 0.8rem;
  }
  .navbarhaze .dropdown-menu .dropdown-item[href*="register"]{
    background:transparent !important;
    border:1px solid rgba(197,114,17,.7) !important;
    color:#ffae5d !important;
  }
  .navbarhaze .dropdown-menu .dropdown-item[href*="login"]{
    background: linear-gradient(135deg,#c57211,#ffb86b) !important;
    color:#141414 !important;
    border:0 !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
	.hide-deidad , .navbarhaze .navbar-collapse > a.nav-link[href*="register"], .navbarhaze .navbar-collapse > a.nav-link[href*="login"], .d-md-inline-flex { display: none !important;}
	.hero-right-section  .row {height: 50vh;}
	
  /* Oculta el bot¨®n DESCARGAR del hero en mobile */
  .hero-right-section .hero-content > a[href*="downloads"]{
    display:none !important;
  }
}
@media (max-width: 991.98px){
  body:has(.navbar-toggler[aria-expanded="true"]) 
  .hero-right-section .hero-content > a[href*="downloads"]{
    pointer-events: none !important;   /* no clickeable mientras el men¨² est¨¢ abierto */
  }
}
@media (max-width: 767.98px){
  .hero-right-section .hero-content > a[href*="downloads"]{
    display: inline-flex !important;
  }
}
@media (max-width: 991px){
  .navbarhaze #navbarNavDropdown .navbar-nav .nav-link::after{ display:none; }
}
@media (max-width: 991px){
  .navbarhaze #navbarNavDropdown .navbar-nav .nav-link::after{ display:none; }
}
@media (max-width: 991px){
  nav.navbarhaze #navbarNavDropdown .navbar-nav .nav-link::after{ display:none; }
}
@media (max-width: 575.98px){
  #downloads-page .btn-download{ width:100%; justify-content:center; }
}
@media (max-width: 575.98px){
  #downloads-page .btn-cta-amber{ width:100%; justify-content:center; }
}
@media (min-width: 992px){
  .card-hof{ padding:28px; }
}
@media (max-width: 576px){
  .title-hof__icon{ width:36px; height:36px; }
}
@media (max-width: 991px){
  .dl-shell{ padding:16px; border-radius:18px; }
  .dl-card{ padding:14px; border-radius:14px; }
  .panel-downloads .table.dl-table td{ padding:12px 14px; }
}
@media (max-width: 576px){

  /* 1) Icono del t¨ªtulo (badge) */
  .haze-title .ht-badge{
    width: 48px; height: 48px; min-width: 48px;
    border-radius: 14px;
  }
  .haze-title .ht-badge i{
    font-size: 22px; line-height: 48px; /* centra el FA dentro del badge */
  }

  /* 2) Que el desplegable se pueda abrir/clicar por encima de la tarjeta */
  .card-hof, .dl-card{ overflow: visible; }
  .custom-select{ position: relative; z-index: 30; }
  /* Si us¨¢s el <select> nativo, lo estilamos suave y mantenemos clics nativos */
  .custom-select select{
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    width: 100%; height: 48px;
    border-radius: 12px; padding: 0 48px 0 14px;
    background: #7a3f15; color: #fff;
    border: 1px solid rgba(255,255,255,.08);
  }
  .custom-select::after{
    content: "\f107"; /* caret */
    font-family: "Font Awesome 6 Free"; font-weight: 900;
    position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
    pointer-events: none; opacity: .75;
  }

  /* 3) Tabla de descargas -> tarjetas apiladas, sin desbordes */
  .dl-table, .dl-table thead, .dl-table tbody, .dl-table tr,
  .dl-table td, .dl-table th{
    display: block; width: 100% !important;
  }
  .dl-table thead{ display: none; }
  .dl-table tr{
    background: #181818;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    padding: 14px;
    margin-bottom: 12px;
  }
  .dl-table td, .dl-table th{
    text-align: left !important;
    padding: 6px 0 !important;
    white-space: normal !important; /* evita que empuje el ancho */
    word-break: break-word;
  }
  .btn-cta-amber{
    width: 100%;
    display: flex; justify-content: center; align-items: center;
    margin-top: 8px;
  }
}
@media (max-width: 767.98px){
  .navbar .container-fluid{ position: relative; }

  /* Contenedor fijo arriba derecha */
  .navbar-auth-fixed-mobile{
    position: absolute;
    right: 10px;
    top: 8px;
    display: flex;
    gap: 8px;
    z-index: 11; /* por encima del fondo del nav */
  }

  /* Pastillas */
  .btn-auth{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 9999px;
    font-size: .8rem;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
  }
  .btn-auth i{ line-height: 1; }

  .btn-auth.solid{
    background: var(--ColorTemplate, #fca311);
    color: #000;
  }
  .btn-auth.hole{
    border: 1px solid var(--ColorTemplate, #fca311);
    color: var(--ColorTemplate, #fca311);
  }

  /* Dale aire al hamburguesa para que no se monten */
  .menu-hamburger{ margin-right: 120px; } /* ajust¨¢ 100¨C140px seg¨²n tu logo */
}
@media (max-width: 767.98px){
  .navbar .container-fluid{ position: relative; }

  /* Contenedor fijo arriba derecha */
  .navbar-auth-fixed-mobile{
    position: absolute;
    right: 10px;
    top: 8px;
    display: flex;
    gap: 8px;
    z-index: 11;
  }

  /* Dej¨¢ espacio para que el hamburguesa no se solape con los botones */
  .menu-hamburger{ margin-right: 120px; } /* ajust¨¢ 100¨C140px si hace falta */

  /* Pastillas */
  .btn-auth{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 9999px;
    font-size: .8rem;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
  }
  .btn-auth i{ line-height: 1; }

  .btn-auth.solid{
    background: var(--ColorTemplate, #fca311);
    color: #000;
  }
  .btn-auth.hole{
    border: 1px solid var(--ColorTemplate, #fca311);
    color: var(--ColorTemplate, #fca311);
  }
}