/* CSS Document */

html, body {
    height: 100%;
    margin: 0;
}
  
body{
    display: flex !important;
    justify-content: center !important;   /* Centrado horizontal */
    align-items: center !important;       /* Centrado vertical */
	background-image:url(/reav2/javax.faces.resource/images/login/rea/fondo-login.jpg.xhtml);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.container-login {
  max-width: 430px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box;
  padding: 18px;
}

/* contenedor que mantiene ambos grupos en una sola línea */
.coord-row {
  display: flex;
  flex-wrap: nowrap;        /* evita que los grupos salten a otra línea */
  align-items: center !important;
  /*gap: 10px;*/                /* espacio entre grupo1 y grupo2 */
  white-space: nowrap;      /* evita wrap de texto interno */
}

/* cada par (label + input) */
.coord-group {
  display: flex;
  align-items: center !important;
  gap: 3px;
  /*white-space: nowrap;*/
}

.coord-title {
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center; /* centra el título verticalmente */
}

/* estilo específico para los inputs de coordenada */
.coord-input {
  width: 48px !important;   /* ajustá ancho si querés */
  text-align: center !important;
  padding: .350em 1em .350em 1em !important;
  border-radius: 15px !important;
  margin-bottom: 10px !important;
}

.coord-row-container {
    display: flex;
    align-items: center; /* centra verticalmente todo lo que está dentro de la fila */
    gap: 15px;           /* espacio entre columnas */
}

.form-container {
	background: linear-gradient(to bottom, #f08d00, #ff3c03);
	border-radius: 20px;
	padding: 30px;
	color: #FFF;
}

.LogoLogin {
  display: block;      /* para que margin auto funcione */
    margin: 0 auto 20px; /* centra horizontal y agrega margen inferior */
    max-width: 200px;    /* opcional, ajusta según tu diseño */
    height: auto;        /* mantiene proporción */
}

.form{
	font-family: 'ubunturegular';
	font-size:15px !important;
	color:#808080 ;
	border: 0px;
}
 
.btn-login{
	background-color: black !important;
	color: white !important;
	width: 150px !important;
	height: 35px !important;
	border-radius: 20px !important;
	border: 0px !important;
	font-family: 'ubunturegular' !important;
	font-size:17px !important;
	margin-bottom: 20px !important;
	margin-right:10px !important;
	margin-left:10px !important;
}

.btn-login:hover {
	background-color: #824707 !important;
	color: #FFF;border: 0;
}

.linea	{
	border-bottom: 2px;
	border-color:#b0b0b0; 
	border-bottom-style: solid;
	padding-top: 5px;
}

.captcha {
	font-family: 'ubunturegular';
	font-size:18px; 
	color:#b0b0b0;
	font-weight: 800;
	border-radius: 15px !important;
	margin-left: 5px !important;
}

.copy {
	text-align:center;
	font-size:0.9em;
	color:white !important;
	margin-top: 20px; 
}

img{
	max-width: 80%;
}

input .form{
	font-family: 'ubunturegular';
	font-size:15px ;
	border: none;
}

#opTarjetaCoordenadas, .ui-panel .ui-panel-content{
	background:transparent !important;
	border:none;
}

img.keypad-trigger{
    float: right;
    padding-right: 15px;
}

input#usuario, input#password, input#password_a, input#password_n, input#password_n2{
	padding: .350em 1em .350em 1em !important;
    border-radius: 15px !important;
    margin-bottom: 10px !important;
}

input#captcha{
	padding: .350em 1em .350em 1em !important;
    border-radius: 15px !important;
    border: none !important;
    float: left;
    margin-bottom: 30px !important;
    
}


#opTarjetaCoordenadas_content{
	border: none !important;
	padding: 0px;
}

#opTarjetaCoordenadas_content span{
 	padding-left: 21px; 
 	font-family: "Open Sans","Helvetica Neue",sans-serif;
 	font-size: 14px;
 	color: #808080;
 	float: left;
}

@font-face {
    font-family: 'ubuntubold';
    src: url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-b-webfont.eot.xhtml);
    src: url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-b-webfont.eot.xhtml?#iefix) format('embedded-opentype'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-b-webfont.woff2.xhtml) format('woff2'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-b-webfont.woff.xhtml) format('woff'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-b-webfont.ttf.xhtml) format('truetype'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-b-webfont.svg.xhtml#ubuntubold) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntumedium_italic';
    src: url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-mi-webfont.eot.xhtml);
    src: url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-mi-webfont.eot.xhtml?#iefix) format('embedded-opentype'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-mi-webfont.woff2.xhtml) format('woff2'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-mi-webfont.woff.xhtml) format('woff'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-mi-webfont.ttf.xhtml) format('truetype'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-mi-webfont.svg.xhtml#ubuntumedium_italic) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubunturegular';
    src: url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-r-webfont.eot.xhtml);
    src: url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-r-webfont.eot.xhtml?#iefix) format('embedded-opentype'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-r-webfont.woff2.xhtml) format('woff2'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-r-webfont.woff.xhtml) format('woff'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-r-webfont.ttf.xhtml) format('truetype'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-r-webfont.svg.xhtml#ubunturegular) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntuitalic';
    src: url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-ri-webfont.eot.xhtml);
    src: url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-ri-webfont.eot.xhtml?#iefix) format('embedded-opentype'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-ri-webfont.woff2.xhtml) format('woff2'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-ri-webfont.woff.xhtml) format('woff'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-ri-webfont.ttf.xhtml) format('truetype'),
         url(/reav2/javax.faces.resource/fonts/ubuntu/ubuntu-ri-webfont.svg.xhtml#ubuntuitalic) format('svg');
    font-weight: normal;
    font-style: normal;
}

#mensajes .ui-messages-error,
#mensajes .ui-message-error,
#msgsChgPwd .ui-messages-error,
#msgsChgPwd .ui-message-error{
    color: #fff !important;     /* texto blanco */
    background-color: #9b8c8c !important;  /* opcional: rojo Bootstrap */
    border: none;               /* opcional: quitar borde */
}

/* Icono de error también en blanco */
#mensajes .ui-messages-error-icon,
#mensajes .ui-message-error-icon {
    color: #fff !important;
}

@supports (-webkit-overflow-scrolling: touch) { 
}

.ui-messages-error.ui-corner-all{
    background-color: transparent !important;
    color: red !important;
	font-size: 14px;
}

.ui-messages-info-summary, 
.ui-messages-warn-summary, 
.ui-messages-error-summary, 
.ui-messages-fatal-summary, 
.ui-message-info-summary, 
.ui-message-warn-summary, 
.ui-message-error-summary, 
.ui-message-fatal-summary {
	font-weight: normal !important;
}

#recuperarForm .ui-messages-info-summary, 
#recuperarForm .ui-messages-warn-summary, 
#recuperarForm .ui-messages-error-summary, 
#recuperarForm .ui-messages-fatal-summary, 
#recuperarForm .ui-message-info-summary, 
#recuperarForm .ui-message-warn-summary, 
#recuperarForm .ui-message-error-summary, 
#recuperarForm .ui-message-fatal-summary {
	color: red !important;
}