@charset "UTF-8";
/* CSS Document */
/* verd: 5E9666 */

/* FITXA **************************************************************************************************************/
.fitxa-fons{
     background-color: #F9F9F9;
     min-height: 110vh;
     margin: 0 auto;
     margin-bottom: -10px; /* Cal xq no quedi una línia blanca al final */
     margin-top: 10px;
     max-width: 1200px;
}

.fitxa-superior{
     background-position-x: center;
     background-repeat: no-repeat;
     background-size: cover;
     border-radius: 10px 10px 0px 0px;
     margin: 0 auto;
     height: 480px;
     max-width: 100%;
     position: relative;
}

.fitxa-superior-buida{
     background-image: linear-gradient(#5E9666, black);
     border-radius: 10px 10px 0px 0px; 
     height: 200px;
}

.foto-autor{
     background-color: #333;
     border-radius: 0px 10px 0px 0px; 
     color: #F9F9F9;
     font-size: 11px;
     padding: 3px 20px;
     position: absolute;
     right: 0px;
     top: 0px;
     width: auto;
}

.fitxa-dades{
     border-radius: 10px 10px 0px 0px; 
     display: grid;
     grid-template-columns: 200px auto;
     margin: 0 auto;
     margin-top: -80px;
     position: relative;
     width: 90%;
}

.fitxa-dades-esquerra{
     background-color: #F9F9F9;
     border-radius: 10px 0px 0px 0px; 
     box-sizing: border-box;
     grid-row-start: 1;
     grid-row-end: 3;
     padding: 20px;
     width: 200px;
}

.rodonaVerda { 
	border-radius: 100px;
	border: 10px solid #5E9666;
	height: 140px;
}

.foto-petita-llicencia{
     color: #AAA;
	font-size: 10px;
	text-align: center;
}

.fitxa-dades-dreta{
     border-radius: 0px 10px 0px 0px; 
     display: grid;
     grid-template-columns: 1fr;
}

.dreta-primera-fila{
     background-color: rgba(41, 87, 41, 0.8); /* a partir del color hex: #295729 */
     border-radius: 0px 10px 0px 0px; 
     color: white;
     height: 50px;
}

.capsa-nom{
     color: white;
	font-size: 26px;
	font-weight: 800;
	padding: 10px;
}

.dreta-segona-fila{
     align-self: start;
     background-color: #F9F9F9;
     font-size: 12px;
     height: 100%;
}

.dades-fila{
     border-bottom: 1px dotted green;
     padding: 10px;
     width: 90%;
}

.dades-titolet{
     color: #295729;
     padding-right: 10px;
}

.notaIncomplert{
     border-bottom: none;
	color: #999;
	font-size: 12px;
}

.notaIncomplert a{
     color: #04AA6D;
     text-decoration: none;
}

.notaIncomplert a:hover{
     text-decoration: underline;
}

/* FITXA > Bio (nou) **************************************************************************************************************/
.fitxa-menu-sota-nou{
     background-color: #F9F9F9;
     font-size: 22px;
     margin-top: 50px;

     ul{
          list-style-type: none;
          margin: 0;
          padding: 0;
          overflow: hidden;
          background-color: #F9F9F9;
          border-bottom: 4px solid #5E9666;
     }
        
     li{
          background-color: #5E9666;/*#04AA6D;*/
          border-radius: 10px 10px 0px 0px; 
          color: white;
          display: block;
          float: left;
          margin-left: 20px;
          text-align: center;
          padding: 10px 20px 8px 20px;
          text-decoration: none;
     }        
}

.colorejat li{
     color: #f9d02e;
}

/* FITXA > Bio (DEPRECATED [fitxa-menu-sota] quan s'actualitzi de "pestanyes" a "tot seguit") **************************************************************************************************************/
.fitxa-menu-sota{
     background-color: #F9F9F9;
     font-size: 12px;
     margin-top: 50px;
}

.fitxa-menu-sota{
     ul{
          list-style-type: none;
          margin: 0;
          padding: 0;
          overflow: hidden;
          background-color: #F9F9F9;
          border-bottom: 4px solid #5E9666;
     }
        
     li{
          background-color: #F9F9F9;
          float: left;
          margin-right: 10px;
     }

     li:first-child{
          margin-left: 10px;
     }
        
     li a{
          border-radius: 10px 10px 0px 0px; 
          color: #333;
          cursor: pointer;
          display: block;
          text-align: center;
          padding: 10px 20px 8px 20px;
          text-decoration: none;
     }
        
     li a:hover:not(.active){
          background-color: #333;
          color: white;
     }
        
     .active {
          background-color: #5E9666;/*#04AA6D;*/
          border-radius: 10px 10px 0px 0px; 
          color: white;
     }
}

.fitxa-sota{
     background-color: #F9F9F9;
     color: #575754;
     padding: 20px;
}

.fitxa-sota a{
	color: #5E9666;
	text-decoration: none;
}

.fitxa-sota a:hover{
	color: #81b088;
	text-decoration: none;
}

.fitxa-sota a.taronja{
	color: orange;
	cursor: pointer;
}

.titolColumna{
	color: #5E9666;
     font-size: 19px;
	font-weight: bold;
	margin-bottom: -0.5vw;
}

.titolColumna:not(:first-child){
     padding-top: 10px;
}

/* FITXA > Històric **************************************************************************************************************/
#fitxa-evolucio{
	padding-bottom: 20px;
	padding-top: 0vw;
}

#fitxa-evolucio{

     .areaEvolucioN{
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          /*width: 100hw;*/
     }

     .areaEvolucioN > .fitxaFotoDorsal .fitxaFotoNom{
          border: 1px solid #093;
          height: 200px;
          margin-bottom: 6px;
          margin-right: 6px;
          overflow: hidden;
          position: relative;
          width: 150px;
     }

     .areaEvolucioN .fitxaFotoDorsal .fitxaFotoNom img{
          height: 200px;
          width: 150px;
     }

     .areaEvolucioN .fitxaFotoDorsal .fitxaFotoNom .nomPersonatge{
          bottom: 49.5px;
          color: #fff;
          background: rgb(0, 0, 0); /* Navegadors antics no soporten RGBA */
         background: rgba(0, 0, 0, 0.6);
          padding: 11px 0px;
          position: relative;
          font-size: 20px;
          font-weight: bold;
          text-align: center;
          text-transform: uppercase;
     }

     .areaEvolucioN .fitxaFotoDorsal .dorsal{
          bottom: 50px;
          color: green;
          font-size: 32px;
          text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
          left: 6px;
          position: absolute;
     }

     .areaEvolucioN .fitxaFotoDorsal .Dorsal{
          display: none;
          background-image: url('../imatges/dorsal-verd-vin.png');
          background-position: center; 
          background-repeat: no-repeat;
          background-size: 40px;
          color: #FFF;
          font-size: 23px;
          font-weight: bold;
          height: 70px;
          padding-top: 26px;
          text-align: center;
          width: 152px;
     }

}

/* FITXA > Mèdia **************************************************************************************************************/
#fitxaMedia{
	display: grid;
	grid-template-columns: repeat(auto-fit, 275px);
	grid-gap: 20px;
}

.blocMedia{
	width: 275px;
}

.blocMedia{
     a{
          color: #666;
          text-decoration: none;
     }

     a img{
          transition: all .5s ease-in-out;
     }

     a:hover img{
          -webkit-transform: scale(1.3);
          transform: scale(1.3);
          transition: all .5s ease-in-out;
     }

     .imatgeMedia{
          height: 200px;
          overflow: hidden;
     }

     .imatgeMedia img{
          height: 200px;
          object-fit: cover;
          width: 300px;
     }

     a .textMedia{
          border-left: 6px solid #5E9666;
     }

     a .textMedia .titolMedia{
          font-weight: bold;
          margin-left: 6px;
          margin-top: 6px;
     }

     a .textMedia .mesMedia{
          color: #999;
          font-size: 12px;
          margin-left: 6px;
     }

     a .textMedia .autorMedia{
          color: #AAA;
          font-size: 10px;
          margin-left: 6px;
     }     
}

/* FITXA > Documents **************************************************************************************************************/
#fitxaDocs{
	display: flex;
     flex-wrap: wrap;
}

.blocDocs{
     margin-bottom: 12px;
     text-align: center;
     width: 120px;
}

.blocDocs img{
     width: 100px;
}

/* FITXA > Estadística **************************************************************************************************************/
.zona-estadistica{
     color: #666;
     font-size: 13px;
     margin-bottom: 10px;
}

.botonsTemporades{
	margin-bottom: 10px;
}

.botonsCompeticions{
	margin-bottom: 10px;
	/*width: 600px;*/
}

.botonsTemporades input[type=checkbox].estTemporada, 
.botonsCompeticions input[type=checkbox].estCompeticions{
	display: none;
}

.botonsTemporades input[type=checkbox].estTemporada + label, 
.botonsCompeticions input[type=checkbox].estCompeticions + label{
	background-color: #EEE;
	color: #999;
	display: inline-block;
	font-size: 12px;
	margin-bottom: 6px;
	margin-right: 10px;
	padding: 5px 15px;
	text-align: center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.botonsTemporades input[type=checkbox].estTemporada:checked + label, 
.botonsCompeticions input[type=checkbox].estCompeticions:checked + label{
	background-color: #5E9666;
	color: #FFF;
}

.botonsTemporades input[type=checkbox].estTemporada:checked:hover + label, 
.botonsCompeticions input[type=checkbox].estCompeticions:checked:hover + label{
	background-color: #5E9666;
	color: #FFF;
}

.botonsTemporades input[type=checkbox].estTemporada:hover + label, 
.botonsCompeticions input[type=checkbox].estCompeticions:hover + label{
     color: #333;
     cursor: pointer;
}

#estadisticaFinal{
	display: grid;
	grid-template-columns: repeat(auto-fit, 110px);
	grid-gap: 16px;
	margin-top: 25px;
	width: 100%;
}

#estadisticaFinal .dada{
	/*background-color: orange;*/
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	height: 90px;
}

#estadisticaFinal .dada div:first-child{
	font-size: 30px;
}

#estadisticaFinal .dada div:first-child .perc{
	font-size: 20px;
}

#estadisticaFinal .dada div:nth-child(3){
	color: #999;
	font-size: 11px;
}

/* FITXA > Millors **************************************************************************************************************/
.taula-millors{
     border-spacing: 0;
     border-collapse: collapse;
     margin-bottom: 20px;
     width: 100%;
}

.taula-millors{

     th:first-child{
          border-radius: 10px 0px 0px 0px; 
     }

     th:last-child{
          border-radius: 0px 10px 0px 0px; 
     }

     th{
          background-color: #5E9666;
          color: #FFF;
          padding: 15px 0px;
          text-align: left;
     }

     td{
          border-bottom: 1px dotted #5E9666;
          padding: 10px 5px;
     }

     tr:hover td{
          background-color: #04AA6D;
          color: #FFF;
     }
     
}

/* FITXA > Trajectòria **************************************************************************************************************/
.titolZona{
	color: #5E9666;
	font-weight: bold;
     margin-bottom: 3px;
}

.titolZonaDebut{
	color: #5E9666;
     font-size: 20px;
	font-weight: bold;
     margin-bottom: 6px;
     margin-top: 30px;
}

.marge10{
     margin-top: 10px;
}

.zona-trajectoria .premis{
	color: #5E9666;
     font-size: 19px;
     font-weight: bold;
     margin-bottom: 5px;
	margin-top: 10px;
}

.zona-trajectoria .premis:not(:first-of-type){
	/* Tots menys el primer*/
	margin-top: 20px;
}

.temporadesT{
     margin-bottom: 3px;
     color: #70706a;
}

.ressaltat{
     background-color: #DAF7A6;
}

.vinculat{
	color: #999;
	font-size: 12px;
}

.clubPenya{
     color: #5E9666;
	font-weight: bold;
}

.zonaDebut div{
     margin-top: 3px;
}

.taula-trajectoria{
     border-spacing: 0;
     border-collapse: collapse;
     margin-bottom: 20px;
}

.taula-trajectoria{

     td{
          border-bottom: 1px dotted #5E9666;
          padding: 10px 5px;
     }

     td:first-child{
          width: 100px;
     }

     tr:hover td{
          background-color: #04AA6D;
          color: #FFF;
     }

     tr:hover td a.club, 
     tr:hover td .clubPenya, 
     tr:hover td .vinculat{
          color: #FFF;
     }

     tr:hover td a.club:hover{
          background-color: #04AA6D;
          text-decoration: underline;
          text-decoration-color: white;
     }

     .equipsT{
          padding-right: 15px;
     }
     
}

/* FITXA > Palmarès **************************************************************************************************************/
.fitxaPalmares .premis{
	color: #5E9666;
     font-size: 19px;
     font-weight: bold;
     margin-bottom: 10px;
	margin-top: 10px;
}

.fitxaPalmares .premis:not(:first-of-type){
	/* Tots menys el primer*/
	margin-top: 15px;
}

.taula-palmares{
     border-spacing: 0;
     border-collapse: collapse;
     margin-bottom: 20px;
}

.taula-palmares{

     td{
          border-bottom: 1px dotted #5E9666;
          padding: 10px 5px;
     }

     td:first-child{
          width: 300px;
     }

     td:nth-child(2){
          padding-right: 15px;
     }

     tr:hover td{
          background-color: #04AA6D;
          color: #FFF;
     }     
}

.titolNba{
	color: #5E9666;
     font-size: 19px;
	font-weight: bold;
     margin-bottom: 6px;
     padding-top: 20px;
}

/* FITXA > Altres **************************************************************************************************************/
.taula-altres{
     border-spacing: 0;
     border-collapse: collapse;
     font-size: 12px;
     margin-bottom: 20px;
}

.taula-altres{

     th{
          text-align: right;
          width: 120px;
     }

     th, 
     td{
          border-bottom: 1px dotted #5E9666;
          padding: 8px 5px;
     }

     td{
          padding-right: 15px;
     }   
}

/* FITXA > Més **************************************************************************************************************/
.mes-fila{
     display: flex; 
}

.mes-pilota{
     background-image: url(/imatges/pilota.png); 
     background-repeat: no-repeat; 
     background-size: 22px; 
     height: 30px; 
     min-width: 30px;
}