@charset "utf-8";
@font-face {
  font-family: "normal";
  src: url(../fonts/HelveticaNeue-Regular.otf);
}
@font-face {
  font-family: "negrita";
  src: url(../fonts/HelveticaNeue-Bold.otf);
}
@font-face {
  font-family: "seminegrita";
  src: url(../fonts/HelveticaNeue-Medium.otf);
}
@font-face {
  font-family: "ligera";
  src: url(../fonts/HelveticaNeue-Thin.otf);
}
@font-face {
  font-family: "ultraligera";
  src: url(../fonts/HelveticaNeue-Ultralight.otf);
}
*::-webkit-scrollbar {
		width: .75em;
		height: .75em;
	}
*::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 4px rgba(0,0,0,0.3); */
    border-radius: 0em;
    box-shadow: none;
    background-color: var(--blanco);
    /*background-color:rgba(177,177,177,1.00);*/
}

*::-webkit-scrollbar-thumb {
   /* box-shadow: inset 0 0 4px rgba(0,0,0,0.5); */
    border-radius: 0.375em;
    background: var(--primarios200);
}

html {
    --verde: rgba(161, 193, 171, 1);
    --ambar: rgba(255, 221, 130, 1);
    --rojo: rgba(235, 111, 112, 1);
    --negro: 1F1F1F;/*lo pueden mandar en la respuesta de losdocumntos*/
    --texto: 1F1F1F;
    --blanco: rgba(255, 255, 255, 1);
    --neutral-700: rgba(31, 31, 31, 1);
    --neutra600: rgba(75, 75, 75, 1);
    --neutral500: rgba(142, 142, 142, 1);
    --neutral400: rgba(202, 202, 202, 1);
    --neutral300: rgba(225, 225, 225, 1);
    --neutral200: rgba(238, 238, 238, 1);
    --neutral100: rgba(245, 245, 245, 1);
    --neutral50: rgba(250, 250, 250, 1);
    --primarios700al80: rgba(0, 86, 48, .8);
    --primarios700: rgba(0, 86, 48, 1);
    --primarios600: rgba(0, 106, 59, 1);
    --primarios500: rgba(0, 122, 68, 1);
    --primarios400: rgba(0, 137, 77, 1);
    --primarios300: rgba(114, 167, 133, 1);
    --primarios200: rgba(161, 193, 171, 1);
    --primarios100: rgba(228, 236, 230, 1);
    --primarios50: rgba(246, 249, 247, 1);
    --auxiliares700: rgba(254, 155, 14, 1);
    --auxiliares600: rgba(255, 173, 13, 1);
    --auxiliares500: rgba(255, 198, 43, 1);
    --auxiliares400: rgba(255, 221, 130, 1);
    --auxiliares300: rgba(255, 234, 179, 1);
    --auxiliares200: rgba(255, 247, 225, 1);
    --auxiliares100: rgba(255, 249, 238, 1);
    --auxiliares50: rgba(255, 253, 250, 1);
    --peligro700: rgba(236, 45, 48, 1);
    --peligro600: rgba(246, 76, 76, 1);
    --peligro500: rgba(235, 111, 112, 1);
    --peligro400: rgba(244, 152, 152, 1);
    --peligro300: rgba(255, 204, 210, 1);
    --peligro200: rgba(255, 235, 238, 1);
    --peligro100: rgba(254, 242, 242, 1);
    --peligro50: rgba(255, 251, 251, 1);
    --aviso700: rgba(254, 99, 47, 1);
    --aviso600: rgba(255, 129, 86, 1);
    --aviso500: rgba(255, 164, 135, 1);
    --aviso400: rgba(255, 200, 182, 1);
    --aviso300: rgba(255, 225, 214, 1);
    --aviso200: rgba(255, 242, 238, 1);
    --aviso100: rgba(255, 246, 243, 1);
    --aviso--50: rgba(255, 252, 252, 1);
    --info700: rgba(58, 112, 226, 1);
    --info600: rgba(59, 130, 246, 1);
    --info500: rgba(75, 161, 255, 1);
    --info400: rgba(147, 200, 255, 1);
    --info300: rgba(189, 221, 255, 1);
    --info200: rgba(228, 242, 255, 1);
    --info100: rgba(241, 248, 255, 1);
    --info50: rgba(248, 252, 255, 1);
    /* Sombras */
    --sombra1: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 1px 1px rgba(0, 0, 0, 0.02);
    --sombra2: 0px 4px 10px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.04);
    --sombra3: 0px 8px 32px rgba(0, 0, 0, 0.08), 0px 2px 20px rgba(0, 0, 0, 0.04);
    --sombra4: 0px 24px 60px rgba(0, 0, 0, 0.12), 0px 8px 20px rgba(0, 0, 0, 0.06);
    
    
    --mediomargen: 1em;
    --margen: 2em;
    --margen1: 2.5em;
    --margendoble:4.5em;
    --radiopequeno: 4px;
    --radiogrande: 6px;
}

body, input, textarea, select {
 font-family: "normal", serif;
    color: var(--texto);
}
body {
	margin: 0px;
	padding: 0px;
	ooooooopacity: 0;
	transition: opacity .3s linear 0s;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-size: 1em;
    min-width: 420px;
    background-color: var(--gris100);
}



h1 {
    font-size: 1.75em;
    margin-top: .25em;
}
h2 {
    color: var(--azulsemioscuro);
    font-weight: 700;
    font-size: 1.5em;
    margin: .66em; 
    margin-left: 0px;
}
h3 {

}
main {
	flex-grow: 1;
    padding: 1em var(--margendoble);
    max-width: 1800px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.negrita, strong {
    font-family: "negrita";
}
.seminegrita {
    font-family: "seminegrita";
}
.aladerecha {
    text-align: right;
}
.subrayado {
    text-decoration: underline;
}
.traselementoflotate {
	clear: both;
}

.nocortar {
	white-space:nowrap;
}
.romperpalabras {
    word-break: keep-all;
}
.cortar {
	word-break: break-all;
}
.contenedoraperturavertical {
	height: 0px;
	overflow: hidden;
	transition: height 1s linear 0s;
}
.contenedoraperturavertical > * {
    overflow: hidden;
}


#tapador {
	z-index: 40;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	-webkit-transition: transform .5s ease-in 0s,opacity .5s ease-in 0s;
	transition: opacity .5s ease-in 0s;
	opacity:0;
	transform: scale(0);
}
#tapador.abierto {
    opacity: 1;
    transform: scale(1);
}

#capamarco, #capamarco1 {
	z-index: 150;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.8);	
	transform: scale(1,0);
	background-image:url(../imagenes/loading.svg);
	background-attachment: fixed;
	background-position: center center;
	background-repeat:no-repeat;
	background-size: 150px auto;
	transition: transform .5s ease-in 0s;
}


#capamarco iframe, #capamarco1 iframe, .capasmarco iframe {
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
/*ventana de avisos*/
#ventanaavisos, #ventanaaceptar {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
    padding:2em;
	z-index: 152;	
	transform: scale(1,0);
	display: flex;
	justify-content:center;
	align-items:center;
	transition: transform .2s linear 0s;
    background-color: var(--primarios700al80);
}
#ventanaavisos div, #ventanaaceptar div {
	display: flex;
    flex-direction: column;
	padding: 4em 2em;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 8px 20px rgba(0,0,0,.06), 0px 24px 60px rgba(0,0,0,.12);
    background-color:#FAFAFA;
      max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
/*#ventanaavisos img, #ventanaaceptar img {
    width: 4em;
    height: auto;
}*/

#ventanaavisos h2, #ventanaaceptar h2 {
    margin-top: 0px;
    margin-bottom: 0px
}
#ventanaavisos p, #ventanaaceptar p {
    margin-top: 1em;
    margin-bottom: 0px;
}
#ventanaavisos p:last-of-type, #ventanaaceptar p:last-of-type {
    text-align: right;
}
#ventanaavisos p:last-of-type a, #ventanaaceptar p:last-of-type a{
    margin-left: 1em;
}
#ventanaavisos p:empty, #ventanaaceptar p:empty {
    display: none;
}
/* animaciones estandard*/


#cargaprevia {
	display: none;
}

input, textarea, select {
    border: solid 1px var(--neutral500);
    color: var(--neutral500);
    background-color: white;
    line-height: 1.6em;
    border-radius: var(--radiopequeno);
}
select {
    height: 1.8em;
}

input[type="number"] {
    text-align: right;
}
/*input[type="text"]:valid, input[type="email"]:valid , input[type="date"]:valid , input[type="time"]:valid , input[type="url"]:valid , input[type="number"]:valid, textarea:valid  {
    background-color: white;
}


#cuerpo .tabladatos input:read-only, #cuerpo .tabladatos textarea:read-only,  #cuerpo .tabladatos select:disabled, .ventanaflotante .formularioauxiliar input[type="number"]:read-only, .ventanaflotante .formularioauxiliar input[type="date"]:read-only, .ventanaflotante .formularioauxiliar input[type="text"]:read-only, .ventanaflotante .formularioauxiliar select:disabled{
    color: var(--gris600);
}


#cuerpo .tabladatos input[data-cambiado="1"], #cuerpo  textarea[data-cambiado="1"],  #cuerpo  select[data-cambiado="1"], #contenedorcampos input[data-cambiado="1"], #contenedorcampos  select[data-cambiado="1"]  {
    border-color: var(--aviso700);
}
*/

input:focus, button:focus, select:focus, textarea:focus {
    outline: none;
}

/*input[type="number"] {
    text-align: right;
}
input[type="text"]:read-only, input[type="email"]:read-only , input[type="date"]:read-only , input[type="time"]:read-only , input[type="url"]:read-only, input[type="number"]:read-only, select:disabled,  textarea:read-only    {
    border-color: var(--gris300);
    color: var(--gris300);
    backgroound-color: white;
}
button:disabled, input[type="submit"]:disabled {
    opacity: .2;
}*/
.botonprincipal, .botonsecundario,.boton3, .botonpeligro, .botonalerta {
    display: inline-block;   
    border-radius: 2px;
    padding: .5em 1em .5em 1em;
    transition: background-color .2s ease-in 0s,color .2s ease-in 0s,border .2s ease-in 0s;
    text-decoration: none;
    cursor: pointer;
    border-radius: var(--radiopequeno);
    border: solid 1px var(--primarios600);
    background-color: var(--primarios600);
    color: var(--blanco);
}
.botonsecundario {
    border: solid 1px var(--primarios600);
    background-color: var(--blanco);
    color: var(--primarios600);
}
.botonprincipal:not(:disabled):hover {
    border: solid 1px var(--primarios400);
    background-color: var(--primarios400);
    color: var(--blanco);  
}
.botonsecundario:hover {
    border: solid 1px var(--primarios400);
    color: var(--primarios400);  
}
.botonprincipal:active, .botonprincipal:focus {
    
}
.botonprincipal:focus, .botonsecundario:focus {
    outline: none;
}
.botonsecundario:hover {

}

.botonpeligro {

}
.boton3 {
    border: solid 1px #006A3B;
    background-color: var(--blanco);
    color: #006A3B;
}
.boton3:hover {
    border-color: var(--primarios300);
    color: var(--primarios300);
}
.botonpeligro:hover {

}
.botonsecundario:active, .botonsecundario:focus {

}

.botonalerta:hover {

}
.botonalerta:active, .botonalerta:focus {
 
}
.botonsecundario.mediano, .botonprincipal.mediano, .botonalerta.mediano, .boton3.mediano, .botonpeligro.mediano {
    padding: .25em .5em .25em .5em;
}
.botonsecundario.algoestrecho, .botonprincipal.algoestrecho, .botonalerta.algoestrecho, .boton3.algoestrecho, .botonpeligro.algoestrecho {
    padding: .15em .5em .15em .5em;
}
.botonsecundario.estrecho, .botonprincipal.estrecho, .botonalerta.estrecho, .boton3.estrecho, .botonpeligro.estrecho {
    padding: .15em .25em .15em .25em;
}
.botonprincipal:disabled, .botonsecundario:disabled, .boton3:disabled {
    opacity: .2;
}

/*.tabladatos input[type="checkbox"]::after {
    content: "No";
    display: inline-block;
    width: 1.5em;
    height: 1.2em;
    padding-left: .15em;
    background-color: white;
    font-weight: 500;
    border: 1px solid var(--primario600);
    border-radius: 4px;
}
.tabladatos input[type="checkbox"]:readonly::after{
    border-color: var(--gris300);
}
.tabladatos input[type="checkbox"].valorinvalido::after{
    background-color: var(--peligro300);
}
.tabladatos input[type="checkbox"][data-cambiado="1"]::after{
    border-color: var(--aviso700);
}
.tabladatos input[type="checkbox"]:disabled::after{
    border-color: var(--gris500);
    cursor: default;
}
.tabladatos input[type="checkbox"]:checked::after {
    content: "Si";
}*/
.ventanaauxiliar {
    position: fixed;
    z-index: 20;
    width: 100vw;
    height: 100%;   
    background-color: var(--primarios700al80);
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: scale(0,1);
	transition: transform .2s linear 0s;
   
}
.ventanaauxiliar.abierta {
    transform: scale(1,1);
}
.ventanaauxiliar > div {
    padding:2em;
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow-x:hidden;
    overflow-y: auto;
}
.ventanaauxiliar > div > form {
    position: relative;
    max-width: 600px;
    padding: 2em 4em;
    background-color: var(--neutral50);
    flex-shrink: 0;
    border-radius: var(--radiogrande);
    box-shadow: var(--sombra4);
}
.ventanaauxiliar > div > form > p {
    display: flex;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 1em;
}
.ventanaauxiliar > div > form > .cerrar {
    position: absolute;
    top: 1em;
    right: 1.5em;
    width: 1em;
    height: auto;
    cursor: pointer;
}
.ventanaauxiliar p:not(.parrafobotones) input, .ventanaauxiliar p:not(.parrafobotones) select, .ventanaauxiliar p:not(.parrafobotones) textarea {
    border: solid 1px var(--primarios300);
    color: var(--primarios600);
}
.ventanaauxiliar p:not(.parrafobotones) input:focus, .ventanaauxiliar p:not(.parrafobotones) select:focus, .ventanaauxiliar p:not(.parrafobotones) textarea:focus {
    border: solid 1px var(--primarios600);
    background-color: var(--primarios50);
}
.ventanaauxiliar p:not(.parrafobotones) input.haentrado:invalid, .ventanaauxiliar p:not(.parrafobotones) select.haentrado:invalid, .ventanaauxiliar p:not(.parrafobotones) textarea.haentrado:invalid {
    border: solid 1px var(--peligro600);
}
.ventanaauxiliar .asterisco {
    color: var(--peligro600);
    margin-left: .5em;
}
.ventanaauxiliar > div > form >  p.parrafoinformacion {
    display: block;
    font-size: .75em;
    color: var(--neutral500);
}
.ventanaauxiliar .parrafoinformacion img {
    height: 1em;
    width: auto;
    vertical-align:text-bottom;
    margin-right: .25em;
    margin-left: 0px;
}
.ventanaauxiliar h2 {
    margin-top: .25em;
    margin-bottom: 1.25em;
}
/*.ventanauxiliar input[type="text"] {
    border: solid 1px: var(--primarios300);
}*/
.ventanauxiliar input:placeholder {
    color: var(--primarios300);
}
.ventanaauxiliar .todoelancho {
    flex-grow:1 
}
.ventanaauxiliar label.todoelancho {
    display: flex;
    align-items: center;
    margin-bottom: .5em;
}
.ventanaauxiliar > div > form > p > img {
    margin-left: .5em;
    height: 1.25em;
    width: auto;
}
.ventanaauxiliar > div > form > p.parrafobotones {
    justify-content: flex-end;
    margin-top: 1.5em
}
.ventanaauxiliar > div > form > p.parrafobotones input:not(:last-of-type) {
    margin-right: 1em;
}
#parrafonoencontrado {
    grid-column: 1 / main-end;
    font-size: 1.25em;
    font-family: "seminegrita";
}
@media (max-width: 1000px) {
    html {
        --mediomargen: .5em;
        --margen: 1em;
        --margen1: .75em;
        --margendoble:1.25em;
    }
    .ventanaauxiliar > div > form {
        padding: 2em 2em;
    }
}




@media (max-width: 520px) {
    .ventanaauxiliar > div {
        padding:1em;
    }
    .ventanaauxiliar > div > form {
        padding: 2em 1em;
    }
}