/* MLS Web Personal: fotos completas, cartelas y navegación minimalista. */
.hero-art .glow-ring{display:none}
.hero-art .hero-photo-placeholder{border-radius:18px;width:min(395px,100%);height:min(590px,100%);padding:0;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.24);border:1px solid var(--theme-primary,#d6a567);background:var(--theme-footer,#222329)}
.hero-art .hero-photo-placeholder.has-photo img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0}
.hero-art .mls-hero-carousel{position:relative}
.mls-hero-slide{height:100%;width:100%;position:relative;display:flex;align-items:center;justify-content:center}
.mls-hero-slide[hidden]{display:none!important}
.mls-hero-slide img{width:100%;height:100%;object-fit:contain}
.mls-hero-caption{position:absolute;left:12px;right:12px;bottom:62px;z-index:3;text-align:center;padding:8px 12px;color:#fff;font-size:14px;line-height:1.4;font-weight:700;text-shadow:0 2px 7px #000;background:rgba(12,12,15,.62);border-radius:9px;pointer-events:none}
.mls-hero-controls{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px;background:rgba(13,14,18,.65);border:1px solid rgba(255,255,255,.25);border-radius:30px;backdrop-filter:blur(8px);color:#fff;white-space:nowrap}
.mls-hero-controls button{appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:30px;color:#fff;background:rgba(255,255,255,.08);cursor:pointer;min-height:38px;min-width:38px;font:inherit;transition:background .15s ease}
.mls-hero-controls button:hover{background:rgba(255,255,255,.24)}
.mls-hero-controls button:focus-visible{outline:3px solid #e7ae69;outline-offset:2px}
.mls-hero-controls .mls-hero-arrow{font-size:27px;line-height:1}
.mls-hero-controls .mls-hero-pause{font-size:12px;min-width:79px;padding:0 9px}
.mls-social-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px}
.mls-social-link{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.26);border-radius:24px;padding:6px 11px;text-decoration:none;color:inherit;font-size:12px;background:rgba(255,255,255,.06)}
.mls-social-link:hover,.mls-social-link:focus-visible{background:rgba(255,255,255,.18);outline-offset:2px}
.mls-social-symbol{font-weight:800;font-size:13px;min-width:14px;text-align:center}.mls-social-name{font-weight:600}
@media(max-width:780px){.hero-art .hero-photo-placeholder{width:min(310px,84vw);height:min(390px,100%);border-radius:14px}.hero-art .vertical-type{display:none}}
@media(max-width:420px){.hero-art .hero-photo-placeholder{width:min(285px,84vw);height:min(340px,100%)}.mls-hero-caption{bottom:60px}}

/* Cuando se utiliza una sola fotografía, la leyenda queda cerca del borde inferior. */
.mls-hero-carousel:not(:has(.mls-hero-controls)) .mls-hero-caption{bottom:14px}
/* Los controles permanecen legibles, sin contador numérico. */
@media(prefers-reduced-motion:reduce){.mls-hero-controls button{transition:none}}
