/*na-sello 2026-09-29 11:01:33 3cde3f02*/
/* app_registro.css */
html,body,div,section,span,iframe,h1,h2,h3,h5,h6,p,blockquote,pre,a,em,img,q,b,u,i,center,ol,ul,li,fieldset,form,label,legend,tbody,tfoot,thead,tr,th,td,footer,header,time,audio,video{margin:0;border:0;padding:0;}
html{
  width:      100%;
  height:     100%
}
:root {
  --fondoVerde:             #5f7063; /* (2026-09-30: ya no se usa, queda para volver atras) aquí defines la variable */
  --sombraGrisCálidoSuave:  #CCCCCC;
  --VerdeOscuroPastel:      #466868;
  --AzulGrisáceo:           #99CCCC;
  --BeigeClaro:             #E6D9C3;
  --LavandaSuave:           #CC99CC;
  --whitesmoke:             #f5f5f5;
  --azulMarino:             #334155;
  --celesteTotales:         #dbeafe;
  --azulPiedra:             #466a8d; /*2026-09-30, Nestor: fondo de TODA la app (antes --fondoVerde). Para volver al verde: poner aca #5f7063*/
}
body{
  width:            100%;
  height:           100%;
  background:       #303030;
  text-align:       center;
  font-size:        1em;
  font-family:      "Helvetica Neue","sans serif","verdana";
  /* overflow: auto; */
  /* padding: 0px; */
  box-sizing:       border-box;
}
section{
  box-sizing:       border-box;
}
/* section,nav,div,textarea,iframe,input,fieldset,sel,ul,li,table,header{} */
div{
  font-size: 1.02em;
  font-family:      "Helvetica Neue","sans serif","verdana";
  box-sizing:       border-box;  /*** IMPORTANTE, NO SACAR! si se saca crece 6px el 'divTitTot' ***/
  /* width: 150px; */
}

table{
  width:            100%;
  border:           0;
  /* border-collapse:  separate; */
  /* border-spacing:   5px; */
  table-layout:     fixed;
  overflow:         hidden;
  padding:          0;
  margin:           0;
  background: #e4e1e1;
  font-size:        1em;
  font-family:      "Helvetica Neue","sans serif","verdana"; /*hay un @media*/
}

option{color:#000}
fieldset{
  border:     1px solid silver;
  padding:    5px;
  width:      100%;
  background: #fff
}
p{padding:5px}

.a{
  text-decoration:  none;
  color:            #ff3;
  font:             1em "sans serif","verdana";
  text-align:       center;
  background:       none;
  padding-left:     5px;
}
  .a:hover{
    color:      blue;
    background: #fff
  }
.fRight{float: right}
.fLeft{float:  left;margin-top: 3px}
.wMax{width:   100%}
.none{display: none}
.block{display:block}


.h5{
  color:        #fff;
  font-weight:  normal;
  font-size:    1.1em
}
  .divLbl{
    float:      left;
    width:      110px;
    padding:    5px;
    text-align: right;
    font-size:  0.8em;
    margin-top: 7px
  }
  /*.divRecuerdame{
    float:          left;
    width:          100px;
    padding:        12px 5px 0 5px;
    text-align:     left;
    margin-bottom:  5px
*/

  .divInput{
    float:          left;
    width:          100%;
    max-width:      220px;
    padding:        2px;
    text-align:     right;
    margin-bottom:  5px
  }
    .divInput input{width:100%; padding:3px; font-size:1em}

.regPie{
  float: left;
  width: 100%;
  padding-bottom: 20px;
  color:        #fff;
  font-weight:  normal;
  font-size:    1.1em
}
  .regPie a{
    color:  #66FFFF;
  }

/* registro de usuarios */
.divOutRegistro{ /*usada en negoagro_registro.html*/
  float:              left;
  width:              100%;
  height:             100%;
  margin-bottom:      10px;
}

#divRegistro{
  max-width:          360px;
  margin:             0 auto;
  background:         #cf9;
  z-index:            9
}
.divReg123{
  float:        left;
  color:        #e5e2e2;
  font-weight:  normal;
  font-size:    1em;
  text-align:   left
}
  .divReg123 a{
    color:  #66ffFF;
  }

/*2026-10-16, Néstor (captura de las condiciones en el registro): "el texto alineado a la izquierda y el link en color
  celeste como soporte@...". El enlace "Condiciones del servicio" va del mismo celeste que los mailto (#66CCFF) y el
  texto de las condiciones (#divPriv > .divPriv), que heredaba el centrado del body, va a la izquierda.*/
.h5 a, #divPriv a{ color: #66CCFF; }
.divPriv{
  text-align:   left;
  padding:      6px 10px;
  color:        #fff;
  line-height:  1.4;
}
  .divPriv a{ color: #66CCFF; }

#divLoginTxt{
  margin:     0 auto;
  width:      100%;
  max-width:  100%;
  overflow:   auto;
  padding:    5px;
  font-size:  0.8em;
  background: #466A8D;
  color:      #fff;
}

#divConFirma{
  max-width:          360px;
  /* max-height:         330px; */
  overflow:           hidden;
  margin:             0 auto;
  padding:    5px;
  display:    none;
  background: #FFFF99;
  border:     1px solid gray;
  font-size:  0.8em
}
  /*#divConFirma div  {padding: 2px; margin:0}/*; border:1px dashed black*/
  #divConFirma input{width: 130px; border:0; background: none; font-size: 1.1em}
  .divInputC{
    float:          left;
    width:          100%;
    max-width:      180px;
    padding:        2px 0 2px 15px;
    text-align:     left;
    border:         0;
    font-size:      1em;
    /* background: #fff; */
  }
  .divInConfirma{
    float:          left;
    width:          100%;
    max-width:      180px;
    padding:        2px 0 2px 15px;
    text-align:     left;
    border:         0;
    font-size:      1em;
    /* background: #fff; */
  }
  .divCancelar{
    float:          left;
    max-width:      100px;
    padding:        2px 0 2px 15px;
    text-align:     left;
    border:         0;
    font-size:      1em;
    /* background: #fff; */
    display: block;
  }
  .divLblC{
    float:      left;
    width:      130px;
    padding:    2px 2px 2px 0;
    text-align: right;
    font-size:  1em
  }




/*clase de select con "pisada" para manejar la primera opción y el texto inicial*/
.selComboRegistro{
                  font-size:      1em;
                  padding:        3px;
                  width:          100%;
                  background:     #fff;
                  text-indent:    0.01px;
                  text-overflow:  ''
}
  .selComboRegistro option:first-child{
                  display: none;
  }