/* Componente compartido: tarjetas fotográficas de sede (.scGrid/.scard). Usado en HOME, SEDES y NUESTRA HISTORIA. */
:root { --ease: cubic-bezier(.2,.8,.2,1); --bone: #F4F0E6; --ink: #171515; --purple: #653B84; --yellow: #FFC447; }
.scGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 26px); position: relative; z-index: 2; }
.scGrid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.scard { position: relative; display: flex; flex-direction: column; justify-content: flex-end; aspect-ratio: 4 / 5.3; border-radius: 30px; overflow: hidden; background: #171515; color: var(--bone); isolation: isolate;
  box-shadow: 0 18px 40px rgba(23,21,21,.22); transition: transform .3s var(--ease), box-shadow .3s ease; }
.scGrid.two .scard { aspect-ratio: 16 / 11; }
.scImg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; transition: transform .6s var(--ease); }
.scard::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background:
  linear-gradient(180deg, rgba(0,0,0,0) 34%, rgba(0,0,0,.6) 62%, rgba(0,0,0,.94) 100%),
  linear-gradient(180deg, rgba(0,0,0,.5), rgba(0,0,0,0)); opacity: .92; transition: opacity .3s ease; }
.scN { position: absolute; z-index: 2; top: 12px; right: 20px; font-family: 'Anton', Impact, sans-serif; font-size: clamp(64px, 6.4vw, 100px); line-height: 1; color: transparent; -webkit-text-stroke: 1.5px rgba(255,196,71,.75); user-select: none; }
.scBody { z-index: 2; padding: clamp(18px, 2vw, 28px); display: flex; flex-direction: column; gap: 10px; }
.scChip { position: static; align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; }
.scName { font-size: clamp(40px, 3.6vw, 58px); line-height: .95; color: var(--bone); }
.scTx { margin: 0; font-size: 15.5px; line-height: 1.5; color: rgba(244,240,230,.92); max-width: 34ch; }
.scTags { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.scTags li { font-size: 12px; font-weight: 700; letter-spacing: .04em; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(244,240,230,.32); color: rgba(244,240,230,.9); background: rgba(0,0,0,.28); }
.scActs { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; flex-wrap: wrap; }
.scGo { position: static; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 800; font-size: 16px; border-bottom: 2px solid var(--yellow); transition: gap .22s var(--ease), color .22s; }
.scGo svg { transition: transform .22s var(--ease); }
.scLink::after { content: ''; position: absolute; inset: 0; z-index: 3; border-radius: 30px; }
.scLink:focus-visible { outline: none; }
.scLink:focus-visible::after { outline: 3px solid var(--yellow); outline-offset: -6px; }
.scMap { position: relative; z-index: 4; min-height: 48px; padding: 0 20px; font-size: 15px; }
.scard:hover { transform: translateY(-8px); box-shadow: 0 30px 56px rgba(23,21,21,.36); }
.scard:hover .scImg { transform: scale(1.05); }
.scard:hover::after { opacity: 1; }
.scard:hover .scGo { gap: 14px; }
.scard:hover .scGo svg { transform: translateX(3px); }
.js .scard.rv.in:hover { transform: translateY(-8px); transition-delay: 0s; transition-duration: .3s; }
.js .scGrid .rv:nth-child(2) { transition-delay: .1s; } .js .scGrid .rv:nth-child(3) { transition-delay: .2s; }
@media (max-width: 1100px) {
  .scGrid:not(.two) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scGrid:not(.two) .scard:nth-child(3) { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
}
@media (max-width: 720px) {
  .scGrid, .scGrid.two, .scGrid:not(.two) { grid-template-columns: minmax(0, 1fr); }
  .scard, .scGrid.two .scard, .scGrid:not(.two) .scard:nth-child(3) { aspect-ratio: 4 / 5.2; }
  .cardsSec { padding-bottom: 110px; }
  .scMap { flex: 1 1 auto; }
}
@media (hover: none) { .scard:hover { transform: none; } .scard:hover .scImg { transform: none; } }