/* Cenergia – FAQ estilo acordeón Astra/Spectra */

/* Contenedor "boxed" */
.cenergia-accordion.cenergia-accordion--boxed {
  border: 1px solid var(--ca-border, #e5e7eb);
  border-radius: 6px;
  background: var(--ca-bg, #fff);
  overflow: hidden;
  margin: 1.5rem 0;
}

/* Título general del bloque */
.cenergia-accordion > h2 {
  margin: 0;
  padding: 12px 16px;
  font-size: 1.25rem;
  border-bottom: 1px solid var(--ca-border, #e5e7eb);
}

/* Cada item */
.cenergia-accordion details {
  border-bottom: 1px solid var(--ca-border, #e5e7eb);
  background: #fff;
}
.cenergia-accordion details:last-of-type {
  border-bottom: 0;
}

/* Resumen (línea clickeable) */
.cenergia-accordion summary {
  display: flex;
  align-items: center;
  gap: 12px;
  list-style: none;
  cursor: pointer;
  margin: 0;
  padding: 16px 18px;
  font-weight: 600;
  line-height: 1.4;
  background: var(--ca-item-bg, #ffffff);
  transition: background .18s ease;
}
.cenergia-accordion summary:hover {
  background: var(--ca-item-hover, #f5f7fb);
}
.cenergia-accordion summary::-webkit-details-marker { display: none; }

/* Icono + / – alineado a la derecha */
.cenergia-accordion summary::after {
  content: "+";
  margin-left: auto;
  font-weight: 700;
  font-size: 18px;
  transform: translateY(-1px);
  transition: transform .2s ease, opacity .2s ease;
  opacity: .85;
}

/* Estado abierto */
.cenergia-accordion details[open] summary {
  background: var(--ca-open-bg, #ffffff);
}
.cenergia-accordion details[open] summary::after {
  content: "–";
}

/* Cuerpo del item */
.cenergia-accordion details > div {
  padding: 14px 18px 18px;
  color: var(--ca-body, #334155);
  background: #fff;
}
.cenergia-accordion details > div p { margin: 0 0 .5rem; }
.cenergia-accordion a { text-decoration: underline; }

/* Accesibilidad (teclado) */
.cenergia-accordion summary:focus-visible {
  outline: 2px solid var(--ca-focus, #2563eb);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Responsive */
@media (max-width: 544px) {
  .cenergia-accordion > h2 { font-size: 1.125rem; }
  .cenergia-accordion summary { padding: 14px 16px; }
  .cenergia-accordion details > div { padding: 12px 16px 16px; }
}