/* Preguntas frecuentes (Fine Art y Prints y digital): cada pregunta se abre al tocarla */
.preguntas { padding-block: clamp(44px, 5.5vw, 76px); }
.preguntas .preguntas-cabeza { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 48px; padding-bottom: 32px; border-bottom: 1px solid var(--linea); }
.preguntas h2 { font-weight: 200; font-size: clamp(36px, 4.6vw, 64px); line-height: 1; letter-spacing: -0.025em; margin: 8px 0 0; }
.preguntas .preguntas-cabeza p.aviso { margin: 0; max-width: 40ch; font-size: 15px; color: var(--texto-suave); }
.preguntas details { border-bottom: 1px solid var(--linea); }
.preguntas summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px 0; font-size: clamp(17px, 1.5vw, 20px); font-weight: 400; }
.preguntas summary::-webkit-details-marker { display: none; }
.preguntas summary::after { content: ""; flex: 0 0 14px; height: 14px; background: linear-gradient(currentColor, currentColor) center / 100% 1.5px no-repeat, linear-gradient(currentColor, currentColor) center / 1.5px 100% no-repeat; transition: transform .3s ease; }
.preguntas details[open] summary::after { transform: rotate(45deg); }
.preguntas summary:hover { opacity: .7; }
.preguntas details p { margin: 0; padding: 0 0 24px; max-width: 68ch; color: var(--relato, var(--texto-suave)); line-height: 1.65; }
.preguntas details p a { color: inherit; }
/* Se ven las primeras 6; el botón "Ver más preguntas" muestra el resto */
.preguntas:not(.todas) details:nth-of-type(n+7) { display: none; }
.preguntas .mas-preguntas { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; padding: 0 0 4px; border: 0; border-bottom: 1px solid currentColor; background: none; color: var(--texto); font: inherit; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; cursor: pointer; }
.preguntas .mas-preguntas::after { content: ""; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .3s ease; }
.preguntas.todas .mas-preguntas::after { transform: translateY(2px) rotate(-135deg); }
.preguntas .mas-preguntas:hover { opacity: .7; }