/* CONAMUR · Home móvil refinada. Capa aislada: no modifica escritorio. */
.detail-inspector{display:none}
.detail-challenge{display:none}

@media (max-width:700px){
  body.page-home.mobile-home-final{
    --m-pad:20px;
    --m-header:56px;
    --m-copy:32ch;
    cursor:auto;
  }
  body.page-home.mobile-home-final .cursor{display:none!important}
  body.page-home.mobile-home-final main{overflow:hidden!important}

  /* CABECERA */
  body.page-home.mobile-home-final .site-header{
    height:var(--m-header)!important;
    padding:0 var(--m-pad)!important;
    mix-blend-mode:normal!important;
  }
  body.page-home.mobile-home-final .brand,
  body.page-home.mobile-home-final .site-nav a{
    font-size:9px!important;
    line-height:1!important;
  }

  /* HERO · tres líneas exactas */
  body.page-home.mobile-home-final .home-intro{
    min-height:100vh;min-height:100svh!important;
    padding:78px var(--m-pad) 24px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto 1fr auto!important;
    gap:0!important;
    overflow:hidden!important;
  }
  body.page-home.mobile-home-final .home-kicker{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 116px!important;
    gap:18px!important;
    align-items:start!important;
    width:100%!important;
  }
  body.page-home.mobile-home-final .home-kicker-services p,
  body.page-home.mobile-home-final .home-kicker-note{
    margin:0!important;
    font-size:8.5px!important;
    line-height:1.34!important;
    letter-spacing:.035em!important;
  }
  body.page-home.mobile-home-final .home-kicker-note{
    max-width:116px!important;
    text-align:left!important;
    justify-self:end!important;
  }
  body.page-home.mobile-home-final .home-title{
    align-self:center!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    perspective:none!important;
  }
  body.page-home.mobile-home-final .home-title .line{
    display:block!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    line-height:.93!important;
    letter-spacing:-.035em!important;
  }
  body.page-home.mobile-home-final .home-title .line>span{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
    transform:translate3d(var(--hero-x,0),var(--hero-y,0),0)!important;
    opacity:var(--hero-opacity,1)!important;
    transition:none!important;
    will-change:transform,opacity!important;
  }
  body.page-home.mobile-home-final .home-title .line:nth-child(1)>span{
    font-size:clamp(39px,10.2vw,47px)!important;
  }
  body.page-home.mobile-home-final .home-title .line:nth-child(2)>span{
    font-size:clamp(32px,8.55vw,39px)!important;
  }
  body.page-home.mobile-home-final .home-title .line:nth-child(3)>span{
    font-size:clamp(39px,10.1vw,46px)!important;
  }
  body.page-home.mobile-home-final .home-bottom{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-end!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
    font-size:8px!important;
    line-height:1.25!important;
  }
  body.page-home.mobile-home-final .home-bottom .hint{
    max-width:44%!important;
    text-align:right!important;
  }

  /* 01 · SOBRE MÍ */
  body.page-home.mobile-home-final .home-manifesto{
    min-height:88vh;min-height:88svh!important;
    padding:28px var(--m-pad) 44px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  body.page-home.mobile-home-final .home-manifesto>.section-index{
    position:static!important;
    margin:0!important;
    flex:0 0 auto!important;
  }
  body.page-home.mobile-home-final .home-manifesto .manifesto-grid{
    position:static!important;
    height:auto!important;
    min-height:0!important;
    width:100%!important;
    padding:0!important;
    margin:15svh 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    gap:34px!important;
    overflow:visible!important;
  }
  body.page-home.mobile-home-final .manifesto-copy{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(39px,10.25vw,47px)!important;
    line-height:.94!important;
    letter-spacing:-.032em!important;
    transform:translate3d(0,var(--manifesto-title-y,16px),0)!important;
    opacity:var(--manifesto-title-o,.84)!important;
    transition:none!important;
    will-change:transform,opacity!important;
  }
  body.page-home.mobile-home-final .manifesto-line{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  body.page-home.mobile-home-final .manifesto-line+.manifesto-line{margin-top:4px!important}
  body.page-home.mobile-home-final .manifesto-line.ghost{margin-top:8px!important}
  body.page-home.mobile-home-final .manifesto-side{
    width:100%!important;
    max-width:var(--m-copy)!important;
    margin:0!important;
    padding:0!important;
    font-size:15px!important;
    line-height:1.5!important;
    opacity:var(--manifesto-body-o,0)!important;
    transform:translate3d(0,var(--manifesto-body-y,22px),0)!important;
    filter:none!important;
    transition:none!important;
    will-change:transform,opacity!important;
  }
  body.page-home.mobile-home-final .manifesto-side p{margin:0 0 15px!important}
  body.page-home.mobile-home-final .manifesto-side p:last-child{margin-bottom:0!important}

  /* 02 · ESTO ES CONAMUR */
  body.page-home.mobile-home-final .identity-scene{
    height:auto!important;
    min-height:86vh;min-height:86svh!important;
    overflow:hidden!important;
  }
  body.page-home.mobile-home-final .identity-sticky{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:86vh;min-height:86svh!important;
    padding:28px var(--m-pad) 42px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    overflow:hidden!important;
  }
  body.page-home.mobile-home-final .identity-small{
    margin:0!important;
    flex:0 0 auto!important;
  }
  body.page-home.mobile-home-final .identity-words{
    width:100%!important;
    margin:15svh 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:4px!important;
    font-size:clamp(44px,11.7vw,54px)!important;
    line-height:.92!important;
    letter-spacing:-.04em!important;
  }
  body.page-home.mobile-home-final .identity-line{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
    transform:translate3d(var(--identity-x,0),0,0)!important;
    transition:none!important;
    will-change:transform!important;
  }
  body.page-home.mobile-home-final .identity-caption{
    width:100%!important;
    max-width:var(--m-copy)!important;
    margin:auto 0 0!important;
    padding-top:34px!important;
    display:block!important;
    opacity:var(--identity-caption-o,0)!important;
    transform:translate3d(0,var(--identity-caption-y,20px),0)!important;
    transition:none!important;
    will-change:transform,opacity!important;
  }
  body.page-home.mobile-home-final .identity-caption p{
    max-width:none!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.5!important;
  }
  body.page-home.mobile-home-final .identity-caption a{
    display:inline-block!important;
    margin-top:18px!important;
    font-size:9px!important;
  }

  /* 03 · DETALLES. El zoom ahora sí es visible y tiene función. */
  body.page-home.mobile-home-final .detail-scene{
    min-height:100vh;min-height:100svh!important;
    padding:28px var(--m-pad) 44px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:0!important;
    overflow:hidden!important;
    position:relative!important;
  }
  body.page-home.mobile-home-final .detail-scene>.section-index{
    position:static!important;
    margin:0!important;
    flex:0 0 auto!important;
  }
  body.page-home.mobile-home-final .detail-copy{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    margin:14svh 0 0!important;
    padding:0!important;
    display:block!important;
    transform:translate3d(0,var(--detail-title-y,14px),0)!important;
    opacity:var(--detail-title-o,.86)!important;
    transition:none!important;
  }
  body.page-home.mobile-home-final .detail-copy p:first-child{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    font-size:clamp(39px,10.3vw,48px)!important;
    line-height:.94!important;
    letter-spacing:-.032em!important;
  }
  body.page-home.mobile-home-final .detail-title-line{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
  }
  body.page-home.mobile-home-final .detail-copy .accent-copy{
    margin:10px 0 0!important;
    font-size:clamp(28px,7.4vw,34px)!important;
    line-height:1!important;
  }
  body.page-home.mobile-home-final .detail-mobile-focus{display:none!important}
  body.page-home.mobile-home-final .detail-inspector{
    display:block!important;
    width:100%!important;
    margin:30px 0 0!important;
    opacity:var(--inspector-o,.15)!important;
    transform:translate3d(0,var(--inspector-y,16px),0)!important;
    transition:none!important;
    pointer-events:none!important;
  }
  body.page-home.mobile-home-final .detail-inspector-head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    margin:0 0 8px!important;
    font-family:var(--sans)!important;
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
  }
  body.page-home.mobile-home-final .detail-inspector-window{
    position:relative!important;
    width:100%!important;
    height:94px!important;
    overflow:hidden!important;
    background:var(--paper)!important;
    border-top:1px solid rgba(17,17,15,.28)!important;
    border-bottom:1px solid rgba(17,17,15,.28)!important;
  }
  body.page-home.mobile-home-final .detail-inspector-word{
    position:absolute!important;
    left:-8px!important;
    top:50%!important;
    display:block!important;
    width:max-content!important;
    white-space:nowrap!important;
    font-family:var(--display)!important;
    font-size:122px!important;
    line-height:.76!important;
    letter-spacing:-.065em!important;
    color:var(--accent)!important;
    transform:translate3d(var(--inspector-x,16px),-49%,0) scale(var(--inspector-scale,1.02))!important;
    transform-origin:left center!important;
    transition:none!important;
    will-change:transform!important;
  }
  body.page-home.mobile-home-final .detail-inspector-guide{
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    width:1px!important;
    background:rgba(17,17,15,.22)!important;
  }
  body.page-home.mobile-home-final .guide-a{left:43%!important}
  body.page-home.mobile-home-final .guide-b{left:57%!important}
  body.page-home.mobile-home-final .detail-notes{
    position:static!important;
    width:100%!important;
    max-width:var(--m-copy)!important;
    margin:30px 0 0!important;
    padding:0!important;
    background:transparent!important;
    font-size:15px!important;
    line-height:1.5!important;
    opacity:var(--detail-body-o,0)!important;
    transform:translate3d(0,var(--detail-body-y,22px),0)!important;
    filter:none!important;
    clip-path:none!important;
    transition:none!important;
    will-change:transform,opacity!important;
  }
  body.page-home.mobile-home-final .detail-notes p{margin:0 0 15px!important}
  body.page-home.mobile-home-final .detail-notes p:last-child{margin-bottom:0!important}
  body.page-home.mobile-home-final .detail-final{
    margin-top:20px!important;
    font-size:24px!important;
    line-height:1.06!important;
  }

  /* 04 · CIERRE */
  body.page-home.mobile-home-final .home-nav{
    min-height:auto!important;
    padding:32px var(--m-pad) 38px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:26px!important;
  }
  body.page-home.mobile-home-final .home-nav-links{
    margin:0!important;
    gap:0!important;
  }
  body.page-home.mobile-home-final .home-nav-links .home-route{
    padding:13px 0 15px!important;
  }
  body.page-home.mobile-home-final .home-nav-links .home-route>span{
    font-size:clamp(35px,9.4vw,43px)!important;
    line-height:.95!important;
    letter-spacing:-.035em!important;
  }
  body.page-home.mobile-home-final .home-nav-footer{
    margin:0!important;
    display:flex!important;
    justify-content:space-between!important;
    gap:18px!important;
    font-size:8px!important;
    line-height:1.32!important;
  }
}

@media (max-width:380px){
  body.page-home.mobile-home-final .home-title .line:nth-child(1)>span{font-size:9.9vw!important}
  body.page-home.mobile-home-final .home-title .line:nth-child(2)>span{font-size:8.15vw!important}
  body.page-home.mobile-home-final .home-title .line:nth-child(3)>span{font-size:9.85vw!important}
  body.page-home.mobile-home-final .manifesto-copy,
  body.page-home.mobile-home-final .detail-copy p:first-child{font-size:9.8vw!important}
}

@media (max-width:700px) and (prefers-reduced-motion:reduce){
  body.page-home.mobile-home-final .home-title .line>span,
  body.page-home.mobile-home-final .manifesto-copy,
  body.page-home.mobile-home-final .manifesto-side,
  body.page-home.mobile-home-final .identity-line,
  body.page-home.mobile-home-final .identity-caption,
  body.page-home.mobile-home-final .detail-copy,
  body.page-home.mobile-home-final .detail-inspector,
  body.page-home.mobile-home-final .detail-inspector-word,
  body.page-home.mobile-home-final .detail-notes{
    transform:none!important;
    opacity:1!important;
  }
}


/* ===== INTERACCIONES HOME MÓVIL · 10/09 ===== */
@media (max-width:700px){
  /* Sobre mí: cada línea entra con un ritmo propio y los párrafos continúan la secuencia. */
  body.page-home.mobile-home-final .manifesto-copy{
    transform:none!important;
    opacity:1!important;
  }
  body.page-home.mobile-home-final .manifesto-line{
    opacity:var(--manifesto-line-o,0)!important;
    transform:translate3d(var(--manifesto-line-x,-22px),var(--manifesto-line-y,9px),0)!important;
    will-change:transform,opacity!important;
  }
  body.page-home.mobile-home-final .manifesto-side{
    opacity:1!important;
    transform:none!important;
  }
  body.page-home.mobile-home-final .manifesto-side p{
    opacity:var(--manifesto-p-o,0)!important;
    transform:translate3d(0,var(--manifesto-p-y,18px),0)!important;
    will-change:transform,opacity!important;
  }

  /* Estrellas de CONAMUR. Pequeñas y editoriales, no un efecto de partículas. */
  body.page-home.mobile-home-final .identity-mobile-star{
    position:absolute!important;
    z-index:0!important;
    width:10px!important;
    height:10px!important;
    pointer-events:none!important;
    opacity:.2!important;
    transform:translate(-50%,-50%) scale(.45) rotate(0deg)!important;
    animation:mobileConamurStar 2.4s var(--ease) var(--star-delay,0s) infinite!important;
  }
  body.page-home.mobile-home-final .identity-mobile-star::before,
  body.page-home.mobile-home-final .identity-mobile-star::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    background:var(--accent)!important;
    transform:translate(-50%,-50%)!important;
  }
  body.page-home.mobile-home-final .identity-mobile-star::before{width:1.5px!important;height:100%!important}
  body.page-home.mobile-home-final .identity-mobile-star::after{width:100%!important;height:1.5px!important}
  @keyframes mobileConamurStar{
    0%,100%{opacity:.10;transform:translate(-50%,-50%) scale(.4) rotate(0deg)}
    44%{opacity:.82;transform:translate(-50%,-50%) scale(1.25) rotate(45deg)}
    62%{opacity:.32;transform:translate(-50%,-50%) scale(.7) rotate(70deg)}
  }
  body.page-home.mobile-home-final .identity-words,
  body.page-home.mobile-home-final .identity-caption,
  body.page-home.mobile-home-final .identity-small{position:relative!important;z-index:2!important}

  /* Sustituye el zoom por un pequeño juego de observación. */
  body.page-home.mobile-home-final .detail-inspector{display:none!important}
  body.page-home.mobile-home-final .detail-challenge{
    display:block!important;
    width:100%!important;
    margin:28px 0 0!important;
    opacity:var(--challenge-o,0)!important;
    transform:translate3d(0,var(--challenge-y,16px),0)!important;
    will-change:opacity,transform!important;
  }
  body.page-home.mobile-home-final .detail-challenge-head{
    display:flex!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin-bottom:9px!important;
    font-family:var(--sans)!important;
    font-size:8px!important;
    line-height:1.2!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
  }
  body.page-home.mobile-home-final .detail-challenge-head span:last-child{
    opacity:.66!important;
    text-align:right!important;
  }
  body.page-home.mobile-home-final .detail-error-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-top:1px solid rgba(17,17,15,.28)!important;
    border-left:1px solid rgba(17,17,15,.28)!important;
  }
  body.page-home.mobile-home-final .detail-error-option{
    min-height:58px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-right:1px solid rgba(17,17,15,.28)!important;
    border-bottom:1px solid rgba(17,17,15,.28)!important;
    background:transparent!important;
    color:var(--ink)!important;
    font-family:var(--sans)!important;
    font-size:14px!important;
    font-weight:600!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }
  body.page-home.mobile-home-final .detail-error-option i{
    display:inline-block!important;
    margin:0 .02em!important;
    font-style:normal!important;
    transform:translateY(4px)!important;
    transition:transform .45s var(--ease),color .35s ease!important;
  }
  body.page-home.mobile-home-final .detail-error-option.is-wrong{
    animation:detailWrong .42s ease!important;
  }
  @keyframes detailWrong{
    0%,100%{transform:translateX(0)}
    25%{transform:translateX(-4px)}
    50%{transform:translateX(4px)}
    75%{transform:translateX(-2px)}
  }
  body.page-home.mobile-home-final .detail-challenge.is-found .detail-error-correct{
    background:var(--paper)!important;
  }
  body.page-home.mobile-home-final .detail-challenge.is-found .detail-error-correct i{
    transform:translateY(0)!important;
    color:var(--accent)!important;
  }
  body.page-home.mobile-home-final .detail-challenge-result{
    min-height:0!important;
    margin-top:10px!important;
    font-family:var(--sans)!important;
    font-size:11px!important;
    line-height:1.3!important;
    opacity:0!important;
    transform:translateY(5px)!important;
    transition:opacity .4s ease,transform .4s var(--ease)!important;
  }
  body.page-home.mobile-home-final .detail-challenge-result span{
    font-family:var(--display)!important;
    font-size:20px!important;
    font-style:italic!important;
    margin-right:3px!important;
  }
  body.page-home.mobile-home-final .detail-challenge.is-found .detail-challenge-result{
    opacity:1!important;
    transform:none!important;
  }
  body.page-home.mobile-home-final .detail-notes{
    margin-top:22px!important;
  }
}

@media (max-width:700px) and (prefers-reduced-motion:reduce){
  body.page-home.mobile-home-final .manifesto-line,
  body.page-home.mobile-home-final .manifesto-side p,
  body.page-home.mobile-home-final .detail-challenge{
    opacity:1!important;transform:none!important;
  }
  body.page-home.mobile-home-final .identity-mobile-star{animation:none!important;opacity:.35!important}
}


/* ===== FIX · texto Sobre mí + estrellas visibles ===== */
.identity-stars-mobile{display:none}
@media(max-width:700px){
  /* El texto nunca desaparece del flujo: entra por párrafos al llegar a la sección. */
  body.page-home.mobile-home-final .home-manifesto{
    min-height:auto!important;
    padding-bottom:42px!important;
  }
  body.page-home.mobile-home-final .home-manifesto .manifesto-grid{
    margin-top:12vh;margin-top:12svh!important;
    gap:28px!important;
  }
  body.page-home.mobile-home-final .manifesto-line{
    opacity:0!important;
    transform:translate3d(-18px,8px,0)!important;
    transition:opacity .52s var(--ease),transform .62s var(--ease)!important;
  }
  body.page-home.mobile-home-final .home-manifesto.is-revealed .manifesto-line{
    opacity:1!important;
    transform:none!important;
  }
  body.page-home.mobile-home-final .home-manifesto.is-revealed .manifesto-line:nth-child(2){transition-delay:.08s!important}
  body.page-home.mobile-home-final .home-manifesto.is-revealed .manifesto-line:nth-child(3){transition-delay:.16s!important}

  body.page-home.mobile-home-final .manifesto-side{
    display:block!important;
    width:100%!important;
    max-width:32ch!important;
    margin:0!important;
    opacity:1!important;
    transform:none!important;
  }
  body.page-home.mobile-home-final .manifesto-side p{
    opacity:0!important;
    transform:translate3d(0,18px,0)!important;
    transition:opacity .5s var(--ease),transform .6s var(--ease)!important;
  }
  body.page-home.mobile-home-final .home-manifesto.is-revealed .manifesto-side p{
    opacity:1!important;
    transform:none!important;
  }
  body.page-home.mobile-home-final .home-manifesto.is-revealed .manifesto-side p:nth-child(1){transition-delay:.28s!important}
  body.page-home.mobile-home-final .home-manifesto.is-revealed .manifesto-side p:nth-child(2){transition-delay:.40s!important}
  body.page-home.mobile-home-final .home-manifesto.is-revealed .manifesto-side p:nth-child(3){transition-delay:.52s!important}

  /* Estrellas reales, por encima del fondo y por detrás del texto. */
  body.page-home.mobile-home-final .identity-sticky{isolation:isolate!important;overflow:hidden!important}
  body.page-home.mobile-home-final .identity-stars-mobile{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  body.page-home.mobile-home-final .identity-stars-mobile .star{
    position:absolute!important;
    width:15px!important;
    height:15px!important;
    opacity:.75!important;
    animation:conamurStarPulse 2.2s ease-in-out infinite!important;
  }
  body.page-home.mobile-home-final .identity-stars-mobile .star::before,
  body.page-home.mobile-home-final .identity-stars-mobile .star::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    background:var(--accent)!important;
    transform:translate(-50%,-50%)!important;
    border-radius:999px!important;
  }
  body.page-home.mobile-home-final .identity-stars-mobile .star::before{width:2px!important;height:100%!important}
  body.page-home.mobile-home-final .identity-stars-mobile .star::after{width:100%!important;height:2px!important}
  body.page-home.mobile-home-final .identity-stars-mobile .s1{left:10%!important;top:28%!important;animation-delay:0s!important}
  body.page-home.mobile-home-final .identity-stars-mobile .s2{left:36%!important;top:20%!important;animation-delay:.35s!important}
  body.page-home.mobile-home-final .identity-stars-mobile .s3{left:78%!important;top:31%!important;animation-delay:.7s!important}
  body.page-home.mobile-home-final .identity-stars-mobile .s4{left:20%!important;top:55%!important;animation-delay:1.05s!important}
  body.page-home.mobile-home-final .identity-stars-mobile .s5{left:67%!important;top:58%!important;animation-delay:1.4s!important}
  body.page-home.mobile-home-final .identity-stars-mobile .s6{left:88%!important;top:71%!important;animation-delay:1.75s!important}
  @keyframes conamurStarPulse{
    0%,100%{opacity:.22;transform:scale(.55) rotate(0deg)}
    48%{opacity:1;transform:scale(1.25) rotate(45deg)}
    70%{opacity:.42;transform:scale(.82) rotate(70deg)}
  }
  body.page-home.mobile-home-final .identity-small,
  body.page-home.mobile-home-final .identity-words,
  body.page-home.mobile-home-final .identity-caption{position:relative!important;z-index:2!important}
  body.page-home.mobile-home-final .identity-mobile-star{display:none!important}
}

@media(max-width:700px) and (prefers-reduced-motion:reduce){
  body.page-home.mobile-home-final .manifesto-line,
  body.page-home.mobile-home-final .manifesto-side p{opacity:1!important;transform:none!important;transition:none!important}
  body.page-home.mobile-home-final .identity-stars-mobile .star{animation:none!important;opacity:.6!important}
}


/* ===== JUEGO DETALLES · versión más sutil ===== */
@media(max-width:700px){
  body.page-home.mobile-home-final .detail-challenge-hint{
    max-width:none!important;margin:0 0 14px!important;font-family:var(--sans)!important;
    font-size:12px!important;line-height:1.35!important;opacity:.72!important;
  }
  body.page-home.mobile-home-final .detail-error-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.page-home.mobile-home-final .detail-error-option{
    min-height:62px!important;font-size:13px!important;letter-spacing:.105em!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.page-home.mobile-home-final .detail-error-option span,
  body.page-home.mobile-home-final .detail-error-option i{display:inline-block!important;font-style:normal!important}
  /* Los tres errores son deliberadamente pequeños. */
  body.page-home.mobile-home-final .detail-error-option.error-baseline i{transform:translateY(1.8px)!important}
  body.page-home.mobile-home-final .detail-error-option.error-spacing i{margin-left:.055em!important;margin-right:.015em!important;transform:none!important}
  body.page-home.mobile-home-final .detail-error-option.error-weight i{font-weight:400!important;transform:none!important}
  body.page-home.mobile-home-final .detail-error-option.is-correct-found{
    background:rgba(242,240,234,.62)!important;
  }
  body.page-home.mobile-home-final .detail-error-option.is-correct-found::after{
    content:"✓";margin-left:7px;font-size:9px;line-height:1;opacity:.72;
  }
  body.page-home.mobile-home-final .detail-challenge.is-found .detail-error-target i{
    transform:none!important;margin-left:0!important;margin-right:0!important;font-weight:600!important;color:var(--accent)!important;
  }
}

/* ===== SAFARI / WEBKIT FALLBACKS ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,select,textarea{-webkit-appearance:none;appearance:none;border-radius:0}
img{max-width:100%;height:auto}
@supports (-webkit-touch-callout:none){
  body{min-height:100vh}
  .site-header{-webkit-transform:translateZ(0);transform:translateZ(0)}
  .home-title .line>span,.manifesto-line,.identity-line,.detail-challenge{-webkit-backface-visibility:hidden;backface-visibility:hidden}
}
@media(max-width:700px){
  body.page-home.mobile-home-final .home-intro{min-height:100vh!important;min-height:100vh;min-height:100svh!important}
  body.page-home.mobile-home-final .home-manifesto{min-height:88vh!important;min-height:88vh;min-height:88svh!important}
  body.page-home.mobile-home-final .identity-scene{min-height:86vh!important;min-height:86vh;min-height:86svh!important}
  body.page-home.mobile-home-final .identity-sticky{min-height:86vh!important;min-height:86vh;min-height:86svh!important}
  body.page-home.mobile-home-final .detail-scene{min-height:100vh!important;min-height:100vh;min-height:100svh!important}
}


/* ===== FINAL 14/09 · scroll real + juego de kerning ===== */
@media(max-width:700px){
  /* Sobre mí vuelve a depender del scroll, no del IntersectionObserver. */
  body.page-home.mobile-home-final .home-manifesto .manifesto-line,
  body.page-home.mobile-home-final .home-manifesto.is-revealed .manifesto-line{
    opacity:var(--manifesto-line-o,0)!important;
    transform:translate3d(var(--manifesto-line-x,-22px),var(--manifesto-line-y,9px),0)!important;
    transition:none!important;
  }
  body.page-home.mobile-home-final .home-manifesto .manifesto-side p,
  body.page-home.mobile-home-final .home-manifesto.is-revealed .manifesto-side p{
    opacity:var(--manifesto-p-o,0)!important;
    transform:translate3d(0,var(--manifesto-p-y,18px),0)!important;
    transition:none!important;
  }
  body.page-home.mobile-home-final .home-manifesto .manifesto-grid{
    gap:30px!important;
  }

  /* Juego: ajusta el kerning. */
  body.page-home.mobile-home-final .detail-kerning-game{
    display:block!important;
    width:100%!important;
    margin:28px 0 0!important;
    opacity:var(--challenge-o,0)!important;
    transform:translate3d(0,var(--challenge-y,16px),0)!important;
  }
  body.page-home.mobile-home-final .kerning-stage{
    width:100%!important;
    min-height:112px!important;
    margin:12px 0 18px!important;
    padding:18px 8px 16px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    overflow:hidden!important;
    border-top:1px solid rgba(17,17,15,.3)!important;
    border-bottom:1px solid rgba(17,17,15,.3)!important;
    font-family:var(--display)!important;
    font-size:clamp(58px,17vw,78px)!important;
    line-height:.8!important;
    letter-spacing:-.055em!important;
    white-space:nowrap!important;
  }
  body.page-home.mobile-home-final .kerning-stage span{display:inline-block!important}
  body.page-home.mobile-home-final .kerning-letter{
    margin-left:6.4px;
    transition:margin-left .08s linear!important;
  }
  body.page-home.mobile-home-final .kerning-control{
    display:block!important;
    width:100%!important;
    padding:8px 0 5px!important;
  }
  body.page-home.mobile-home-final .kerning-range{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:block!important;
    width:100%!important;
    height:28px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    outline:none!important;
    touch-action:pan-y!important;
  }
  body.page-home.mobile-home-final .kerning-range::-webkit-slider-runnable-track{
    height:1px!important;background:rgba(17,17,15,.38)!important;border:0!important;
  }
  body.page-home.mobile-home-final .kerning-range::-webkit-slider-thumb{
    -webkit-appearance:none!important;
    width:19px!important;height:19px!important;border-radius:50%!important;
    background:var(--ink)!important;border:0!important;margin-top:-9px!important;
    box-shadow:0 0 0 5px rgba(242,240,234,.28)!important;
  }
  body.page-home.mobile-home-final .kerning-range::-moz-range-track{
    height:1px!important;background:rgba(17,17,15,.38)!important;border:0!important;
  }
  body.page-home.mobile-home-final .kerning-range::-moz-range-thumb{
    width:19px!important;height:19px!important;border-radius:50%!important;
    background:var(--ink)!important;border:0!important;
  }
  body.page-home.mobile-home-final .kerning-scale{
    display:flex!important;justify-content:space-between!important;
    margin-top:2px!important;font-family:var(--sans)!important;
    font-size:7.5px!important;letter-spacing:.08em!important;opacity:.58!important;
  }
  body.page-home.mobile-home-final .detail-kerning-game .detail-challenge-result{
    display:block!important;
    margin-top:12px!important;
    opacity:0!important;
    transform:translateY(6px)!important;
    transition:opacity .35s ease,transform .45s var(--ease)!important;
  }
  body.page-home.mobile-home-final .detail-kerning-game.is-found .detail-challenge-result{
    opacity:1!important;transform:none!important;
  }
  body.page-home.mobile-home-final .detail-kerning-game.is-found .kerning-stage{
    background:rgba(242,240,234,.52)!important;
  }
}

@media(max-width:700px) and (prefers-reduced-motion:reduce){
  body.page-home.mobile-home-final .home-manifesto .manifesto-line,
  body.page-home.mobile-home-final .home-manifesto .manifesto-side p,
  body.page-home.mobile-home-final .detail-kerning-game{opacity:1!important;transform:none!important}
}


/* ===== RANGE FIX · touch + Safari ===== */
@media(max-width:700px){
  body.page-home.mobile-home-final .kerning-control{
    position:relative!important;
    z-index:20!important;
    touch-action:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }
  body.page-home.mobile-home-final .kerning-range{
    position:relative!important;
    z-index:21!important;
    pointer-events:auto!important;
    touch-action:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
    cursor:pointer!important;
  }
  body.page-home.mobile-home-final .kerning-range::-webkit-slider-thumb{
    pointer-events:auto!important;
  }
}


/* 16/09 · Esto es CONAMUR más protagonista en móvil */
@media(max-width:700px){
  body.page-home.mobile-home-final .identity-words,
  body.page-home.mobile-home-v3 .identity-words{
    font-size:clamp(56px,15.8vw,68px)!important;
    line-height:.88!important;
    letter-spacing:-.045em!important;
  }
  body.page-home .identity-color-play{display:none!important}
}


/* ===== 16/09 · ABANICO COLOR EN MÓVIL ===== */
@media(max-width:700px){
  body.page-home.mobile-home-final .identity-sticky,
  body.page-home.mobile-home-v3 .identity-sticky{
    --fan-wash:rgba(232,66,83,.06);
    background-color:var(--paper)!important;
    background-image:radial-gradient(circle at 50% 54%,var(--fan-wash) 0%,rgba(242,240,234,0) 40%)!important;
  }
  body.page-home .identity-swatch-fan{
    display:block!important;
    position:relative!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:190px!important;
    margin:20px 0 10px!important;
    z-index:3!important;
  }
  body.page-home .identity-swatch-fan::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;top:57%!important;
    width:64%!important;height:38%!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    background:rgba(17,17,15,.045)!important;
    filter:blur(26px)!important;
  }
  body.page-home .identity-swatch-fan .swatch-card{
    --x:0px;--y:0px;--r:0deg;--z:1;--swatch:var(--accent);
    position:absolute!important;
    left:50%!important;top:50%!important;
    width:82px!important;height:138px!important;
    padding:6px 6px 25px!important;
    background:#f7f4ee!important;
    border:1px solid rgba(17,17,15,.66)!important;
    box-shadow:0 10px 24px rgba(17,17,15,.09)!important;
    transform-origin:50% 90%!important;
    transform:translate(-50%,-50%) rotate(0deg)!important;
    transition:transform .72s var(--ease),box-shadow .35s ease!important;
    z-index:var(--z)!important;
    will-change:transform!important;
  }
  body.page-home .identity-swatch-fan .swatch-card i{
    display:block!important;width:100%!important;height:100%!important;
    background:var(--swatch)!important;border:1px solid rgba(17,17,15,.10)!important;
  }
  body.page-home .identity-swatch-fan .swatch-card::after{
    content:""!important;position:absolute!important;left:7px!important;bottom:8px!important;
    width:14px!important;height:1px!important;background:rgba(17,17,15,.35)!important;
  }
  body.page-home .identity-swatch-fan .swatch-1{--x:-76px;--y:11px;--r:-20deg;--z:1;--swatch:#e84253}
  body.page-home .identity-swatch-fan .swatch-2{--x:-39px;--y:-2px;--r:-10deg;--z:2;--swatch:#11110f}
  body.page-home .identity-swatch-fan .swatch-3{--x:0px;--y:-10px;--r:0deg;--z:3;--swatch:#f6b9c0}
  body.page-home .identity-swatch-fan .swatch-4{--x:39px;--y:-2px;--r:10deg;--z:4;--swatch:#8f2f3b}
  body.page-home .identity-swatch-fan .swatch-5{--x:76px;--y:11px;--r:20deg;--z:5;--swatch:#d8d3ca}
  body.page-home .identity-swatch-fan.is-open .swatch-card{
    transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r))!important;
  }
  body.page-home.mobile-home-final .identity-caption,
  body.page-home.mobile-home-v3 .identity-caption{
    margin-top:14px!important;
    padding-top:0!important;
  }
}


/* ===== TEXTOS 22/09 · cortes controlados en móvil ===== */
@media(max-width:700px){
  body.page-home.mobile-home-final .home-title-newcopy .line>span{
    font-size:7.35vw!important;
    line-height:.96!important;
    letter-spacing:-.025em!important;
  }
  body.page-home.mobile-home-final .manifesto-copy-new{
    font-size:8.55vw!important;
    line-height:.97!important;
    letter-spacing:-.025em!important;
  }
}
