/* MRP styles */   
	:root{font-family:Arial,Helvetica,sans-serif}
    body{margin:0;display:flex;min-height: 100vh;}
    .sidebar{width:320px;background:#040b14;display:flex;flex-direction:column;padding:18px;box-sizing:border-box}
    .main{flex:1;display:flex;flex-direction:column;padding:18px;gap:12px}
    .row{display:flex;gap:12px}
    .block{flex:1;background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 4px rgba(0,0,0,.08);min-height:160px}
    h2{margin:0 0 8px 0;font-size:16px}
    .drop{border:2px dashed #bbb;border-radius:6px;padding:12px;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center}
    table{width:100%;border-collapse:collapse}
    th,td{border:1px solid #eee;padding:6px;text-align:left}
    .controls{display:flex;gap:6px;margin-bottom:8px}
    button{padding:8px 10px;border-radius:6px;border:1px solid #888;background:#f5f5f5;cursor:pointer}
    .small{font-size:13px;color:#FFFFFF}
    .medium{font-size:16px;color:#FFFFFF}
    .title{font-size:35px;color:#FFFFFF;text-align: center}
    .muted{color:#666}
	.buttonArea{display:flex; margin-bottom: 5px; padding: 16px;}
	.button{display:flex; justify-content: center; align-items: center; width: 80%;}
	.logo{display:flex;margin-bottom: 5px}
   #downloadCsvBtn {
    display: none; /* Oculto por defecto */
   }
   #downloadCsvBtn.visible {
    display: inline-block; /* Muestra cuando tenga la clase 'visible' */
   }
   /* Estilos del overlay */
   #infoOverlay {
  position: fixed;        /* queda sobre todo */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6); /* semitransparente */
  display: none;          /* oculto por defecto */
  justify-content: center;
  align-items: center;
  z-index: 1000;          /* sobre todo el resto */
}

.dark-background {
  background-color: #040b14;
  default-color: #ffffff;
  heading-color: #ffffff;
  surface-color: #151f2b;
  contrast-color: #ffffff;
}

.box-shadow {box-shadow: 0 0 15px rgba(244,0,9,0.5);}

.wrapper {display:flex; align-items:strech;}

/* Caja del texto */
  #infoBox {
  background: white;
  padding: 20px 30px;
  border-radius: 10px;
  max-width: 800px;
  text-align: center;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
}