/* ==========================================================================
   FAQ.CSS - Estilos encapsulados y únicos
   ========================================================================== */
   .c-faq__container { max-width: 800px; margin: 0 auto; padding: 80px 20px; }
   .c-faq__header { text-align: center; margin-bottom: 60px; }
   .c-faq__header h1 { font-size: 2.5rem; margin-bottom: 16px; }
   .c-faq__header p { font-size: 1.125rem; color: var(--text-secondary); }
   .c-faq__category { margin-bottom: 40px; }
   .c-faq__category h2 { font-size: 1.5rem; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid var(--border-color-default); }
   .c-faq__item { border-bottom: 1px solid var(--border-color-default); }
   .c-faq__item:last-child { border-bottom: none; }
   .c-faq__item details { padding: 20px 0; }
   .c-faq__item summary { font-weight: 600; font-size: 1.1rem; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; transition: color 0.2s ease; }
   .c-faq__item summary:hover { color: var(--primary-accent); }
   .c-faq__item summary::-webkit-details-marker { display: none; }
   .c-faq__item summary::after { content: '+'; font-size: 1.5rem; color: var(--text-secondary); transition: transform var(--transition-speed); }
   .c-faq__item details[open] > summary { color: var(--primary-accent); }
   .c-faq__item details[open] > summary::after { transform: rotate(45deg); }
   .c-faq__item p { margin-top: 16px; color: var(--text-secondary); padding-left: 10px; line-height: 1.7; }