/* Portada: tamaño contenido y bordes que se funden con cualquier fondo. */
.home-v12 .intro-photo.has-video{height:auto;aspect-ratio:var(--hero-ratio,1);width:min(85%,var(--hero-width,58vh));max-width:100%;justify-self:center;align-self:center;border-radius:24px;background:transparent;overflow:hidden;box-shadow:none;border:0;--hero-feather:14px;
-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--hero-feather),#000 calc(100% - var(--hero-feather)),transparent),linear-gradient(to bottom,transparent,#000 var(--hero-feather),#000 calc(100% - var(--hero-feather)),transparent);
-webkit-mask-composite:source-in;
mask-image:linear-gradient(to right,transparent,#000 var(--hero-feather),#000 calc(100% - var(--hero-feather)),transparent),linear-gradient(to bottom,transparent,#000 var(--hero-feather),#000 calc(100% - var(--hero-feather)),transparent);mask-composite:intersect}
.home-v12 .intro-photo.has-video>video{display:block;position:static;width:100%;height:100%;object-fit:contain;border-radius:inherit}
#settings-form video.image-preview{height:auto;width:100%;max-width:420px;max-height:320px;object-fit:contain;background:#17151a;border-radius:12px}
@media(max-width:560px){.home-v12 .intro-photo.has-video{width:min(85%,var(--hero-width,58vh));height:auto;max-height:none;border-radius:17px;--hero-feather:10px}}

.home-v12 .intro-photo.has-video{position:relative}
.hero-sound-play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;width:100%;height:100%;border:0;border-radius:inherit;background:linear-gradient(180deg,rgba(30,16,39,.08),rgba(30,16,39,.48));color:#fff;cursor:pointer;font:inherit;font-weight:600;text-shadow:0 1px 5px #24132f}
.hero-sound-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(91,43,117,.88);box-shadow:0 8px 30px #25132e44;transition:transform .2s,background .2s}
.hero-sound-icon svg{display:block;width:30px;height:30px;margin:0;transform:none}
.hero-sound-play:hover .hero-sound-icon{transform:translate(-50%,-50%) scale(1.06);background:#773c96}
.hero-sound-play:focus-visible{outline:3px solid #fff;outline-offset:-8px}
.hero-sound-play:disabled{cursor:wait}

.hero-sound-label{position:absolute;left:50%;top:calc(50% + 46px);transform:translateX(-50%);white-space:nowrap;padding:5px 12px;border-radius:20px;background:#3f254dbf;font-size:13px;line-height:1.4}