/* home */

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: "Ubuntu", sans-serif !important;
    font-weight: 300;
    font-style: normal;
}




p.if {
    display: none;
}

.p {
    font-size: 11px;
}

a {
    color: #197385;
    text-decoration: none;
}

.err {
    color: #ffffff;
    background: #ff0000;
}



.container {
    display: flex;
    height: 100%;
    flex-wrap: wrap;
}

.column {
    flex: 1;
    padding: 20px;
    box-sizing: border-box;
}

.column-left {
    background: #2fc1a9;
    background-position: top;
    background-size: cover;
}

.column-right {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

.acceso-clientes {
    width: 300px;
    --height: 400px;
    padding: 20px;
    border: 1px solid #ccc;
    margin: 0 auto;
}

.acceso-clientes h2 {
    text-align: center;
}

.acceso-clientes hr, .acceso-clientes br {
    display: none;
}

.acceso-clientes table {
    border-collapse: separate;
    border-spacing: 10px;
    /* Adjust the spacing value as needed */
}

.acceso-clientes input.frmn {
    padding: 10px;
    border-radius: 5px;
    border: 0;
    background: rgb(232, 243, 249);
}

.acceso-clientes input.frmns {
    width: 100%;
    margin: 20px 0;
    padding: 10px;
    font-family: "Ubuntu", sans-serif !important;
    font-weight: 400;
    font-size: large;
    text-transform: uppercase;
    color: #fff;
    background-color: #197385;
    border-radius: 5px;
    border: 0;
}



@media screen and (max-width: 768px) {
    .column {
        flex: 100%;
    }

    .column-left {
        display: none;
    }
}





























body.legal h1 { background: none; }

body.legal #main-container {
    max-width: 800px; 
    margin: 0 auto; 
    padding:40px;
}


body.legal::before {
  content: "";
  position: absolute;       /* or absolute, según quieras */
  top: 20px;
  right: 100px;
  width: 120px;
  height: 60px;
  background-image: url('/_img/logo.png');
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;  /* no captura clicks */
  z-index: 9999;
}