/********** ESTILO CSS **********/
/* Variables de color*/
:root {

    /* Primario */
   /* --P50: #fff8ec;
    --P100: #fff0d3;
    --P200: #ffdda5;
    --P300: #ffc36d;*/
    --P400: #7C8D7A;
    --P500: #647A63;
    --P600: #455645;
	--P700: #374537;
    --P800: #2D382D;
    --P900: #262E26;
    --P950: #213140;
    --P1000: #192733;
    --P1100: #131F2A;
	

    /* Grayscale */	
	--G50: #F6F6F6;
    --G100: #E7E7E7;
    --G200: #D1D1D1;
    --G300: #B0B0B0;
    --G400: #888888; 
    --G500: #6D6D6D;
    --G600: #5D5D5D;
    --G700: #4F4F4F;
    --G800: #454545;
    --G900: #3D3D3D;
    --G950: #313131;
	--G1000: #262626;
	--G1100: #1A1A1A;

    /* Danger */
    --D50: #FEF2F2;
    --D100: #FEE2E2;
    --D200: #FECACA;
    --D300: #FCA5A5;
    --D400: #F87171;
    --D500: #EF4444;
    --D600: #DC2626;
    --D700: #B91C1C;
    --D800: #991B1B;
    --D900: #7F1D1D;
    --D950: #450A0A;

    /* Exito */
    --exito50: #f0fdf5;
    --exito100: #dcfce8;
    --exito200: #bbf7d1;
    --exito300: #86efad;
    --exito400: #4ade80;
    --exito500: #22c55e;
    --exito600: #16a34a;
    --exito700: #15803c;
    --exito800: #166533;
    --exito900: #14532b;
    --exito950: #052e14;

    /* Alerta - warning */
    --alerta50: #FEF9E8;
    --alerta100: #FEF0C3;
    --alerta200: #FEE28A;
    --alerta300: #FDD147;
    --alerta400: #FAC215;
    --alerta500: #EAB308;
    --alerta600: #CA9A04;
    --alerta700: #A17C07;
    --alerta800: #85680E;
    --alerta900: #715A12;
    --alerta950: #423306;

    /* Información */
    --info50: #EFF5FF;
    --info100: #DBE8FE;
    --info200: #BFD7FE;
    --info300: #93BBFD;
    --info400: #609AFA;
    --info500: #3B82F6;
    --info600: #2570EB;
    --info700: #1D64D8;
    --info800: #1E55AF;
    --info900: #1E478A;
    --info950: #172E54;

    /* Variables de espacio */
    --medida8: 0.5rem;
    --medida12: 0.75rem;
    --medida16: 1rem;
    --medida20: 1.25rem;
    --medida24: 1.5rem;
    --medida28: 1.75rem;
    --medida32: 2rem;
    --medida36: 2.25rem;
    --medida40: 2.5rem;
    --medida44: 2.75rem;
    --medida48: 3rem;
    --medida52: 3.25rem;
    --medida56: 3.5rem;

    /* Variables de bordes radius */
	--radius-none: 0px;
    --radiusSm: 0.5rem;
    --radiusMd: 0.75rem;
    --radiusLg: 1.25rem;
    --radiusFull: 50%;
}

/* Textos */

h1,h2,h3,h4 {
    color: var(--G50);
    font-weight: 600;
    margin: 0px;
    letter-spacing: 0;
}

h1 {
    font-size: var(--medida32);
    line-height: var(--medida32);
}

h2, .txt28 {
    font-size: var(--medida28);
    line-height: var(--medida32);
}

h3 {
    font-size: var(--medida20);
    line-height: var(--medida24);
}

h4 {
    font-size: var(--medida20);
    line-height: var(--medida24);
    font-weight: bold;
}
ul {
	list-style-type: none;
}

label{
    font-size: 14px;
    line-height: 18px;
}
strong{
    font-weight: 600;
}
.font-semibold { font-weight: 600;}
.text-align-center { text-align:center;}
.radiusSm {
	border-radius: var(--radiusSm);
}
button{
    font-family: "Figtree", sans-serif;
}

a {
    outline: none;
    color: var(--G200);
    text-decoration: none;
}  


.link{
    color: var(--P600);
    text-decoration: none;
}
.link:hover{
    text-decoration: underline;
}
.link--sinEstilo{
    text-decoration: none;
    color: initial;
	border: none;
	padding: 0;
	background: transparent;
}

/*******************************************/

.form-separate {
	display: grid;
	gap: 24px;
	align-items: start;
	grid-template-columns: 300px 1fr;
}
.form-summary { /*width: 24%;*/}

.labelCircle {
	line-height: 24px;
	background-color:transparent;
	display: inline-flex;
	align-items: center;
	gap:12px;
	padding: 4px;
	border: none;
	border-radius: 50%;
}
.labelCircle i { font-size: var(--medida24);}
.labelCircle:hover {  background-color: var(--P950);}

/* Input file */
.file-upload-container {
    /*! max-width: 300px; */
}
.cursor-pointer.form__control[readonly] {
	background-color: var(--P400);
	border-color: var(--G200);
}
.file-input-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    /*margin-bottom: 10px;*/
    justify-content: space-between;
}

.file-input-wrapper input[type="file"] {
    display: none;
}
 input[type="search"]{
    background: #F8FAFC;
 }

.file-input-wrapper .custom-button {
    display: flex;
    background: none;
    border: 1px solid var(--P700);
    padding: 8px;
    border-radius: 6px;
    cursor: pointer;
}

.file-display {
    display: flex;
    align-items: center;
    background-color: var(--G900);
    border: 1px solid var(--G600);
    border-radius: 8px;
    padding: 12px;
    gap: 10px;
    max-width: 300px;
}
.modal .file-display { max-width: 100%;}
@media (min-width: 590px) {
.modal .file-info .filename { max-width: 420px;}
}
.file-display .btn--outline { background-color:#FFF !important;}

.file-info { flex-grow: 1;}
.file-info .title { color: var(--G50); line-height: 18px;}
.file-info .filename {
    font-size: 14px;
    color: var(--G200);
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 170px;
}
.form__viewPhoto {
	position:relative;
}

.form__viewPhoto .btn--trash {
	position:absolute;
	top: 10px;
	right: 10px;
}

.divContenedor--grilla .divContenedor--padding1216 { border-bottom: 1px solid #E2E8F0;}
.divContenedor--grilla .divContenedor--padding1216:nth-child(odd) { border-right: 1px solid #E2E8F0;}
/*.divContenedor--grilla .divContenedor--padding1216:nth-last-child(2),*/  .divContenedor--grilla .divContenedor--padding1216:last-child{
  border-bottom: none;
}
.file-display .text--primary { color:#7C8D7A; font-size: 38px;}
.group__controlRadioCheck {
	display: grid;
	gap: 8px;
	grid-template-columns: 160px 160px 160px 160px 160px ;
}




/*********************************** CONTENIDO **************************************/
/**** Inicio ****/
.banner {
	position:relative;
	margin: 66px 0 24px;
}
.banner figure img, img.radiusSm  {
	width: 100%;
	height:auto;
	vertical-align: top;
}
.movil_img { display: none;}
.banner-caption {
	padding: 0 48px;
	position:absolute;
	top:28%;
}
.banner .logo_fitolab {
	max-width: 454px;
	width: 100%;
	height:auto;
	vertical-align: top;
}
.banner-caption h1 {
	font-size: 133px;
	line-height: 178px;	
}
.banner-caption h2 {
	font-size: 28px;
	line-height: 32px;	
}

.content-background { background-color: var(--P1000);}
.content-background--pdd{ padding: 24px 48px;}
.content-center {
	color: var(--G200);
	max-width: 1130px;
	width: 90%;
	padding: 24px 0;
	margin-right:auto;
	margin-left:auto;
}
.titulo-content{
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
}
.modal--login .form__control {
	color: #64748B;
	background-color: #FFF;
}
.block_footer {
	width: 232px;
	margin-left:auto;
}

.modal-filtros {
	background-color: var(--G900);
	display: grid;
	gap: 24px;
	width: 350px;
	height: 100%;
	border: 1px solid var(--G600);
	position:fixed;
	top:0;
	right:0;
	z-index:2;
}
.modal-filtros .header{
	background-color: var(--G950);
	padding: 24px;
}
.background-form {
	background-color: #313131;
	padding: 24px;
	border-radius:12px;
	border: 1px solid #5D5D5D;
	
}
.modal-filtros form { padding: 0 24px 24px; overflow:auto; scroll-behavior: smooth}
.modal-filtros {}
.mw670{
	max-width: 670px;
}

/**** web ****/
.contenido{
    padding: 100px 0 10px;
}
.label {
	color: var(--G50);
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 4px;
	border-radius: 8px;
}

.label i{
	font-size: 16px;
}
.label-success { background-color:#64A27B;}

/********** Ingresos **********/
.contenedorRegistroMuestra {
	display: grid;
	gap: 12px;
	grid-template-columns: 150px 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	padding-right: 35px;
}

.coll__registro {
	font-size: 14px;
	line-height: 24px;
	background-color: var(--P400);
	display: grid;
	gap: var(--medida24);
	padding: var(--medida12);
	border-radius: 4px;
	border: 1px solid var(--G200);
}
.separador { border-bottom: 1px solid var(--G200) }
.coll__registro .form__control, figcaption.text-leyenda{
	font-size: 12px;
	line-height: 16px;
	background-color: #879A84B2;
	padding: 4px 8px;
	border: none;
	border-radius:0;
}
.coll__registro .form__control:hover, figcaption .form__control:hover { border: none;}
.coll__registroVacio {
	background-color: #213140;
	border-radius: 4px;
}
.form__control--search {
	color:#64748B;
	background-color: var(--G50);
}
.position_checkbox{ position:relative;}
.position_checkbox .form__checkInput{
	position:absolute;
	top:50px;
	right:24px;
}

/* Tabla simple */
.tablaSimple{
    width: 100%;
	background-color: var(--P950);
    border: 1px solid var(--G600);
    border-radius: 8px;
	overflow:hidden;
}
.tablaSimple .text-align-left{ text-align:left;}
.tablaSimple th, .tablaSimple td{
	font-size: 12px;
	line-height: 16px;
    padding: 12px;
}
.tablaSimple th{
	font-weight:400;
	background-color: var(--P1000);
}
.tablaSimple .btn--trash { margin: 0 auto}


/*********************************** RESPONSIVE **************************************/

@media (max-width: 1200px) { 
.group__controlRadioCheck {
	row-gap: 16px;
	column-gap: 8px;
	grid-template-columns: 1fr 1fr 1fr;
}
.contenedorRegistroMuestra {
	max-width: 910px;
	grid-template-columns: 150px 96px 96px 96px 96px 96px 96px 96px;
	padding-right: 0;
}
}
@media (max-width: 1100px) {  
.form-separate { grid-template-columns: 270px 1fr;}
}   
@media (max-width: 950px) { 
.group__controlRadioCheck { grid-template-columns: 1fr 1fr;}
}
@media (min-width: 881px) {
.w300 { max-width: 300px;}
.w180 { max-width: 180px;}
}
@media (max-width: 880px) {  
.web_img { display: none;}
.movil_img { display: block;}
.banner-caption { top: 30%;}
.content-background--pdd { padding: 24px;}
}
@media (max-width: 768px) {
.contenido { padding: 85px 0 10px;}
.block_footer {
  width: 232px;
  margin-left: 0;
}
}
@media (max-width: 700px) {  
.form-separate { grid-template-columns:1fr;}
}

@media (max-width: 576px) {  
 /*   .form-content .form__group {
        width: 100%;
    }
    .form-content .flex { flex-wrap: wrap;}

    .w100--576 .select2-container{
        width: 100% !important;
    }*/
}
@media (max-width: 500px) {
.content-background--pdd {padding: 24px 16px;} 
.banner-caption { top: 20%;}
.banner-caption h2 { font-size: 24px;  line-height: 28px;}
.titulo-content { font-size: 36px; line-height: 40px;}
footer.content-background ul.grid { font-size: 10px; line-height: 14px; gap: 8px;}
.divContenedor { padding: var(--medida20);}
.file-display { padding: 10px;}
.file-info .filename { max-width: 148px;}
}

input::placeholder,
textarea::placeholder {
    color: #ffffff89; /* Cambia por el color que necesites */
    opacity: 1;    /* Asegura que el color se vea igual en todos los navegadores */
}



.label-success-list { 
    background-color:#64A27B;
    width: 100px;
    text-align: center;
}

.label-error-list{
    background-color: #ffffff4a;
    width: 100px;
    text-align: center;
}