/* Plantilla: templates/page-fundacion.php (La Fundación), fiel a ptsgranada.com/fundacion */

.section-head--wide { max-width: 64rem; }
.section-head p strong { font-weight: var(--fw-semibold); }

/* La Fundación: visión y misión */
.fundacion-intro__card { padding: var(--sp-5); min-height: 15rem; }
.fundacion-intro__card .card__icon { color: var(--c-accent); }

/* Proyectos estratégicos: components/proyectos-grid.css */

/* Servicios: collage en rejilla de 3 sobre fondo oscuro */
.servicios {
  position: relative;
  isolation: isolate;
  padding-block: var(--sp-7);
  background: var(--c-bg-deep);
}
.servicios__bg { position: absolute; inset: 0; z-index: -1; margin: 0; }
.servicios__bg img { width: 100%; height: 100%; object-fit: cover; opacity: .5; }
.servicios__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
}
.servicios__cell {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  min-height: 15rem;
  padding: var(--sp-5) var(--sp-4);
  background: var(--c-bg);
}
.servicios__cell--title { grid-column: span 2; background: var(--c-bg-soft); }
/* alternancia de fondos idéntica a la publicada:
   fila 1: [título ×2][azul] · fila 2: [azul][blanco][claro] · fila 3: [claro][azul][blanco] */
.servicios__cell { --svc-blue: color-mix(in srgb, var(--c-accent) 30%, var(--white)); }
.servicios__cell:nth-child(6n+2), .servicios__cell:nth-child(6n+3), .servicios__cell:nth-child(6n+7) { background: var(--svc-blue); }
.servicios__cell:nth-child(6n+4), .servicios__cell:nth-child(6n+8) { background: var(--c-bg); }
.servicios__cell:nth-child(6n+5), .servicios__cell:nth-child(6n+6) { background: var(--c-bg-soft); }
.servicios__cell--title { background: var(--c-bg-soft); }
.servicios__title { font-size: var(--fs-2xl); line-height: var(--lh-tight); letter-spacing: var(--ls-h1); font-weight: var(--fw-regular); }
.servicios__title strong { display: block; font-weight: var(--fw-semibold); }
.servicios__accent { color: var(--c-accent); }
.servicios__icon { color: var(--c-accent); width: 2rem; height: 2rem; }

/* Logos (patronos y redes) */
.logos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sp-3);
  margin-block: var(--sp-5) var(--sp-6);
}
.logos__item {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  padding: var(--sp-4);
  border-radius: var(--radius-md);
  background: var(--c-bg);
  box-shadow: 0 .5rem 2rem rgb(36 42 101 / .08);
  transition: transform var(--dur-fast) var(--ease-out);
}
.logos__item:hover { transform: translateY(-2px); }
.logos__item img { max-width: 70%; max-height: 70%; width: auto; height: auto; object-fit: contain; }

/* Acordeón del patronato */
.patronato__head { margin-bottom: var(--sp-4); }
.patronato__acordeon { max-width: 52rem; }
.patronato__group { border-top: 1px solid var(--c-line); }
.patronato__group:last-child { border-bottom: 1px solid var(--c-line); }
.patronato__summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--sp-3);
  padding-block: var(--sp-4);
  cursor: pointer;
  list-style: none;
}
.patronato__summary::-webkit-details-marker { display: none; }
.patronato__summary::after {
  content: "";
  flex: none;
  width: .6rem;
  height: .6rem;
  border-right: 2px solid var(--c-accent);
  border-bottom: 2px solid var(--c-accent);
  transform: rotate(45deg) translateY(-.2rem);
  transition: transform var(--dur-fast) var(--ease-out);
}
.patronato__group[open] .patronato__summary::after { transform: rotate(225deg); }
.patronato__summary-title { display: block; font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: .02em; }
.patronato__summary-sub { display: block; font-size: var(--fs-sm); color: var(--c-text-muted); }
.patronato__content { padding-bottom: var(--sp-5); }
.patronato__group[open] .patronato__content { animation: faq-in var(--dur-base) var(--ease-out) both; }
.patronato__inst { margin: var(--sp-4) 0 var(--sp-2); font-size: var(--fs-md); font-weight: var(--fw-semibold); }
.patronato__list {
  margin: 0;
  padding: var(--sp-2) var(--sp-4);
  list-style: none;
  border-radius: var(--radius-md);
  background: var(--c-bg);
  box-shadow: 0 .5rem 2rem rgb(36 42 101 / .06);
}
.patronato__list li { padding-block: var(--sp-3); }
.patronato__list li + li { border-top: 1px solid var(--c-line); }
.patronato__name { font-size: var(--fs-sm); font-weight: var(--fw-semibold); }
.patronato__role { font-size: var(--fs-sm); color: var(--c-text-muted); }
@keyframes faq-in { from { opacity: 0; transform: translateY(-.35rem); } to { opacity: 1; transform: none; } }

/* Red de colaboradores */
.redes__accent { color: var(--c-accent); }
.redes__label { margin-top: var(--sp-5); font-size: var(--fs-md); font-weight: var(--fw-semibold); }

@media (max-width: 60rem) {
  .servicios__grid { grid-template-columns: 1fr; }
  .servicios__cell--title { grid-column: auto; }
  .logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}