/* [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, #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, #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, #4f46e5);
    color: var(--ial-c-text-inverse);
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 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); }
@media (max-width: 480px) {
    .iaLayer-formularicontactesimplev1 .fcs-title { font-size: 1.5rem; }
    .iaLayer-formularicontactesimplev1 .fcs-btn { width: 100%; align-self: stretch; text-align: center; }
}