/* CSS Document */
body,td,th {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
}
:root {
    --entorno_color 	     : #1976d2; 
    --entorno_color_oscuro 	 : #193BD1;
    --entorno_color_claro 	 : #19AFD1;
    --entorno_color_verde	 : #2ECC71;
    --entorno_color_amarillo : #F1C40F;
    --entorno_color_rojo	 : #E74C3C;
    --entorno_color_naranja	 : #E67E22;
}
img{
	border:none;
}
*:focus {
	outline: none;
}
body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin:0px;
	height:100%;
	width:100%;
}
input[type="date"]::-webkit-calendar-picker-indicator {
	display: block;
	background: transparent;
	bottom: 0;
	color: transparent;
	cursor: pointer;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}
.noseleccionable{
	user-select: none;
	-moz-user-select: none; 
	-webkit-user-select: none;
	-ms-user-select: none;   
}
::-webkit-scrollbar 		            { width: 12px; height: 10px; 	}
::-webkit-scrollbar-track-piece         { background: #FFFFFF00;   		}
::-webkit-scrollbar-thumb 	            { background: #1976d2;
                                          border-radius: 20px; border: #FFFFFF 2px solid;  	      
                                          background-image: -webkit-linear-gradient(#1976d2, #0d47a1);
                                          background-image: -o-linear-gradient(#1976d2, #0d47a1);
                                          background-image: linear-gradient(#1976d2, #0d47a1);  	
                                        }
::-webkit-scrollbar-thumb:hover         { background: #00823F;    	    }
.scrollControlable                      { scrollbar-width: none; 		}  /* Firefox */  
.scrollControlable::-webkit-scrollbar   { width: 0; height: 0;  		}  /* Webkit (Chrome, Android browser, Safari, Edge...) */

.movil .ocultarScroll                       { scrollbar-width: none; 		} 
.movil .ocultarScroll ::-webkit-scrollbar   { width: 0; height: 0;  		} 

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.parpadea {
  animation-name: parpadeo;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

/****************** MINI PRODUCTOS *****************/
#abrir .cuadro .dat .product_filtros{
    position: relative; width: calc(25% - 10px); height: 16px; box-sizing: border-box; cursor: pointer; padding: 0px 10px; margin: 5px;
    font-family: "Roboto"; line-height: 16px; font-size: 11px; color: #666; font-weight: 500; text-align: left;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    transition: 0.5s;
}
.movil #abrir .cuadro .dat .product_filtros{
    width:  calc(50% - 10px);
}
#abrir .cuadro .dat .product_filtros:hover{
    color: #000;               
}
#abrir .cuadro .dat .product_filtros.click{
    color: #000; border: black 1px solid; border-radius: 10px;              
}
#abrir .cuadro .dat .product{
    position: relative; width: calc(25% - 10px); height: 180px; box-sizing: border-box; cursor: pointer; padding: 0px; margin: 5px;
    font-family: "Roboto"; border: rgb(0,0,0,0.05) 2px solid; border-radius: 10px;
    transition: 0.5s;
}
#abrir .cuadro .dat .product:hover{
    border: rgb(0,0,0,0.2) 2px solid;                    
}
.movil #abrir .cuadro .dat .product{
    width:  calc(50% - 10px);
}
#abrir .cuadro .dat .product .foto{
    position: absolute; top: 0px; left: 0px; width: 50%; height: 70%; box-sizing: border-box; border-radius: 10px;
    background-position: center center; background-repeat: no-repeat; background-size: contain;
}
#abrir .cuadro .dat .product .nombre{
    position: absolute; top: 70%; bottom: 0px; left: 0px; right: 0px; width: fit-content; height: fit-content; box-sizing: border-box; margin: auto;
    line-height: 12px; font-size: 12px; color: #666; font-weight: 700; text-align: center; padding: 0px 10px; letter-spacing: 0px;
    max-height: 36px; overflow: hidden;
}
#abrir .cuadro .dat .product:hover .nombre{
    color: #000; font-weight: 700;
}
#abrir .cuadro .dat .product .cantidades{
    position: absolute; top: 0px; right: 0px; width: 50%; height: 70%; box-sizing: border-box; padding: 0px 10px;
    display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-around;
}
#abrir .cuadro .dat .product .cantidad{
    position: relative; height: fit-content; box-sizing: border-box;
    line-height: 15px; font-size: 13px; font-weight: 800; text-align: center; color: var(--entorno_color);
}
#abrir .cuadro .dat .product .mini{
    position: relative; height: fit-content; box-sizing: border-box;
    line-height: 10px; font-size: 10px; font-weight: 500; text-align: center;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#abrir .cuadro .dat .product .sep{
    position: relative; height: 2px; box-sizing: border-box; background-color: rgb(0,0,0,0.05); border-radius: 5px;
}
#abrir .paraelbuscador{
    position: absolute; bottom: 0px; right: 0px; height: 1px; width: 1px; opacity: 0;
}

/********* Medidor Amarillo, verde, Rojo **********/
.medidor{
    position: relative; width: auto; height: fit-content; box-sizing: border-box; max-width: 1000px; margin: auto;
    font-family: "Roboto", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    display: flex; flex-wrap: wrap; padding: 10px 5px;
} 
.medidor .inicio, .medidor .final{
    position: relative; height: 40px; box-sizing: border-box; padding: 5px 25px;
} 
.medidor.mini .inicio, .medidor .final{
    height: 10px; padding: 2.5px 25px;
} 
.medidor .bold{
    position: relative; height: 20px; box-sizing: border-box;
    line-height: 20px; font-size: 15px; font-weight: 700; text-align: center; color: rgb(0,0,0,0.8);
} 
.medidor.mini .bold{
    height: 10px; line-height: 10px; font-size: 10px;
} 
.medidor .thin{
    position: relative; height: 10px; box-sizing: border-box;
    line-height: 10px; font-size: 10px; font-weight: 400; text-align: center; color: rgb(0,0,0,0.6);
} 
.medidor .proceso{
    position: relative; height: 40px; box-sizing: border-box; flex-grow: 1;
    background-color: rgb(0,0,0,0.1); border-radius: 20px; cursor: help;
}
.medidor.mini .proceso{
    height: 15px;
} 
.medidor .proceso .pp{
    position: absolute; top: 0px; bottom: 0px; min-width: 75px; height: 40px; border-radius: 20px; margin: auto; overflow: visible;
}
.medidor.mini .proceso .pp{
    height: 15px;
}
.medidor .proceso .pp.amarillo{
    left: 0px; background-color: #FFFF9980; z-index: 1;
} 
.medidor .proceso .pp.verde{
    right: 0px; background-color: #55FF5880; z-index: 2;
}
.medidor .proceso .pp.rojo{
    left: 0px; right: 0px; margin: auto; background-color: #FF6E6ECC; z-index: 3; display: visible;
}
.medidor .proceso .nm{
    position: absolute; top: 0px; bottom: 0px; left: 10px; height: 40px; width: fit-content; border-radius: 20px; margin: auto;
    line-height: 40px; font-size: 11px; font-weight: 600; color: rgb(0,0,0,0.5);
}   
.medidor.mini .proceso .nm{
    height: 15px; line-height: 15px;
}
    .medidor .verde .nm   { left: auto; right: 10px; }
    .medidor .rojo .nm    { left: auto; right: 10px; }

/****** Switch ******/
.swich{
    position: relative; width: fit-content; height: fit-content; overflow: visible; background-color: rgb(0,0,0,0.03); cursor: pointer;
    white-space: nowrap; text-align: center; margin: 25px 3px 5px 3px; padding: 2px; border-radius: 25px; box-shadow: rgb(0,0,0,0.4) 0px 0px 2px;
    font-family: 'Roboto', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    background-image: linear-gradient(to left, transparent, #E74C3C10, #E74C3C);
}   .swich.mini{ margin: 3px; }  

.swich.click{
    background-image: linear-gradient(to right, transparent, #2ECC7110, #2ECC71); 
}
.swich.btn{
    background-image: none; background-color: rgb(0,0,0,0); min-width: 40px; border-radius: 10px; 
}
.swich .swich_opc{
    position: relative; height: 25px; padding: 0px 10px; box-sizing: border-box; display: inline-block; width: max-content;
    line-height: 25px; font-size: 11px; border-radius: 25px;         
}
.swich         .swich_opc.on{
    background-color: transparent;   color: rgb(0,0,0,0.7);   font-weight: 600;     box-shadow: none;      
} 
.swich.click   .swich_opc.on{
    background-color: white;         color: rgb(0,0,0,1);     font-weight: 800;     box-shadow: rgb(0,0,0,0.3) 0px 2px 4px;            
}
.swich         .swich_opc.off{
    background-color: white;         color: rgb(0,0,0,1);     font-weight: 800;     box-shadow: rgb(0,0,0,0.3) 0px 2px 4px;            
}
.swich.click   .swich_opc.off{
    background-color: transparent;   color: rgb(0,0,0,0.7);   font-weight: 600;     box-shadow: none;         
}
.swich.btn     .swich_opc{
    background-color: transparent; width: 30px;                                                  box-shadow: none; 
    background-position: center center; background-repeat: no-repeat; background-size: 24px;
}
.swich         .swich_eti{
    position: absolute; left: 5px; right: 5px; top: -20px; height: 10px; font-size: 10px; text-align: center; color: #000; font-weight: 500;
}

/****** Fuentes ******/
@-moz-keyframes parpadeo{
      0% { opacity: 1.0; }
     50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes parpadeo {
      0% { opacity: 1.0; }
     50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}
@keyframes parpadeo {
      0% { opacity: 1.0; }
     50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}
@font-face {
	font-family: 'Titulo';
        src: url('../fonts/Righteous-Regular.ttf');
        font-weight: 100;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Thin.ttf');
    font-weight: 100;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-ExtraLight.ttf');
    font-weight: 200;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Light.ttf');
    font-weight: 300;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf');
    font-weight: 400;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf');
    font-weight: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Medium.ttf');
    font-weight: 500;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-SemiBold.ttf');
    font-weight: 600;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf');
    font-weight: 700;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-ExtraBold.ttf');
    font-weight: 800;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Black.ttf');
    font-weight: 900;
}
@font-face {
    font-family: 'Roboto-lite';
    src: url('../fonts/Roboto_Condensed/RobotoCondensed-Light.ttf');
}
@font-face {
    font-family: 'Roboto-black';
    src: url('../fonts/Roboto/Roboto-Black.ttf');
}
.roboto {
    font-family: 'Roboto';
}

/******* Cuadro de Datos *******/
.ContenedorRegistro2024{
    position: relative; height: fit-content; width: 100%; padding: 25px 5px; box-sizing: border-box; max-width: 1200px; margin: auto; overflow: auto;
    display: flex; flex-wrap: wrap;
}
.ContenedorRegistro2024 .linea, 
.lineaRegistro2024{
    position: relative; width: 100%; max-width: 1000px; height: fit-content; margin: auto; box-sizing: border-box; overflow: hidden; cursor: pointer;
    font-family: "Roboto", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    display: flex; flex-wrap: nowrap; background-color: rgb(0,0,0,0.03); padding: 7.5px; 
    border: rgb(0,0,0,0.05) 2px solid; border-bottom-color: rgb(0,0,0,0.1); border-right-color: rgb(0,0,0,0.1); 
    border-radius: 15px; box-shadow: rgb(0,0,0,0) 0px 0px 0px; margin-bottom: 15px;    
    transition: 0.5s;
}   
.lineaRegistro2024{
    max-width: 1000px; margin: auto; margin-bottom: 15px; 
}   
.ContenedorRegistro2024 .linea:hover, 
.lineaRegistro2024:hover{
    background-color: white; border-color: rgb(0,0,0,0.5); box-shadow: rgb(0,0,0,0.3) 0px 3px 10px; transform: scale(1.02);
} 
.ContenedorRegistro2024 .linea.inactivo, 
.lineaRegistro2024.inactivo{
    cursor: no-drop; opacity: 0.3; background-color: rgb(0,0,0,0.3); 
}
.ContenedorRegistro2024 .linea .cc, 
.lineaRegistro2024 .cc {
    position: relative; height: 60px; width: fit-content; box-sizing: border-box; overflow: visible;
}   
.ContenedorRegistro2024 .linea .cc.img, 
.lineaRegistro2024 .cc.img{ 
    width: 60px; flex-basis: 60px; min-width: 60px; 
}
.ContenedorRegistro2024 .linea .cc.img .src, 
.lineaRegistro2024 .cc.img .src{
    position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border-radius: 10px; opacity: 0.8;
    background-color: white; background-position: center center; background-repeat: no-repeat; background-size: auto 100%;
    box-shadow: rgb(0,0,0,0.3) 0px 0px 3px;
}
.ContenedorRegistro2024 .linea .cc.img .png, 
.lineaRegistro2024 .cc.img .png{
    position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0.8;
    background-position: center center; background-repeat: no-repeat; background-size: 36px; 
    background-color: rgb(0,0,0,0.050); border-radius: 10px;
}
.ContenedorRegistro2024 .linea .cc.contenido,
.lineaRegistro2024 .cc.contenido{
    flex-grow: 1; line-height: 20px; padding: 0px 10px; 
}
.ContenedorRegistro2024 .linea .cc.contenido .nombre,
.lineaRegistro2024 .cc.contenido .nombre{
    position: relative; height: 30px; line-height: 30px; font-weight: 700; font-size: 14px; text-align: left; text-overflow: ellipsis; overflow: hidden;
}
.ContenedorRegistro2024 .linea .cc.contenido .columnas,
.lineaRegistro2024 .cc.contenido .columnas{
    position: relative; height: 16px; display: flex; flex-wrap: nowrap; padding-right: 20px; align-items: center; justify-content: flex-start;
}
.ContenedorRegistro2024 .linea .cc.contenido .columnas .columna,
.lineaRegistro2024 .cc.contenido .columnas .columna{
    position: relative;  height: 15px; line-height: 15px; font-weight: 400; font-size: 11px; text-align: left; opacity: 0.3;
    white-space:nowrap; text-overflow:ellipsis; overflow: hidden;
    padding: 0px 20px; transition: 0.5s;
}   .movil .ContenedorRegistro2024 .linea .cc .columna, 
    .movil .lineaRegistro2024 .cc .columna { display: none; }
    .movil .ContenedorRegistro2024 .linea .cc .columna.importante, 
    .movil .lineaRegistro2024 .cc .columna.importante  { display: block; }

.ContenedorRegistro2024 .linea:hover .cc.contenido .columnas .columna,
.lineaRegistro2024:hover .cc.contenido .columnas .columna{
    opacity: 0.6;
}

.ContenedorRegistro2024 .linea .cc.contenido .columnas .columna .ico,
.lineaRegistro2024 .cc.contenido .columnas .columna .ico{
    position: absolute; top: 0px; bottom: 0px; left: 0px; width: 20px; 
    background-size: contain; background-repeat: no-repeat; background-position: left center;
    opacity: 0.3;
}   
.ContenedorRegistro2024 .linea .columna .ico.fecha,
.lineaRegistro2024 .columna .ico.fecha                    { background-image: url("../png/nuevos/icons8-date-16.png");      }
.ContenedorRegistro2024 .linea .columna .ico.vencimiento,
.lineaRegistro2024 .columna .ico.vencimiento              { background-image: url("../png/nuevos/icons8-date-to-16.png");   }
.ContenedorRegistro2024 .linea .columna .ico.dinero,
.lineaRegistro2024 .columna .ico.dinero                   { background-image: url("../png/nuevos/icons8-money-16.png");     }
.ContenedorRegistro2024 .linea .columna .ico.foto,
.lineaRegistro2024 .columna .ico.foto                     { background-image: url("../png/nuevos/icons8-photo-16.png");     }
.ContenedorRegistro2024 .linea .columna .ico.preguntas,
.lineaRegistro2024 .columna .ico.preguntas                { background-image: url("../png/nuevos/icons8-questions-16.png"); }

.ContenedorRegistro2024 .linea .cc.contenido .columnas .columna.border,
.lineaRegistro2024 .cc.contenido .columnas .columna.border{
    background-image: none; padding: 0px 10px; font-size: 13px; color: rgb(0,0,0,0.5); font-weight: 800; letter-spacing: -0px; opacity: 1; 
    border-radius: 3px ; margin-right: 10px;           
} 

.ContenedorRegistro2024 .linea .cc.contenido .columnas .columna.importante,
.lineaRegistro2024 .cc.contenido .columnas .columna.importante{
    opacity: 1;
}   

.ContenedorRegistro2024 .linea .verde,
.lineaRegistro2024 .verde                       { color: var(--entorno_color_verde); }
.ContenedorRegistro2024 .linea .amarillo,
.lineaRegistro2024 .amarillo                    { color: var(--entorno_color_amarillo); }
.ContenedorRegistro2024 .linea .rojo,
.lineaRegistro2024 .rojo                        { color: var(--entorno_color_rojo); }
.ContenedorRegistro2024 .linea .gris,
.lineaRegistro2024 .gris                        { color: #666666; }

.ContenedorRegistro2024 .linea .border.verde,
.lineaRegistro2024 .border.verde                { color: rgb(0,0,0,0.5); box-shadow: inset var(--entorno_color_verde) 2px 0px 0px; }
.ContenedorRegistro2024 .linea .border.amarillo,
.lineaRegistro2024 .border.amarillo             { color: rgb(0,0,0,0.5); box-shadow: inset var(--entorno_color_amarillo) 2px 0px 0px; }
.ContenedorRegistro2024 .linea .border.naranja,
.lineaRegistro2024 .border.naranja              { color: rgb(0,0,0,0.5); box-shadow: inset var(--entorno_color_naranja) 2px 0px 0px; }
.ContenedorRegistro2024 .linea .border.rojo,
.lineaRegistro2024 .border.rojo                 { color: var(--entorno_color_rojo); box-shadow: inset var(--entorno_color_rojo) 2px 0px 0px; }
.ContenedorRegistro2024 .linea .border.gris,
.lineaRegistro2024 .border.gris                 { color: rgb(0,0,0,0.5); box-shadow: inset rgb(0,0,0,0.2) 2px 0px 0px; }

.ContenedorRegistro2024 .linea .cc.contenido .indi,
.lineaRegistro2024 .cc.contenido .indi{
    position: absolute; bottom: 0px; left: 0px; right: 0px; height: 10px; margin: 0px 10px; padding: 0px; box-sizing: border-box;
    box-shadow: inset rgb(0,0,0,0.1) 0px 0px 10px; border-radius: 10px;
}
.ContenedorRegistro2024 .linea .cc.contenido .indi .fondo,
.lineaRegistro2024 .cc.contenido .indi .fondo{
    position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; height: 10px; margin: 0px; box-sizing: border-box;
    border-radius: 0px; background-color: transparent; z-index: 1;
}
.ContenedorRegistro2024 .linea .cc.contenido .indi .proceso,
.lineaRegistro2024 .cc.contenido .indi .proceso{
    position: absolute; top: 0px; bottom: 0px; left: 0px; height: 10px; margin: auto; box-sizing: border-box; border-radius: 10px;
    transition: 0.5s; z-index: 2;  opacity: 0.15; box-shadow: inset rgb(0,0,0,0.5) 0px 0px 3px;
}   
.ContenedorRegistro2024 .linea .indi .proceso.verde, 
.lineaRegistro2024 .indi .proceso.verde                    { background-color: var(--entorno_color_verde);    }
.ContenedorRegistro2024 .linea .indi .proceso.amarillo, 
.lineaRegistro2024 .indi .proceso.amarillo                 { background-color: var(--entorno_color_amarillo); }
.ContenedorRegistro2024 .linea .indi .proceso.naranja, 
.lineaRegistro2024 .indi .proceso.naranja                  { background-color: var(--entorno_color_naranja);  }
.ContenedorRegistro2024 .linea .indi .proceso.rojo, 
.lineaRegistro2024 .indi .proceso.rojo                     { background-color: var(--entorno_color_rojo);     }

.ContenedorRegistro2024 .linea .cc.contenido .indi .valor,
.lineaRegistro2024 .cc.contenido .indi .valor{
    position: absolute; top: 0px; bottom: 0px; right: 0px; width: fit-content; height: 10px; z-index: 3; margin: auto; 
    line-height: 10px; font-size: 10px; font-weight: 900; color: rgb(0,0,0,0.3); letter-spacing: 1px;
    padding: 0px 5px; border-radius: 0px; background-color: transparent;
} 
.movil .ContenedorRegistro2024 .linea .cc.contenido .indi .valor,
.movil .lineaRegistro2024 .cc.contenido .indi .valor{
    display: none;
}
.ContenedorRegistro2024 .linea .cc.boton,
.lineaRegistro2024 .cc.boton{
    width: 60px; opacity: 0.3; cursor: pointer; 
}   
.ContenedorRegistro2024 .linea .cc.boton:hover,
.lineaRegistro2024 .cc.boton:hover                  { opacity: 1; }
.movil .ContenedorRegistro2024 .linea .cc.boton,
.movil .lineaRegistro2024 .cc.boton                 { opacity: 1; }

.ContenedorRegistro2024 .linea .cc.boton .icon,
.lineaRegistro2024 .cc.boton .icon{
    position: absolute; left: 0px; right: 0px; top: 0px; bottom: 20px; box-sizing: border-box; margin: auto;
    background-position: center center; background-repeat: no-repeat; background-size: 16px;
    background-image: url("../png/nuevos/icons8-play-16.png");
}
.ContenedorRegistro2024 .linea .cc.boton .texto,
.lineaRegistro2024 .cc.boton .texto{
    position: absolute; left: 0px; right: 0px; bottom: 0px; height: 20px; width: fit-content; padding: 0px 5px; margin: auto;
    line-height: 15px; font-size: 10px; font-weight: 800; color: black; text-align: center;  
}
.ContenedorRegistro2024 .linea .cc.datos,
.lineaRegistro2024 .cc.datos{
    width: 70px; min-width: 70px; opacity: 1; cursor: pointer; 
}   
.ContenedorRegistro2024 .linea .cc.datos:hover,   
.lineaRegistro2024 .cc.datos:hover   { opacity: 1; }

.movil .ContenedorRegistro2024 .linea .cc.datos,     
.movil .lineaRegistro2024 .cc.datos  { display: none; }

.ContenedorRegistro2024 .linea .cc.datos.importante,     
.lineaRegistro2024 .cc.datos.importante  { display: block; }

.ContenedorRegistro2024 .linea .cc.datos .icon,
.lineaRegistro2024 .cc.datos .icon{
    position: absolute; left: 0px; right: 0px; top: 0px; bottom: 50%; box-sizing: border-box; margin: auto;
    background-position: center center; background-repeat: no-repeat; background-size: contain;
    background-image: url("../png/nuevos/icons8-view-48.png");
}
.ContenedorRegistro2024 .linea .cc.datos .texto,
.lineaRegistro2024 .cc.datos .texto{
    position: absolute; left: 0px; right: 0px; top: 50%; bottom: 0px; height: fit-content; max-height: 20px; overflow: hidden; padding: 0px 5px; margin: auto;
    line-height: 10px; font-size: 10px; font-weight: 700; color: black; text-align: center;
}
.ContenedorRegistro2024 .linea .cc.datos.verde .texto,
.lineaRegistro2024 .cc.datos.verde .texto{ color: var(--entorno_color_verde); }
.ContenedorRegistro2024 .linea .cc.datos.naranja .texto,
.lineaRegistro2024 .cc.datos.naranja .texto{ color: var(--entorno_color_naranja); }
.ContenedorRegistro2024 .linea .cc.datos.rojo .texto,
.lineaRegistro2024 .cc.datos.rojo .texto{ color: var(--entorno_color_rojo); }
.ContenedorRegistro2024 .linea .cc.datos.amarillo .texto,
.lineaRegistro2024 .cc.datos.amarillo .texto{ color: var(--entorno_color_amarillo); }