/* [IRIDIAN AI LAYER] CSS extern formularicontactesimplev1. Fase G + tokens 2026-05-19.
 * Variables per-usuari: --bg-color, --accent-color
 * Tokens globals: _iailayer-base.css
 */
.iaLayer-formularicontactesimplev1 {
    background-color: var(--bg-color, var(--ia-color-surface, #ffffff));
    padding: 3rem 1.5rem;
    font-family: inherit;
}
.iaLayer-formularicontactesimplev1 .fcs-inner { max-width: 640px; margin: 0 auto; }
.iaLayer-formularicontactesimplev1 .fcs-header { text-align: center; margin-bottom: 2rem; }
.iaLayer-formularicontactesimplev1 .fcs-title {
    font-size: 2rem; font-weight: 700;
    color: var(--ial-c-text-1); margin: 0 0 0.5rem;
    line-height: 1.2;
}
.iaLayer-formularicontactesimplev1 .fcs-subtitle {
    font-size: 1rem; color: var(--ial-c-text-3);
    margin: 0; line-height: 1.5;
}
.iaLayer-formularicontactesimplev1 .fcs-form { display: flex; flex-direction: column; gap: 1.25rem; }
.iaLayer-formularicontactesimplev1 .fcs-field { display: flex; flex-direction: column; gap: 0.35rem; }
.iaLayer-formularicontactesimplev1 .fcs-label { font-size: 0.875rem; font-weight: 600; color: var(--ial-c-text-1); }
.iaLayer-formularicontactesimplev1 .fcs-input,
.iaLayer-formularicontactesimplev1 .fcs-textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1.5px solid #d2d2d7;
    border-radius: var(--ial-r-md);
    font-size: 1rem;
    color: var(--ial-c-text-1);
    background: var(--ial-c-white);
    box-sizing: border-box;
    transition: border-color var(--ial-t-base), box-shadow var(--ial-t-base);
    outline: none;
}
.iaLayer-formularicontactesimplev1 .fcs-input:focus,
.iaLayer-formularicontactesimplev1 .fcs-textarea:focus {
    border-color: var(--accent-color, var(--ia-color-primary, #4f46e5));
    box-shadow: 0 0 0 3px var(--accent-color-focus, rgba(79, 70, 229, 0.2));
}
.iaLayer-formularicontactesimplev1 .fcs-textarea { min-height: 130px; resize: vertical; }
.iaLayer-formularicontactesimplev1 .fcs-btn {
    align-self: flex-start;
    padding: 0.75rem 2rem;
    background-color: var(--accent-color, var(--ia-color-primary, #4f46e5));
    color: var(--ial-c-text-inverse);
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: var(--ia-radius-button, var(--ial-r-md));
    cursor: pointer;
    transition: opacity var(--ial-t-base), transform var(--ial-t-fast);
    line-height: 1.4;
}
.iaLayer-formularicontactesimplev1 .fcs-btn:hover { opacity: 0.88; }
.iaLayer-formularicontactesimplev1 .fcs-btn:active { transform: scale(0.97); }
.iaLayer-formularicontactesimplev1 .fcs-btn[disabled] { opacity: 0.55; cursor: not-allowed; }
.iaLayer-formularicontactesimplev1 .fcs-consent-label {
    display: flex; align-items: flex-start; gap: 0.5rem;
    font-size: 0.875rem; color: var(--ial-c-text-3); line-height: 1.45;
    cursor: pointer;
}
.iaLayer-formularicontactesimplev1 .fcs-consent-check { margin-top: 0.2rem; accent-color: var(--accent-color, var(--ia-color-primary, #4f46e5)); }
.iaLayer-formularicontactesimplev1 .fcs-consent-label a { color: var(--accent-color, var(--ia-color-primary, #4f46e5)); text-decoration: underline; }
.iaLayer-formularicontactesimplev1 .fcs-status {
    margin: 0; font-size: 0.9rem; font-weight: 600;
    color: #c0392b;
}
.iaLayer-formularicontactesimplev1 .fcs-form.fcs-sending { opacity: 0.7; pointer-events: none; }
@media (max-width: 480px) {
    .iaLayer-formularicontactesimplev1 .fcs-title { font-size: 1.5rem; }
    .iaLayer-formularicontactesimplev1 .fcs-btn { width: 100%; align-self: stretch; text-align: center; }
}