/* Home · Psicologia (components/home/psicologia.inc.php). Valgono anche per Psicologia dello Sport, che aggiunge css/home/psicoSport.css */

.ramo { padding: var(--sezione) 0; }
.ramo__griglia { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(2rem, 5vw, 5.5rem); align-items: start; }
.ramo__media { margin: 0; position: relative; }
.ramo__media img { width: 100%; aspect-ratio: 4 / 3.2; object-fit: cover; }
.ramo__media .coordinata { position: absolute; top: -1px; left: -1px; width: 3.5rem; height: 3.5rem; border-top: 1.5px solid var(--menta); border-left: 1.5px solid var(--menta); }
.ramo__testo h2 { margin-bottom: 1.75rem; }
.temi { margin: 2rem 0 2.5rem; }
.temi > p { font-weight: 700; font-stretch: 108%; margin-bottom: .75rem; color: var(--bianco); }
.temi ul { columns: 2; column-gap: 2rem; }
.temi li {
  break-inside: avoid;
  display: flex; gap: .75rem; align-items: baseline;
  padding: .55rem 0; border-top: 1px solid var(--filo-blu);
  font-size: 1rem; line-height: 1.4;
}
.temi li::before { content: ""; flex: none; width: .55rem; height: 1px; background: var(--menta); transform: translateY(-.3em); }
.ramo__azioni { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; align-items: center; }
@media (max-width: 900px) {
  .ramo__griglia { grid-template-columns: 1fr; }
}
@media (max-width: 480px) { .temi ul { columns: 1; } }

/* Testi giustificati (richiesta della Dottoressa) */
.ramo__testo .lead, .temi > p { text-align: justify; hyphens: auto; -webkit-hyphens: auto; }