/* Contact Us — overrides para que el diseño Instant funcione con la CSP estricta
   (style-src 'self': los style= inline de Instant están bloqueados) y para que
   el formulario lleve inputs reales dentro de las cajas del diseño. */

/* --- Inputs reales dentro de las cajas Instant (borde/fondo/alto los pone el
       CSS del diseño: .iUgZx4..., .iaAFti..., .iPOasp4..., 48px / 120px) --- */
.pd-input {
    border: 0;
    background: transparent;
    width: 100%;
    height: 100%;
    padding: 0 14px;
    font: inherit;
    color: inherit;
    outline: none;
    box-sizing: border-box;
}

.pd-textarea {
    border: 0;
    background: transparent;
    width: 100%;
    height: 100%;
    padding: 12px 14px;
    font: inherit;
    color: inherit;
    outline: none;
    box-sizing: border-box;
    resize: none;
}

/* Subject: select propio estilado igual que las cajas del diseño */
.pd-select {
    width: 100%;
    height: 48px;
    border: 1px solid #e8e0d8;
    background: #fdfcfa;
    border-radius: 8px;
    padding: 0 14px;
    font: inherit;
    color: #141414;
    outline: none;
    cursor: pointer;
}

/* Honeypot anti-bot oculto */
.pd-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Botón submit: .ictM3nRNxjjbEpTCS ya es rosa #ff1b82; quitar estilos de <button> */
button.ictM3nRNxjjbEpTCS {
    border: 0;
    width: 100%;
    cursor: pointer;
    font: inherit;
    color: #fff;
}

button.ictM3nRNxjjbEpTCS.is-loading {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Mensajes async (éxito/error) */
[data-async-messages] ul {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
}

[data-async-messages] li {
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 0.9rem;
    border: 1px solid rgba(255, 27, 130, 0.4);
    background: rgba(255, 27, 130, 0.08);
    color: #141414;
}

/* --- FAQ accordion: los style="--instant-accordion-content-height" inline de
       Instant están bloqueados por la CSP, así que controlamos abrir/cerrar
       desde aquí (el JS solo conmuta data-state). --- */
[data-instant-type="accordion-content"] {
    height: 0 !important;
    overflow: hidden !important;
}

[data-instant-type="accordion-item"][data-state="open"] [data-instant-type="accordion-content"] {
    height: auto !important;
}

/* Más padding interno en los inputs (igual que el diseño de creator).
   !important para ganar a los resets del CSS de Instant. */
.pd-input { padding: 14px 18px !important; }
.pd-textarea { padding: 16px 18px !important; }
.pd-input::placeholder,
.pd-textarea::placeholder { color: #9a8f85 !important; opacity: 1 !important; }