/* Home y página FAQs: acordeón compartido */
.home-faq {
    background-color: #fff;
    padding: 80px 0 70px;
}

.faqs-page.home-faq {
    padding-top: clamp(2rem, 5vw, 3.5rem);
}

.home-faq__header {
    text-align: center;
    margin-bottom: 2.5rem;
    background: transparent;
}

/* Home: título script decorativo (--font-script / Parisienne) */
.home-faq .home-faq__title {
    font-family: var(--font-script);
    color: var(--color-brand);
    font-size: clamp(4.5rem, 10vw, 6.5rem);
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
    text-transform: none;
    margin: 0 0 1rem;
    background: transparent;
}

/* /StaticPages/Faqs: página interior, mismo patrón que catálogo/legales (Josefin) */
.faqs-page.home-faq .home-faq__title {
    font-family: var(--font-serif);
    font-size: var(--text-catalog-title);
    font-weight: var(--font-weight-catalog-title);
    line-height: var(--line-height-catalog-title);
    letter-spacing: var(--letter-spacing-catalog-title);
}

.home-faq__accordion {
    max-width: 860px;
    margin: 0 auto;
}

.home-faq .home-faq__panel {
    border: none;
    border-radius: 6px;
    box-shadow: none;
    background: transparent;
    margin-bottom: 0.75rem;
}

.home-faq .home-faq__heading {
    border: none;
    border-radius: 6px;
    background: #f2f2f2;
    padding: 0;
}

.home-faq .home-faq__toggle {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    width: 100%;
    padding: 1rem 1.15rem;
    color: #222;
    font-family: var(--font-sans);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55;
    text-decoration: none;
    border-left: 4px solid transparent;
    border-radius: 6px;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.home-faq .home-faq__toggle:hover,
.home-faq .home-faq__toggle:focus {
    color: #222;
    text-decoration: none;
    background: #ebebeb;
    border-left-color: var(--color-brand);
}

.home-faq .home-faq__toggle:not(.collapsed),
.home-faq .home-faq__toggle[aria-expanded="true"] {
    border-left-color: var(--color-brand);
}

.home-faq .home-faq__icon {
    flex: 0 0 auto;
    width: 1.5rem;
    color: var(--color-brand);
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
}

.home-faq .home-faq__icon--minus {
    display: none;
}

.home-faq .home-faq__toggle:not(.collapsed) .home-faq__icon--plus,
.home-faq .home-faq__toggle[aria-expanded="true"] .home-faq__icon--plus {
    display: none;
}

.home-faq .home-faq__toggle:not(.collapsed) .home-faq__icon--minus,
.home-faq .home-faq__toggle[aria-expanded="true"] .home-faq__icon--minus {
    display: inline-block;
}

.home-faq .home-faq__question {
    flex: 1 1 auto;
    text-align: left;
}

.home-faq .home-faq__body {
    border: none;
    border-radius: 0 0 6px 6px;
    background: #f2f2f2;
    margin-top: -0.35rem;
    padding: 0 1.15rem 1.15rem 3.35rem;
    color: #5c5c5c;
    font-family: var(--font-sans);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.65;
}

.home-faq .home-faq__body p {
    margin: 0 0 0.85rem;
}

.home-faq .home-faq__body p:last-child {
    margin-bottom: 0;
}

.home-faq .home-faq__body a {
    color: var(--color-brand);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.home-faq .home-faq__body a:hover,
.home-faq .home-faq__body a:focus {
    color: #b02a37;
}

.home-faq__footer {
    margin: 2rem 0 0;
    text-align: center;
}

.home-faq__more {
    display: inline-block;
    padding: 0.65rem 1.35rem;
    border: 2px solid var(--color-brand);
    border-radius: 10px;
    color: var(--color-brand);
    font-family: var(--font-sans);
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.home-faq__more:hover,
.home-faq__more:focus {
    background: var(--color-brand);
    color: #fff;
    text-decoration: none;
}