body {
  margin:0 auto;
  text-align:center;
  font-family:verdana, arial, helvetica, sans-serif;
}

main {
  text-align:left;
}

table {
  width: 100%;
  border:2px solid darkgray;
}
table > caption {
  font-weight: bold;
  font-size:1.5rem;
  text-decoration:underline;
  margin-bottom:5px;
}
table > thead tr:first-child {
  background-color:darkgray;
  color:white;
}
tr {
  background-color:gainsboro;
}
tr:hover {
  background-color:navy;
  color:white;
}
th, td {
  padding:5px;
  text-align:center;
}

.wrapper {
  display: grid;
  grid-template-columns: 3% 94% 3%;
  grid-gap: 5px;
  grid-auto-rows: minmax(100px, auto);
  /*place-items: center;
  align-items: center;
  justify-items: center*/
}

.espaciador50 {
  height:50px;
}

.alert {
  width: 500px;
  margin: 0 auto;
  margin-top:50px;
  border: 1px solid;
  border-radius: 7px;
  padding: 15px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.alert-danger {
  color: #D8000C;
  background-color: #FFBABA;
}
.alert-danger > h4:before {
  content:'🛑';
}
.alert-success {
  color: #4F8A10;
  background-color: #DFF2BF;
}
.alert-success > h4:before {
  content:'✔️';
}

.contenedorCajetin {
  border: 1px solid #FFC199;
  margin-top: -40px;
  padding-top: 50px;
  z-index: 0;
}

.colorTableAlt {
  background-color: aliceblue;
}

.wrapperGestionParking {
  display:grid;
  grid-template-columns: 29% 70%;
  grid-gap: 50px;
  margin-top:25px;
}
.menuGestionParking > nav {
  text-align: left;
}
.menuGestionParking > nav > div > a{
  background-color: navy;
  padding:15px;
  border-radius:7px;
  color:white;
  font-size:1.2rem;
  font-weight: bold;
}
.tituloPantallaGestion {
  margin:0 auto;
  text-align:center;
}
.pantallaGestionParkingActual {
  width: 95%;
  margin-top:-82px;
  border:1px solid #ccc;
  padding:10px;
}
.pantallaGestionParkingActual input[type='submit'] {
  background-color: navy;
  padding:15px;
  border-radius:7px;
  color:white;
  font-size:1.2rem;
  font-weight: bold;
}

div.middle {
  margin-top:5px;
}

div.wrapper > div.middle > header {
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 100px;

  margin-top:30px;
  background-color:gainsboro;
  border-radius:7px;
  padding:10px;
  text-align: left;
  align-items: center;
}

div.misAlertas {
  width:400px;
  background: #FFC199;
	border-left: 9px solid #FF6600;
  padding:20px;
	color: #2c3e50;
  font-weight: bold;
}
div.misAlertas > div {
  padding:0px;
}
div.misAlertas > span {
  margin-left:25px;
  background-color: white;
  padding:10px;
  border-radius:15px;
  text-align:left;
}

div#nombreAPP {
  font-weight: bold;
  font-size:medium;
  text-align:left;
}

form#frmContactar {
  text-align:justify;
}

textarea#mensajeContacto {
  width:700px;
  height:200px;
}
.form-grid {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 8px 15px;
    align-items: center;
}

.form-grid label {
    text-align: right;
    white-space: nowrap;
}

.form-grid input {
    width: 100%;
    box-sizing: border-box;
}
.form-row {
    display: flex;
    align-items: flex-start; /* 👈 CLAVE */
    margin-bottom: 12px;
}

.form-row label {
    width: 205px;            /* mismo ancho que en los inputs */
    text-align: right;
    padding-top: 6px;        /* alinea con la primera línea del textarea */
    padding-right: 15px;
    
}