.elementor-1707 .elementor-element.elementor-element-d47c6a0{margin-top:-100px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1707 .elementor-element.elementor-element-50e20cc > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-1707 .elementor-element.elementor-element-50e20cc > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1707 .elementor-element.elementor-element-fb21290 > .elementor-widget-container{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-1707 .elementor-element.elementor-element-01adcad > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1707 .elementor-element.elementor-element-3fa5866 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1707 .elementor-element.elementor-element-2551c50 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1707 .elementor-element.elementor-element-5099d1e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1707 .elementor-element.elementor-element-cde3a31 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1707 .elementor-element.elementor-element-667bb6c{overflow:hidden;}.elementor-1707 .elementor-element.elementor-element-153bd77 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1707 .elementor-element.elementor-element-bea7ac1 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-1707 .elementor-element.elementor-element-764c4f1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1707 .elementor-element.elementor-element-9adcb76 > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-fb21290 */.scroll-frames-copy h1 {
  color: #ffffff;
}

.scroll-frames-copy p {
  color: rgba(255,255,255,0.75);
}
/* PUNTOS SOBRE EL CABELLO */

.hair-points {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.hair-point {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: Helvetica, Arial, sans-serif;
  color: #fff;
}

.hair-point span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 0 8px rgba(255,255,255,0.18),
    0 0 22px rgba(255,255,255,0.5);
  flex: 0 0 auto;
}

.hair-point div {
  max-width: 260px;
  padding: 12px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.13);
  border: 1px solid rgba(255,255,255,0.24);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
}

/* POSICIONES EDITABLES */

.point-1 {
  top: 26%;
  left: 54%;
}

.point-2 {
  top: 34%;
  left: 61%;
}

.point-3 {
  top: 43%;
  left: 50%;
}

.point-4 {
  top: 52%;
  left: 58%;
}

/* MOBILE */

@media (max-width: 767px) {
  .hair-point div {
    max-width: 190px;
    font-size: 12px;
    padding: 10px 12px;
  }

  .hair-point span {
    width: 12px;
    height: 12px;
  }
.point-1 {
  top: 20%;
  left: 55%;
  right: auto;
}

.point-2 {
  top: 32%;
  left: 58%;
  right: auto;
}

.point-3 {
  top: 44%;
  left: 54%;
  right: auto;
}

.point-4 {
  top: 56%;
  left: 60%;
  right: auto;

  }
}
/* FORZAR COLOR DOTS */
.scroll-frames-section .hair-points-layer .hair-point .hair-dot {
  background-color: #911d3c !important;
  background: #911d3c !important;

  box-shadow:
    0 0 0 8px rgba(255,255,255,0.22),
    0 0 30px rgba(214,192,164,0.65) !important;

  border: none !important;
}
@media (max-width: 767px) {

  .scroll-frames-section .hair-point-1 {
    top: 16%;
    left: 12%;
  }

  .scroll-frames-section .hair-point-2 {
    top: 27%;
    left: 46%;
  }

  .scroll-frames-section .hair-point-3 {
    top: 38%;
    left: 5%;
  }

  .scroll-frames-section .hair-point-4 {
    top: 49%;
    left: 45%;
  }

}
  .headline-price {
    color: #911d3c;
  
}
.scroll-frames-sticky {
  height: 100vh;
  min-height: 100vh;
}
.scroll-frames-section #headlineValue.price-active {
  color: #911d3c !important;
}
.scroll-frames-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;

  background:
    linear-gradient(
      to bottom,
      rgba(0,0,0,0.08) 0%,
      rgba(0,0,0,0.18) 45%,
      rgba(0,0,0,0.38) 100%
    );

  pointer-events: none;

  opacity: var(--overlay-opacity, 1);

  transition: opacity 0.2s linear;
}
.diagnosis-popup .diagnosis-progress {
  width: calc(100% - 70px) !important;
  margin-right: 70px !important;
}
.diagnosis-popup .diagnosis-popup-close {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  width: auto !important;
  height: auto !important;

  padding: 0 !important;

  color: #911d3c !important;

  font-size: 32px !important;
  line-height: 1 !important;
}
.diagnosis-popup button.diagnosis-popup-close {
  background: transparent !important;
  background-color: transparent !important;

  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  border-radius: 0 !important;

  width: auto !important;
  height: auto !important;

  padding: 0 !important;
  margin: 0 !important;

  color: #911d3c !important;

  font-size: 34px !important;
  line-height: 1 !important;

  appearance: none !important;
  -webkit-appearance: none !important;
}

.diagnosis-popup button.diagnosis-popup-close:hover {
  background: transparent !important;
  background-color: transparent !important;
  opacity: 0.7;
}
.diagnosis-popup {
  transition:
    opacity 0.18s ease,
    visibility 0s linear;

  will-change: opacity;
}
.diagnosis-popup-overlay {
  transition: opacity 0.12s linear !important;
  will-change: backdrop-filter, opacity;
}
.diagnosis-popup.active .diagnosis-popup-overlay {
  background: rgba(0,0,0,0.55) !important;

  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;

  opacity: 1 !important;
}

.diagnosis-popup-overlay {
  transition: none !important;
}
.diagnosis-popup {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.diagnosis-popup .diagnosis-popup-overlay {
  position: fixed !important;
  inset: 0 !important;

  background: rgba(0, 0, 0, 0.28) !important;

  backdrop-filter: blur(22px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(120%) !important;

  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;

  opacity: 1 !important;
  pointer-events: auto !important;
}

.diagnosis-popup.active .diagnosis-popup-overlay {
  background: rgba(0, 0, 0, 0.28) !important;

  backdrop-filter: blur(22px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(120%) !important;
}
.diagnosis-options button {
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
  .diagnosis-options button:hover,
  .diagnosis-form button:hover {
    background: #911d3c;
    color: #ffffff;
  }
}

.diagnosis-options button {
  -webkit-tap-highlight-color: transparent;
}

.diagnosis-options button:focus,
.diagnosis-options button:active {
  background: rgba(145,29,60,0.08) !important;
  border-color: rgba(145,29,60,0.18) !important;
  color: #911d3c !important;
  outline: none !important;
  box-shadow: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .diagnosis-options button:hover,
  .diagnosis-form button:hover {
    background: #911d3c !important;
    border-color: #911d3c !important;
    color: #ffffff !important;
  }
}

.diagnosis-options button.is-selected {
  background: #911d3c !important;
  border-color: #911d3c !important;
  color: #ffffff !important;
}

.diagnosis-options button:focus,
.diagnosis-options button:active,
.diagnosis-options button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.diagnosis-popup-close {
  position: absolute;

  top: 24px;   /* subir/bajar */
  right: 26px; /* izquierda/derecha */

  z-index: 20;

  background: transparent !important;
  background-color: transparent !important;

  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  border-radius: 0 !important;

  width: auto !important;
  height: auto !important;

  padding: 0 !important;
  margin: 0 !important;

  color: #911d3c !important;

  font-size: 34px !important;
  line-height: 1 !important;

  cursor: pointer;

  appearance: none !important;
  -webkit-appearance: none !important;
}
@media only screen and (max-width: 767px) {
  .diagnosis-popup .diagnosis-popup-box .diagnosis-popup-close,
  .diagnosis-popup button.diagnosis-popup-close {
    top: 14px !important;
    right: 18px !important;

    font-size: 30px !important;
    line-height: 1 !important;

    position: absolute !important;
    z-index: 50 !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8da5ef */.diagnosis-popup-box {
  background: rgba(250,250,250,0.98) !important;
  backdrop-filter: blur(28px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(120%) !important;
}

.diagnosis-popup-overlay {
  background: rgba(0,0,0,0.62) !important;
}

.diagnosis-step,
.diagnosis-step h3,
.diagnosis-options,
.diagnosis-form {
  position: relative;
  z-index: 5;
}

.diagnosis-options button,
.diagnosis-form input,
.diagnosis-form button {
  background: rgba(255,255,255,0.72) !important;
}/* End custom CSS */