/* FASE 5 · Vestimenta formal + Solo adultos
   Archivo aislado: no modifica fases 1, 2, 3 ni 4. */
.phase5-details{
  padding:clamp(82px,9vw,128px) 0 clamp(94px,10vw,142px);
}

.phase5-details__inner{
  width:min(100% - 40px, 900px);
}

.phase5-block{
  text-align:center;
  color:rgb(110,95,84);
  font-family:"The Seasons","Cormorant Garamond",Georgia,serif;
  font-weight:450;
}

.phase5-block + .phase5-block{
  margin-top:clamp(92px,11vw,150px);
}

.phase5-title{
  margin:0 0 clamp(30px,4vw,46px);
  color:rgb(110,95,84);
  font-family:"Sloop Script","Sloop Script Pro",cursive;
  font-size:clamp(4.7rem,8.5vw,7rem);
  line-height:.86;
  font-weight:400;
  letter-spacing:0;
  margin-bottom: -10px;
}

.phase5-dress-icons{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:clamp(38px,5vw,8px);
  margin:0 auto clamp(28px,4vw,42px);
}

.phase5-dress-icons img{
  width:clamp(132px,22vw,208px);
  height:clamp(138px,18vw,284px);
  object-fit:contain;
}


.phase5-copy{
  margin:0 auto;
  font-size:clamp(1.35rem,2.3vw,1.9rem);
  line-height:1.4;
  letter-spacing:.015em;
}

.phase5-copy p{
  margin:0;
}

.phase5-copy strong{
  font-weight:600;
}

.phase5-emphasis{
  font-size:clamp(2.0rem,2.3vw,2.9rem);
  margin-top:-40px !important;
  font-weight:800;
}

.phase5-adults-icon{
  width:clamp(208px,85vw,324px);
  height:auto;
  margin:-80px auto clamp(2px,4vw,3px);
  margin-bottom: -50px;
}

.phase5-adults-lead{
  font-size:1em;
  font-weight:600;
}

.phase5-adults-text{
  max-width:780px;
  margin:0 auto !important;
  font-size:1em;
  line-height:inherit;
}

@media (max-width:760px){
  .phase5-details{
    padding:72px 0 88px;
  }

  .phase5-details__inner{
    width:min(100% - 28px, 620px);
  }

  .phase5-block + .phase5-block{
    margin-top:68px;
  }

  .phase5-title{
    margin-top: 0px;
    margin-bottom:-0px;
    font-size:clamp(2.45rem,10.8vw,4.9rem);
    white-space:nowrap;
  }

  .phase5-dress-icons{
    gap:0px;
    margin-bottom:0px;
  }

  .phase5-dress-icons img{
    width:128px;
    height:166px;
  }

  .phase5-copy{
    margin:0px;
    font-size:clamp(.88rem,3.65vw,1.66rem);
    line-height:1.28;
  }

  .phase5-emphasis{
    font-size:clamp(1.4rem,2.3vw,2.1rem);
    margin-top:-15px !important;
    font-weight:800;
  }

  .phase5-adults-icon{
    margin:-40px auto clamp(2px,4vw,3px);
    width:172px;
    margin-bottom:-25px;
  }

  .phase5-adults-lead{
    font-weight:600;
  }

  .phase5-adults-text{
    max-width:560px;
    font-size:1em;
    line-height:inherit;
    white-space:nowrap;
  }
}

@media (max-width:430px){
  .phase5-details__inner{
    width:min(100% - 22px, 620px);
  }

  .phase5-dress-icons{
    gap:-0px;
  }

  .phase5-dress-icons img{
    width:80px;
    height:106px;
  }

  .phase5-copy{
    font-size:clamp(.94rem,3.85vw,1.8rem);
  }

  .phase5-adults-icon{
    width:140px;
  }

  .phase5-adults-text{
    font-size:1em;
  }
}

@media (max-width:360px){
  .phase5-title{
    font-size:10.3vw;
  }

  .phase5-copy{
    font-size:4.5vw;
  }
}

/* FASE 5 · Paleta de colores a evitar */
.phase5-avoid-colors{
  display:block;
  width:min(100%,560px);
  height:auto;
  margin:clamp(16px,2.2vw,24px) auto 8px;
}

.phase5-avoid-colors__names{
  margin:0 auto !important;
  color:rgb(110,95,84);
  font-family:"Montserrat",Arial,sans-serif;
  font-size:clamp(.66rem,1.35vw,.86rem);
  line-height:1.25;
  font-weight:500;
  letter-spacing:.055em;
  white-space:nowrap;
}

.phase5-avoid-colors__note{
  margin:10px auto 0 !important;
  color:rgb(110,95,84);
  font-family:"Montserrat",Arial,sans-serif;
  font-size:clamp(.9rem,1.65vw,1.12rem);
  line-height:1.45;
  font-weight:400;
  letter-spacing:.01em;
}

@media (max-width:760px){
  .phase5-avoid-colors{
    width:min(100%,390px);
    margin:14px auto 6px;
  }

  .phase5-avoid-colors__names{
    font-size:clamp(.56rem,2.35vw,.72rem);
    letter-spacing:.025em;
  }

  .phase5-avoid-colors__note{
    max-width:390px;
    margin-top:8px !important;
    font-size:clamp(.78rem,3.1vw,.98rem);
    line-height:1.4;
  }
}

@media (max-width:430px){
  .phase5-avoid-colors{
    width:min(100%,340px);
  }

  .phase5-avoid-colors__names{
    font-size:clamp(.52rem,2.35vw,.64rem);
    letter-spacing:.01em;
  }

  .phase5-avoid-colors__note{
    max-width:330px;
    font-size:clamp(.7rem,3.45vw,.8rem);
  }
}

@media (max-width:360px){
  .phase5-avoid-colors__names{
    font-size:.5rem;
  }
}