/* RenovaPress · ACORDEONES: sistema único de la web (ver CLAUDE.md)
   FAQ, «¿Hay permanencia?» de los planes, catálogo y menú móvil. HTML: accordion_item() en includes/functions.php
   (el menú usa el mismo botón [data-acc]); comportamiento: módulo «Acordeones» de main.js, que pone .is-open
   en el elemento que contiene el panel. Variables de :root (main.css): --dur, --ease, --violet, --magenta.
   Icono +/− del tema «Agencia SEO Benidorm» de Nauzet: dos barras; al abrir, la vertical gira 90° y se oculta.
   Excepción pedida por Nauzet: se anima también con «Reducir movimiento» (main.css excluye .acc-panel y .acc-icon). */

/* Panel: se desliza con grid-template-rows 0fr → 1fr y fundido. Sin JavaScript se ve abierto. */
.acc-panel { display: grid; grid-template-rows: 0fr; opacity: 0; visibility: hidden; transition: grid-template-rows var(--dur) var(--ease), opacity var(--dur) var(--ease), visibility 0s linear var(--dur); }
.is-open > .acc-panel, html:not(.js) .acc-panel { grid-template-rows: 1fr; opacity: 1; visibility: inherit; transition-delay: 0s; }
.acc-panel > * { min-height: 0; overflow: hidden; }

/* Botón */
.acc-head { margin: 0; font: inherit; }
.acc-btn { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }

/* Icono +/− (tamaño con --acc-size) */
.acc-icon { position: relative; flex: none; width: var(--acc-size, 30px); height: var(--acc-size, 30px); border-radius: 50%; background: var(--violet); transition: background-color var(--dur) var(--ease); }
.acc-icon::before, .acc-icon::after { content: ''; position: absolute; top: 50%; left: 50%; width: 40%; height: 2px; border-radius: 2px; background: #fff; transform: translate(-50%, -50%); transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease); }
.acc-icon::after { transform: translate(-50%, -50%) rotate(90deg); }
[aria-expanded="true"] > .acc-icon { background: var(--magenta); }
[aria-expanded="true"] > .acc-icon::after { transform: translate(-50%, -50%) rotate(180deg); opacity: 0; }

/* PANEL LATERAL (Ebook gratis, .ebook-panel en components.css). EXCEPCIÓN pedida por Nauzet a «entrada y salida
   igual de suaves»: entra despacio con una curva de frenada larga y el contenido escalonado desde la derecha,
   y sale rápido y directo. Como toda transición, funciona también con «Reducir movimiento» (regla fija). */
:root {
  --panel-in-dur: .85s;
  --panel-in-ease: var(--ease-out);
  --panel-out-dur: .3s;
  --panel-out-ease: cubic-bezier(.4, 0, 1, 1);
  --panel-stagger: .08s;
}