/******************************************************************************* 
Created on : 31/01/2025, 00:00:00
Author     : ING ANDRES CHILIQUINGA
*******************************************************************************/

root { 
    display: block;
}

html, body{
    direction             : ltr;
    font-family           : "Figtree", sans-serif !important;
    font-weight           : 100;
    font-style            : normal;
    font-size             : 12px !important;
    color                 : #a3a3a3 !important; 
    padding               : 0px;   
    background-color      : #f8fafc; /*#1f64cc;*/
    background-size       : 100% 100%;
    background-attachment : fixed;
}

.main-container{
    position        : absolute; 
    background-color: #f8fafc;
    width           : 98%;
    height          : 98%;
    overflow        : hidden, auto;
    margin          : 10px;  
    overflow-y: auto; /* Activa el scroll vertical solo cuando sea necesario */
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6{
    direction   : ltr;
    font-weight : 400 !important;
    font-family : "Figtree", sans-serif !important;
    font-style  : normal;
}


#footer-copyright {
    font-size   : 10px;
    position    : absolute; /* El hijo es absoluto respecto al padre relativo */
    bottom      : 0;
    left        : 0;
    width       : 100%; /* Ocupa el 100% del ancho del sidebar-wrapper */
    height      : 70px; /* Altura del footer */
    color       : #ffffff;
    padding     : 0px 0px;
    text-align  : center;
    background-color: #343a40;
}

.load {
    /*Div que ocupa toda la pantalla*/
    display         : none; /* Hidden by default */
    position        : fixed;
    top             : 0px;
    left            : 0px;
    bottom          : 0px;
    right           : 0px;
    width           : 100%;
    height          : 100%;
    background-color: #474747;
    filter          : alpha(opacity=60); /*IE*/
    -moz-opacity    : 0.5;
    opacity         : 0.5; /*FireFox Opera*/
    z-index         : 2000;
}

.img-round{
    width         : 100px;
    height        : 100px;
    border-radius : 50%;
    object-fit    : cover;
    border        : solid 4px;
    border-color  : #909497;
}

.required::after {
    content: ' *';
    color: red;
    font-weight: bold;
}

.row-margin{
    margin-top: 5px !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  min-height: 15px !important;
}

.dropdown-menu-lg {
  min-width: 200px !important;
  max-width: 200px !important;
  padding: 0;
}

.semibold {
  font-family: 'Figtree', sans-serif;
  font-weight: 600;
}



.champion {
  width: 50%;
  height: 80vh;
  background-image: url('../../_images/assets/resultados_1.png'); /* tu imagen */
  background-size: cover;   /* ajusta la imagen al div */
  background-position: center; /* centra la imagen */
  background-repeat: no-repeat; /* evita que se repita */
}

/****************************/
/* Fondo general */

/* Contenedor principal */
/* Contenedor principal */
.torneo-final {
  width: 99%;
  margin: 30px auto;
  padding: 20px;
}


.label-campeon {
  display: inline-flex;
  width: 100%; 
  align-items: center;
  background: transparent;        /* fondo transparente */
  border: 1px solid #ffffff;      /* borde blanco */
  border-radius: 8px;             /* esquinas redondeadas */
  padding: 8px 14px;
  color: #ffffff;                 /* texto blanco */
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;      /* todo en mayúsculas */
  letter-spacing: 1px;
}


.field-campeon {
  display: inline-flex;
  width: 100%; 
  align-items: center;
  background: #f5f5f5;        /* fondo transparente */
  
  border: 1px solid #ffffff;      /* borde blanco */
  border-radius: 8px;             /* esquinas redondeadas */
  padding: 8px 14px;
  color: #e6c40e;                 /* texto blanco */
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;      /* todo en mayúsculas */
  letter-spacing: 1px;
}

.field2-campeon {
  display: 1;
  width: 100%; 
  align-items: center;
  background: #f5f5f5;        /* fondo transparente */  
  border: 1px solid #ffffff;      /* borde blanco */
  border-radius: 8px;             /* esquinas redondeadas */
  padding: 8px 14px;
  color: #91918e;                 /* texto blanco */
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;      /* todo en mayúsculas */
  letter-spacing: 1px;
}

.field3-campeon {
  
  width: 100%; 
  align-items: center;
  background: #91918e;        /* fondo transparente */
  border: 1px solid #ffffff;      /* borde blanco */
  padding: 8px 14px;
  color: #f5f5f5;                 /* texto blanco */
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;      /* todo en mayúsculas */
  letter-spacing: 1px;
   clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}


.label-manta {  
  width: 90%;
  align-items: left;  
  background: transparent;           /* color de fondo */
  border: 1px solid #ffffff;
  color: #ffffff;                /* texto blanco */
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 8px 16px;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  /* crea el corte diagonal en el borde derecho */
}