/* ============================================================
   AMPLIACIÓN 2026-11-04 — web local para revisión de María
   Capa nueva sobre preview.css / home-restructure.css.
   Ámbito: escena de Maquillaje en la Home, Masajes (hero real a
   dos manos, cuatro manos a todo lo ancho, modalidades nuevas),
   Peluquería (duo editorial, resultados, sello Hair ID, novias,
   reseña) y la página nueva maquillaje.html.
   Radios 0; paleta rosa medida; mismo sistema tipográfico.
   ============================================================ */

/* ---------- HOME · escena de Maquillaje a todo lo ancho ---------- */
.home-page .home-makeup-scene{height:clamp(470px,46vw,620px);background:#170b11}
.home-page .home-makeup-scene{position:relative;isolation:isolate;min-width:0;overflow:hidden;color:#fff}
.home-page .home-makeup-scene>img{object-position:center 32%;animation:makeup-photo-drift 26s ease-in-out infinite alternate;transform-origin:50% 42%}
.home-page .home-makeup-scene:hover>img{animation-play-state:paused}
.home-page .home-makeup-scene .home-scene-shade{background:linear-gradient(180deg,rgba(13,7,10,.04) 16%,rgba(15,7,11,.2) 46%,rgba(15,7,11,.9) 100%),linear-gradient(90deg,rgba(15,7,11,.34),transparent 78%)}
.home-image-disclosure{display:block;margin-top:13px;color:rgba(255,255,255,.72);font:500 10px/1.5 var(--sans);letter-spacing:.04em}
@keyframes makeup-photo-drift{from{transform:scale(1.015) translateY(-.2%)}to{transform:scale(1.045) translateY(.2%)}}

/* Composición editorial en duo (Peluquería y Masajes) */
.editorial-photo.editorial-photo-duo{overflow:visible;background:transparent;height:clamp(490px,57vw,730px)}
.editorial-photo-duo .duo-main{position:relative;z-index:0;height:100%;width:calc(100% - clamp(26px,3.4vw,58px));overflow:hidden;background:#d8c5cd}
.editorial-photo-duo .duo-main img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.editorial-photo-duo:hover .duo-main img{transform:scale(1.02)}
.editorial-photo-duo .duo-side{position:absolute;z-index:1;right:0;bottom:clamp(30px,4.4vw,56px);width:46%;aspect-ratio:4/5;overflow:hidden;border:clamp(4px,.45vw,7px) solid var(--paper);box-shadow:0 18px 38px rgba(27,16,21,.16);background:#e3d3db}
.editorial-photo-duo .duo-side img{width:100%;height:100%;object-fit:cover}
.editorial-photo-duo .duo-caption{position:absolute;z-index:2;left:0;bottom:0;padding:10px 13px 10px;background:linear-gradient(90deg,rgba(20,8,14,.72),rgba(20,8,14,.34) 78%,transparent);color:rgba(255,255,255,.92);font:600 9px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase}

/* ---------- MASAJES · hero real a dos manos ---------- */
.massage-opening .service-opening-image img{object-position:center 42%}
.massage-opening .service-opening-shade{background:linear-gradient(90deg,rgba(24,9,17,.88) 0%,rgba(27,12,20,.68) 38%,rgba(27,12,20,.24) 70%,rgba(27,12,20,.08) 100%),linear-gradient(0deg,rgba(27,12,20,.42),transparent 42%)}

/* ---------- MASAJES · cuatro manos protagonista a todo lo ancho ---------- */
.four-hands-feature--full{display:block;width:100%;max-width:none;margin:0;padding:0 0 clamp(78px,9vw,124px)}
.four-hands-feature--full .four-hands-image{height:clamp(420px,52vw,640px);width:100%;overflow:hidden;background:#2a181f;position:relative}
.four-hands-feature--full .four-hands-image img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.four-hands-feature--full .four-hands-image figcaption{position:absolute;inset:auto 0 0;padding:12px 20px;color:#fff;background:linear-gradient(0deg,rgba(20,8,14,.72),transparent);font:600 10px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.four-hands-feature--full .four-hands-copy{width:min(100%,1180px);max-width:none;margin:clamp(36px,4.6vw,60px) auto 0;padding:0 var(--edge)}
.four-hands-feature--full .four-hands-copy>p:not(.chapter-index){max-width:52ch}

/* ---------- PELUQUERÍA · sello Hair ID ---------- */
.hairid-seal{grid-column:1/-1;margin-top:clamp(26px,3vw,42px);display:flex;gap:clamp(18px,2.8vw,36px);align-items:center;padding:clamp(22px,3vw,34px) clamp(22px,3vw,38px);border:1px solid rgba(140,42,91,.32);background:#f7ebf2}
.hairid-mark{flex:0 0 auto;padding:15px 19px;border:1px solid var(--rose-deep);color:var(--rose-deep);font:700 13px/1.35 var(--sans);letter-spacing:.26em;text-align:center}
.hairid-seal h3{margin:0;font:400 clamp(21px,2vw,26px)/1.2 var(--serif);color:var(--ink)}
.hairid-seal p{margin:7px 0 0;color:#574a50;font-size:13.5px;line-height:1.65}

/* ---------- PELUQUERÍA · reseña inferior: márgenes corregidos ---------- */
.hair-review{width:min(100%,1180px);margin:0 auto;padding:clamp(66px,8vw,104px) var(--edge) clamp(74px,9vw,116px);text-align:center;background:var(--paper)}
.hair-review .eyebrow{margin-bottom:18px}
.hair-review-stars{margin:0 0 24px;color:#8f5232;font-size:14px;letter-spacing:.2em;line-height:1}
.hair-review blockquote{max-width:56ch;margin:0 auto;font:italic 300 clamp(19px,2vw,26px)/1.5 var(--serif);color:#3d2b34}
.hair-review-author{margin:24px 0 0}
.hair-review-author strong{display:block;color:var(--rose-deep);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hair-review-author span{display:block;margin-top:4px;color:#695a61;font-size:11.5px}

/* ---------- MAQUILLAJE · página interior ---------- */
.makeup-opening .service-opening-image img{object-position:center 26%}
.makeup-gallery{grid-template-columns:repeat(3,1fr);padding-top:clamp(72px,8.4vw,112px)}
.makeup-gallery{display:grid;align-items:start;gap:22px}
.makeup-gallery>.editorial-heading{grid-column:1/-1}
.makeup-gallery .hair-result:nth-child(2){width:auto;margin-left:0}
.makeup-gallery figcaption{font-size:13px}
.bride-caption,.makeup-bride-photo figcaption{padding:12px 14px;background:#f4e8ef;color:#634d58;font:italic 300 13px/1.45 var(--serif)}
.makeup-bride-feature{width:min(100%,1320px);margin:auto;padding:clamp(88px,11vw,148px) var(--edge);display:grid;grid-template-columns:1.05fr .85fr;align-items:center;gap:clamp(56px,11vw,155px)}
.makeup-bride-photo{margin:0;overflow:hidden;background:#eadce4}
.makeup-bride-photo img{width:100%;height:clamp(420px,48vw,620px);object-fit:cover;object-position:center 38%}
.makeup-bride-copy h2{font-size:clamp(50px,6vw,82px)}
.makeup-bride-copy>p:not(.chapter-index){max-width:430px;margin:23px 0 0;color:#584951;font-size:14px;line-height:1.8}
.makeup-bride-copy .editorial-link{margin-top:14px}
.makeup-note{padding-top:12px;border-top:1px solid rgba(140,42,91,.2);font-size:12px!important}
@media(max-width:899px){.makeup-gallery{grid-template-columns:1fr 1fr;gap:16px;padding:64px 22px 0}}
@media(max-width:560px){.makeup-gallery{grid-template-columns:1fr;padding:60px 22px 0}}
@media(max-width:899px){.makeup-bride-feature{grid-template-columns:1fr;gap:30px;padding:68px 22px}.makeup-bride-photo img{height:min(115vw,480px)}}

/* ---------- Responsive de la ampliación ---------- */
@media(max-width:760px){
  .home-page .home-makeup-scene{height:clamp(440px,122vw,510px)}
  .editorial-photo.editorial-photo-duo{height:min(112vw,480px)}
  .editorial-photo-duo .duo-main{width:calc(100% - 22px)}
  .editorial-photo-duo .duo-side{width:44%;border-width:4px;bottom:24px}
  .four-hands-feature--full .four-hands-image{height:min(106vw,470px)}
  .four-hands-feature--full .four-hands-copy{padding:0 22px}
  .hairid-seal{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px}
  .makeup-gallery .hair-result img,.makeup-gallery .hair-result:nth-child(2) img{height:min(104vw,470px)}
}
@media(prefers-reduced-motion:reduce){
  .home-page .home-makeup-scene>img{animation:none!important;transform:none!important}
  .editorial-photo-duo .duo-main img{transition:none;transform:none!important}
}