/* Plegables v7.7 · A — TARJETA CON ⊕ (07-10-2026, estetica-landing.md § 26). Referencia: Apple One, «Questions? Answers.».
   Cada pregunta es una tarjeta blanca con borde y radio 16 (el de las tarjetas de la garantía y del método) y un círculo con +
   a la derecha: cerrada ya se ve que se toca. Abierta: el círculo se rellena de petróleo y el + pasa a −; adentro, solo texto.
   Se enlaza DESPUÉS de destacados.css. Mismo marcado (.pleg / .pleg-fila / .pleg-cuerpo) y mismos ids. */

/* ---------- 1 · La tarjeta ---------- */
.v7-faq .faq { gap: 8px; }
.v7-faq .pleg.mini,
.v7-garantia .pleg.lc { background: var(--fondo); border: 1px solid var(--borde); border-radius: 16px; box-shadow: 0 1px 2px rgba(30,47,56,.05); }
.v7-faq .pleg.mini.abierto,
.v7-garantia .pleg.lc.abierto { border-color: var(--texto-3); }
.v7-garantia .pleg.lc { margin-top: 4px; }
.v7-faq .pleg.mini > .pleg-fila,
.v7-garantia .pleg.lc > .pleg-fila { min-height: 56px; padding: 12px 12px 12px 16px; gap: 12px; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 15px; line-height: 1.3; border-radius: 16px; }

/* ---------- 2 · El ⊕: círculo de 28 px con un + de 12 px; abierto, círculo relleno y − ---------- */
.v7-faq .pleg .chev,
.v7-garantia .pleg.lc .chev { width: 28px; height: 28px; border: 1.5px solid var(--texto); border-radius: 50%; transform: none !important; }
.v7-faq .pleg .chev::before, .v7-faq .pleg .chev::after,
.v7-garantia .pleg.lc .chev::before, .v7-garantia .pleg.lc .chev::after { content: ""; position: absolute; left: 6.5px; top: 11.5px; width: 12px; height: 2px; border: 0; border-radius: 1px; background: var(--texto); }
.v7-faq .pleg .chev::after,
.v7-garantia .pleg.lc .chev::after { transform: rotate(90deg); }
.v7-faq .pleg.abierto > .pleg-fila .chev,
.v7-garantia .pleg.lc.abierto > .pleg-fila .chev { background: var(--texto); }
.v7-faq .pleg.abierto > .pleg-fila .chev::before, .v7-faq .pleg.abierto > .pleg-fila .chev::after,
.v7-garantia .pleg.lc.abierto > .pleg-fila .chev::before, .v7-garantia .pleg.lc.abierto > .pleg-fila .chev::after { background: #fff; }
.v7-faq .pleg.abierto > .pleg-fila .chev::after,
.v7-garantia .pleg.lc.abierto > .pleg-fila .chev::after { transform: rotate(90deg) scaleX(0); }

/* ---------- 3 · Abierta: texto solo, alineado con la pregunta; la respuesta directa en negrita ---------- */
.v7-faq .pleg.mini .pleg-txt,
.v7-garantia .pleg.lc .pleg-txt { padding: 0 16px 12px; font-size: 14px; line-height: 1.45; color: var(--texto-2); } /* v8.5: era 0 16px 16px, 15px/1.5 */
.v7-faq .pleg-txt b { color: var(--texto); font-weight: 600; }

/* ---------- 4 · Escritorio: dos columnas de tarjetas ---------- */
@media (min-width: 1024px) { .v7-faq .faq { gap: 10px 12px; } }

/* ---------- 5 · Puntero y movimiento ---------- */
@media (hover: hover) {
  .v7-faq .pleg.mini:hover, .v7-garantia .pleg.lc:hover { border-color: var(--texto-3); }
  .v7-faq .pleg:not(.abierto) .pleg-fila:hover .chev, .v7-garantia .pleg.lc:not(.abierto) .pleg-fila:hover .chev { background: var(--gris-1); }
}
@media (prefers-reduced-motion: no-preference) {
  .v7-faq .pleg .chev, .v7-garantia .pleg.lc .chev { transition: background 150ms var(--curva-casa); }
  .v7-faq .pleg .chev::after, .v7-garantia .pleg.lc .chev::after { transition: transform var(--dur-chev) var(--curva-casa); }
  .v7-faq .pleg.mini, .v7-garantia .pleg.lc { transition: border-color 150ms var(--curva-casa); }
}

/* ---------- Letra chica por dentro (igual en A, B y C): la regla primero, el detalle en filas de dato (v7.6, Apple + GOV.UK) ---------- */
.lc-grupo + .lc-grupo { margin-top: 14px; }
.lc-t2 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 14px; line-height: 1.3; color: var(--texto); margin: 0 0 4px !important; }
.lc-regla { font-size: 15px; line-height: 1.45; color: var(--texto); margin: 0 0 8px !important; }
.lc-dl { display: grid; grid-template-columns: 76px minmax(0, 1fr); margin: 0; font-size: 14px; line-height: 1.4; }
.lc-dl dt, .lc-dl dd { margin: 0; padding: 6px 0; border-top: 1px solid var(--gris-2); }
.lc-dl dt { font-weight: 600; color: var(--texto); padding-right: 8px; }
.lc-dl dd { color: var(--texto-2); }
.v7-garantia .pleg.lc .letra-chica { font-size: 12px; margin: 12px 0 0; }
@media (min-width: 1024px) { .lc-dl { grid-template-columns: 120px minmax(0, 1fr); } }