/* Mural de fotografías auténticas; los encuadres se aplican solo al mostrarlas. */
.friends-story{position:relative;isolation:isolate;overflow:hidden;padding:48px var(--pad) 0;background:radial-gradient(ellipse at 88% 30%,#881e2a 0,transparent 62%),#211316;color:#fff;scroll-margin-top:90px}
.friends-story:before{content:"JC";position:absolute;z-index:-1;left:-.055em;bottom:-.18em;font-size:clamp(280px,45vw,800px);font-weight:900;line-height:1;letter-spacing:-.08em;color:#ffffff05;pointer-events:none}
.friends-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #ffffff30;padding-bottom:22px;margin-bottom:40px;font-size:.8125rem;line-height:1.6;color:#e6d8da}
.friends-top>span:first-child{font-weight:700;letter-spacing:.12em}.friends-top>span:last-child{font-size:.9375rem}
.friends-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:5vw;align-items:center}
.friends-copy h2{font-size:clamp(3rem,4.9vw,5.6rem);font-weight:900;line-height:1.02;letter-spacing:-.06em;text-wrap:balance;margin:0}
.friends-copy h2>span{color:#ff7f83}
.friends-lead{font-size:clamp(1.2rem,1.55vw,1.6rem);font-weight:600;line-height:1.45;margin:1.6rem 0 1.25rem;color:#fff;max-width:600px}
.friends-lead strong{color:#ffc5c5;font-weight:800}
.friends-description{color:#e9dcde;font-size:1rem;line-height:1.75;max-width:600px}.friends-description p+p{margin-top:.95rem}
.friends-church{margin-top:1.2rem;color:white;font-size:1rem}.friends-church:hover{color:#ffd9d9}
.friends-album{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 18px;padding:18px 8px 0;min-width:0}
.friends-photo-column{display:flex;flex-direction:column;gap:18px;min-width:0}.friends-photo-column:nth-child(2){padding-top:24px}
.friends-photo{display:block;padding:6px;background:#faf6ef;color:#292020;box-shadow:0 8px 20px #0005;position:relative;transform:rotate(-2deg);min-width:0}
.friends-photo-column:nth-child(2) .friends-photo{transform:rotate(2deg)}
.friends-photo-montecielo{transform:rotate(1.5deg)}.friends-photo-column:nth-child(2) .friends-photo-red{transform:rotate(-1.5deg)}
.friends-photo-window{display:block;position:relative;overflow:hidden;aspect-ratio:1.6;background:#302528}
.friends-photo-window img{display:block;width:100%;height:100%;object-fit:cover}
.friends-photo-montecielo img{object-position:50% 12%}.friends-photo-selfie img{object-position:50% 87%}.friends-photo-mega img{object-position:50% 50%}
.friends-photo-window.friends-trust{aspect-ratio:2.4}
.friends-trust img{position:absolute;left:0;width:100%;height:auto;object-fit:initial}
.friends-trust-blue img{top:0}.friends-trust-red img{top:-100%}.friends-trust-green img{top:-200%}
.friends-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;border-top:1px solid #ffffff38;margin-top:42px;padding:28px 0 32px}
.friends-values>div{display:flex;align-items:center;gap:1rem;min-width:0}.friends-values>div+div{border-left:1px solid #ffffff30;padding-left:1.5rem}.friends-values span{color:#ff9b9e;font-size:.875rem}.friends-values p{font-size:clamp(1rem,1.4vw,1.375rem);font-weight:700;line-height:1.4}
.celupaz-santa-tecla img{object-position:50% 65%}
@media(min-width:1550px){.friends-layout{max-width:1560px;margin:auto}.friends-top,.friends-values{max-width:1560px;margin-left:auto;margin-right:auto}}
@media(max-width:1050px){.friends-layout{gap:3vw}.friends-copy h2{font-size:3.15rem}.friends-lead{font-size:1.125rem}.friends-description{font-size:.9375rem}.friends-album{gap:14px 12px;padding-left:3px;padding-right:3px}.friends-photo-column{gap:14px}.friends-values{gap:1rem}.friends-values>div{gap:.7rem}.friends-values>div+div{padding-left:1rem}}
@media(max-width:800px){.friends-story{padding-top:36px;scroll-margin-top:76px}.friends-top{margin-bottom:30px}.friends-top>span:last-child{display:none}.friends-layout{grid-template-columns:minmax(0,1fr);gap:24px}.friends-copy h2{font-size:clamp(2.65rem,8.9vw,4.8rem)}.friends-lead{font-size:1.25rem;margin-top:1.3rem}.friends-description{font-size:1rem}.friends-copy{max-width:660px}.friends-album{width:100%;max-width:650px;justify-self:center;padding-top:12px;gap:14px}.friends-values{margin-top:32px;padding:22px 0 28px;grid-template-columns:1fr;gap:0}.friends-values>div{padding:14px 0;gap:1rem}.friends-values>div+div{border-left:0;border-top:1px solid #ffffff25;padding-left:0}.friends-values p{font-size:1.15rem}}
@media(max-width:420px){.friends-photo{padding:4px}.friends-photo-column:nth-child(2){padding-top:18px}.friends-album{column-gap:12px}.friends-top{font-size:.75rem}}
