:root {
    --blau-cecot: #00b9e9;
    /* Cecot C */
    --blau-sap: #0079ad;
    /* SAP blue */
    --bg: #F6F8FB;
    --surface: #FFFFFF;
    --text: #0F172A;
    --muted: #64748B;
    --border: #E5EAF2;
    --gris-cecot: #f5f5f5;
    --negre: #111111;

    --radius: 18px;
    --shadow: 0 12px 30px rgba(15, 23, 42, .08);
    --shadow-soft: 0 10px 24px rgba(15, 23, 42, .06);

    --focus: 0 0 0 4px rgba(3, 175, 233, .20);
}

* {
    box-sizing: border-box;
    font-family: "Manrope", sans-serif;

}

/* .container {
    width: min(480px, calc(100% - 32px));
  margin: 0 auto;
  padding: 40px 0 56px;
} */

/* section {
    background: var(--gris-cecot);
    margin-bottom: 24px;

} */

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* Los campos con class="field full" ocupan todo el ancho */
.field.full {
  grid-column: 1 / -1;
}

/* Solo móvil/táctil */
@media (max-width: 768px) and (pointer: coarse){
  .grid{ grid-template-columns: 1fr; }
  .field.full{ grid-column: auto; }
}
.field {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
}


input,
textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--negre);



}

input {
    height: 30px;
    margin-top: 5px;
    ;
}

input::placeholder,
label {
    font-size: 20px;
}

.field.check {
    display: flex;
    flex-direction: row;
    align-items: center;

}

.field.check label {
    font-size: 15px;
}

.text-privacy {
    font-size: 12px;
    color: var(--muted);
    margin-bottom: 16px;
}

.text-privacy a {
    color: var(--muted);
}

.btn {
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    align-items: center;
    padding: 10px 20px;
    font-size: 20px;
    border-radius: 10px;
    border: 0;
    background-color: var(--blau-cecot);
    color: white;
}

.btn:hover {
    background-color: var(--blau-sap);
    cursor: pointer;
}

h2 {
    display: none;
}

footer {
    display: none;
}