/* Revision 12 — treatment photography and click-to-load brand films. */
.brand-video{position:relative;margin:26px 0;color:var(--ink);min-width:0}
.brand-video__frame{position:relative;width:100%;aspect-ratio:16/9;background:#252120;overflow:hidden;border-radius:8px}
.brand-video__cover{position:absolute;inset:0;display:block;isolation:isolate;overflow:hidden;color:#fff;text-decoration:none}
.brand-video__cover[hidden]{display:none}
.brand-video__cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#261d180a 30%,#241712c7 100%);z-index:0;pointer-events:none}
.brand-video__cover>img{width:100%;height:100%;object-fit:cover;object-position:center 44%;transition:transform .55s ease;max-height:none}
.brand-video--lpg .brand-video__cover>img{object-position:center 55%}
.brand-video--meso-skin .brand-video__cover>img{object-position:center 63%}
.brand-video__label{position:absolute;top:15px;left:17px;z-index:1;padding:5px 10px;background:#fffcf7ed;color:var(--wine);font-size:.69rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.brand-video__play{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fffcf7ef;color:var(--wine);box-shadow:0 0 0 8px #fff3;z-index:1;transition:box-shadow .25s,background .25s}
.brand-video__play svg{margin-left:3px}
.brand-video__caption{position:absolute;bottom:20px;left:22px;right:18px;z-index:1;display:grid;gap:4px;text-align:left}
.brand-video__caption strong{font:400 clamp(1.4rem,2.3vw,2rem)/1.1 'Bodoni Moda',serif;color:#fff}
.brand-video__caption>span{font-size:.85rem;color:#fff}
.brand-video__cover:hover>img{transform:scale(1.035)}
.brand-video__cover:hover .brand-video__play{background:#fff;box-shadow:0 0 0 12px #fff3}
.brand-video__cover:focus-visible{outline:3px solid var(--gold);outline-offset:-5px}
.brand-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.brand-video figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.75rem;line-height:1.5;margin-top:12px;color:var(--muted)}
.brand-video figcaption a{display:inline-flex;align-items:center;gap:4px;color:var(--wine);text-decoration:underline;text-underline-offset:3px}
.brand-video figcaption .ui-icon{width:13px;height:13px}
.brand-video .brand-video__privacy{font-size:.72rem;line-height:1.5;margin:8px 0 0;color:var(--muted)}
.brand-video__privacy a{text-decoration:underline}
.brand-video__stop{margin-top:9px;padding:6px 0;border:0;border-bottom:1px solid var(--gold);background:none;color:var(--wine);font-size:.8rem;cursor:pointer}
.brand-video__stop[hidden]{display:none}
.film-section{background:var(--rose-soft)}
.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.film-grid .brand-video{margin:0}
.film-section .brand-heading{margin-bottom:28px}
.film-grid .brand-video__caption strong{font-size:1.55rem}
.film-grid .brand-video__caption{bottom:17px;left:18px}
.film-grid .brand-video__play{width:48px;height:48px;top:40%}
.film-grid .brand-video__caption>span{font-size:.78rem}
.film-section--single .brand-video{max-width:900px;margin:0 auto}
.video-section-link{margin-top:23px;display:flex;justify-content:center}
.device-feature .brand-video{margin:22px 0}
.device-feature__product--real{padding:0;overflow:hidden;background:#eee5dc;justify-content:flex-start;position:relative;align-self:center}
.device-feature__product--real>img{width:100%;height:640px;max-height:none;object-fit:cover;object-position:50% 75%;filter:brightness(1.06)}
.device-feature__product--real .device-photo-label{padding:0 18px 18px;font-size:.8rem}
.device-photo-more{font-size:.78rem;text-decoration:underline;padding-bottom:18px;color:var(--wine)}
.device-feature--video .device-feature__product:not(.device-feature__product--real)>img{max-height:480px}
.device-feature--video .device-feature__copy>p:not(.lead){max-width:540px}
.equipment-card--real figure{overflow:hidden}
.equipment-card--real figure img{object-fit:cover;object-position:center 69%;filter:brightness(1.06)}
[data-page="facial"] .treatment-card figure{height:285px;border-radius:5px}
[data-page="facial"] #indiba figure img{object-position:50% 42%}
[data-page="facial"] #lpg figure img{object-position:50% 60%}
[data-page="facial"] #mirada figure img{object-position:50% 49%}
[data-page="facial"] #meso-skin figure{background:#ededed}
[data-page="facial"] #meso-skin figure img{object-fit:contain}
[data-page="facial"] #micropigmentacion .extra-treatment-photo img{object-position:50% 45%}
[data-page="facial"] #microblading .extra-treatment-photo img{object-position:50% 36%}
[data-page="facial"] .extra-treatment-photo{overflow:hidden;border-radius:5px}
[data-page="facial"] .complementary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-page="facial"] .complementary-card{padding:24px}
[data-page="facial"] .complementary-card{display:flex;flex-direction:column;align-items:flex-start}
[data-page="facial"] .complementary-card .extra-treatment-photo{width:100%;flex-shrink:0}
[data-page="facial"] .complementary-card>.button{margin-top:auto}
[data-page="facial"] #microblading .extra-treatment-photo img{width:105%;max-width:none}
@media(max-width:900px){[data-page="facial"] .complementary-grid{grid-template-columns:1fr}}
@media(max-width:1020px){.film-grid{gap:18px}.film-grid .brand-video__caption strong{font-size:1.25rem}.film-grid .brand-video__caption>span{display:none}.film-grid .brand-video__play{width:40px;height:40px}.device-feature__product--real>img{height:590px}}
@media(max-width:760px){.film-grid{grid-template-columns:1fr;gap:30px}.film-grid .brand-video__caption strong{font-size:1.65rem}.film-grid .brand-video__caption>span{display:block}.film-grid .brand-video__play{width:52px;height:52px;top:41%}.brand-video__label{top:12px;left:14px}.brand-video__caption{bottom:17px;left:17px}.brand-video__play{width:50px;height:50px;top:40%}.brand-video__caption strong{font-size:1.65rem}.device-feature__product--real>img{height:470px;object-position:50% 82%}.device-feature--video .device-feature__product:not(.device-feature__product--real)>img{max-height:330px}.device-feature .brand-video{margin:22px 0 25px}.device-feature--video{padding:20px}.device-feature__product--real{padding:0}.brand-video__caption>span{font-size:.8rem}[data-page="facial"] .treatment-card figure{height:260px}}
@media(prefers-reduced-motion:reduce){.brand-video__cover>img,.brand-video__play{transition:none}.brand-video__cover:hover>img{transform:none}}
/* Photos supplied by the centre, October 2026. */
.equipment-card--indiba-centro figure img{object-fit:cover;object-position:50% 72%}
.equipment-card--laser-centro figure img{object-fit:cover;object-position:50% 58%}
.device-feature__product--centro{align-self:center;padding:0;overflow:hidden}
.device-feature__product--centro>img{width:100%;height:auto!important;max-height:none!important;object-fit:contain}
.device-feature__product--centro .device-photo-label{padding:18px 18px 0}
.device-feature__product--centro .device-photo-more{padding:12px 18px 18px}
.indiba-hero__visual--device>img{width:100%;height:465px;max-height:none;object-fit:cover;object-position:50% 70%}
@media(max-width:760px){.indiba-hero__visual--device>img{height:340px;max-height:none;object-position:50% 72%}}
.brand-video--indiba .brand-video__cover>img{object-position:50% 70%}
[data-page="facial"] #indiba img,[data-page="corporal"] #indiba img{object-fit:cover;object-position:50% 70%}
/* Real work: keep the complete designs and original centre watermarks visible. */
.nail-gallery--real figure,[data-page="unas"] .guide-visuals .nail-gallery figure{height:auto!important;aspect-ratio:3/4}
.nail-gallery--real img,[data-page="unas"] .guide-visuals .nail-gallery img{object-fit:contain}
[data-page="unas"] .local-hero__photo img{height:auto;max-height:560px;aspect-ratio:3/4;object-fit:contain}
[data-page="unas"] .guide-visuals .nail-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){[data-page="unas"] .guide-visuals .nail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}[data-page="unas"] .local-hero__photo img{max-height:460px}.nail-gallery--real a:hover img,[data-page="unas"] .guide-visuals a:hover img{transform:none}}

/* Revisión 16: logo completo, integrado y adaptable. */
.brand-window{aspect-ratio:750/165;overflow:visible;clip-path:none}
.brand .brand-window img,.footer__brand .brand-window img{position:static;width:100%;height:auto;max-width:100%;max-height:none;filter:none;object-fit:contain;mix-blend-mode:normal}
[data-page="facial"] #microblading .extra-treatment-photo img{width:100%;max-width:100%;object-position:50% 40%}
img[src$="/lpg-alliance-tratamiento.jpg"]{object-position:50% 50%}

/* Revisión 17: encuadre INDIBA corporal y maderoterapia visible. */
[data-page="corporal"] #indiba img{object-position:50% 40%}
.madero-shortcut{margin-top:20px;display:flex}
.madero-feature__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.madero-feature h2{margin-bottom:22px}.madero-feature .button{margin-top:18px}
.madero-options article{padding:20px 0;border-bottom:1px solid var(--line)}
.madero-options article:first-child{padding-top:0}.madero-options h3{margin-bottom:12px}.madero-options>.text-link{margin-top:20px}
#maderoterapia{scroll-margin-top:120px}
@media(max-width:760px){.madero-feature__grid{grid-template-columns:1fr;gap:28px}[data-page="corporal"] #indiba img{object-position:50% 40%}}
