/* DC Fisioterapia · Portafolio (/portafolio). Complementa sitio.css y publico.css con el Manual de Marca v1.0. */
.portafolio-hero h1 .acento { font-size: 1.12em; }
.lema-portafolio { margin: 1.25rem 0 0; font-family: var(--f-titulo); font-weight: 600; font-size: .78rem; letter-spacing: .24em; color: var(--gris-texto); }
.imagen-portafolio { margin: 0; border-radius: 22px; overflow: hidden; background: var(--fondo-suave); }
.imagen-portafolio img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.imagen-portafolio.con-foto { position: relative; }
.imagen-portafolio figcaption { position: absolute; left: 10px; bottom: 10px; padding: .2rem .6rem; border-radius: 999px; background: rgba(19, 41, 75, .78); color: #fff; font-size: .8rem; }
.imagen-hero { box-shadow: var(--sombra-alta); }
.texto-grande { font-size: var(--t-grande); }
.enlaces-diana { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin-top: 1.25rem; }

.servicios-portafolio { align-items: stretch; }
.tarjeta-servicio-portafolio { display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.tarjeta-servicio-portafolio .imagen-portafolio { border-radius: 0; }
.tarjeta-servicio-portafolio .cuerpo { display: flex; flex-direction: column; flex: 1; padding: 1.25rem 1.35rem 1.4rem; }
.tarjeta-servicio-portafolio .titulo-con-icono { flex-wrap: nowrap; }
.tarjeta-servicio-portafolio .titulo-con-icono .ico-servicio { width: 48px; height: 48px; }
.tarjeta-servicio-portafolio h3 { margin: 0; font-size: 1.15rem; }
.tarjeta-servicio-portafolio p { color: var(--gris-texto); }
.tarjeta-servicio-portafolio .enlace-flecha { margin-top: auto; }
.icono-modalidad { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 50%; background: var(--verde-profundo); color: #fff; }
.modalidades .titulo-con-icono h3 { margin: 0; }
.modalidades { margin-bottom: 2rem; }

.plan-portafolio { padding: 1.5rem; border-radius: var(--radio); background: var(--fondo-suave); }
.plan-portafolio h3 { margin-top: 0; }
.plan-portafolio p:last-child { margin-bottom: 0; }

.imagen-zona { max-width: 560px; justify-self: center; width: 100%; }

.compromisos .tarjeta { position: relative; }
.compromisos h3 { margin-top: .9rem; font-size: 1.1rem; }
.compromisos p { color: var(--gris-texto); font-size: 1rem; }
.icono-compromiso { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--verde); color: #fff; }
.nota-imagenes { max-width: 70ch; margin: 1.5rem auto 0; text-align: center; }

.banda-tarjeta { display: grid; gap: 1rem; align-items: center; padding: 1.5rem; border-radius: 24px; border: 1px solid var(--gris-claro); background: #fff; box-shadow: var(--sombra); }
.banda-tarjeta h2 { margin: 0 0 .35rem; font-size: 1.35rem; }
.banda-tarjeta p { margin: 0; color: var(--gris-texto); }
.banda-tarjeta img { width: 64px; height: 64px; }
@media (min-width: 760px) { .banda-tarjeta { grid-template-columns: auto 1fr auto; padding: 1.5rem 2rem; } }