/* Tarjetas de servicio de la portada: imágenes de marca con transparencia y brillo propio. */
.portal-hero .hero-services.hero-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:1500px;margin-top:30px}
.portal-hero .hero-cards .hero-card{display:block;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;transition:transform .45s cubic-bezier(.2,.7,.3,1),filter .45s}
.portal-hero .hero-cards .hero-card:hover{transform:translateY(-5px) scale(1.015);background:none;filter:brightness(1.08) drop-shadow(0 14px 22px #00140f80)}
.portal-hero .hero-cards .hero-card:focus-visible{outline:2px solid #e2c77a;outline-offset:2px;border-radius:24px}
.hero-card img{display:block;width:100%;height:auto;aspect-ratio:960/380;object-fit:contain}
/* Deja sitio debajo para la tarjeta flotante «Tu rincón de la isla». */
@media(min-width:651px){.portal-hero .portal-hero-copy{padding-bottom:140px}}
@media(max-width:1100px){.portal-hero .hero-services.hero-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}}
@media(max-width:650px){.portal-hero .hero-services.hero-cards{grid-template-columns:1fr;gap:2px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.portal-hero .hero-cards .hero-card{transition:none}.portal-hero .hero-cards .hero-card:hover{transform:none}}