:root {
  --ss-photo-v601-rose-dark: #8F3652;
  --ss-photo-v601-rose-hover: #762B45;
  --ss-photo-v601-white: #FFFFFF;
}

/*
 * Hero con la imagen subida por el usuario.
 * La imagen se muestra completa dentro del panel derecho sin deformarse.
 */
body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600-hero {
  grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr) !important;
  min-height: 620px !important;
}

body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600-hero-media {
  min-height: 620px !important;
  background: #efe5e1 !important;
}

body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600-hero-media img {
  width: 100% !important;
  height: 100% !important;
  min-height: 620px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: 52% center !important;
}

/*
 * CTA: rosa palo oscuro con texto blanco en todos los estados.
 */
body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600 .skyskin-fotoproteccion-v600-button,
body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600 a.skyskin-fotoproteccion-v600-button,
body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600 .skyskin-native-button,
body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600 button,
body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600 input[type="submit"] {
  background: var(--ss-photo-v601-rose-dark) !important;
  border-color: var(--ss-photo-v601-rose-dark) !important;
  color: var(--ss-photo-v601-white) !important;
  -webkit-text-fill-color: var(--ss-photo-v601-white) !important;
  text-shadow: none !important;
}

body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600 .skyskin-fotoproteccion-v600-button *,
body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600 .skyskin-native-button * {
  color: var(--ss-photo-v601-white) !important;
  -webkit-text-fill-color: var(--ss-photo-v601-white) !important;
}

body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600 .skyskin-fotoproteccion-v600-button:hover,
body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600 .skyskin-fotoproteccion-v600-button:focus-visible,
body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600 .skyskin-native-button:hover,
body.skyskin-fotoproteccion-v601-active
.skyskin-fotoproteccion-v600 .skyskin-native-button:focus-visible {
  background: var(--ss-photo-v601-rose-hover) !important;
  border-color: var(--ss-photo-v601-rose-hover) !important;
  color: var(--ss-photo-v601-white) !important;
  -webkit-text-fill-color: var(--ss-photo-v601-white) !important;
}

@media (max-width: 1024px) {
  body.skyskin-fotoproteccion-v601-active
  .skyskin-fotoproteccion-v600-hero {
    grid-template-columns: 1fr !important;
  }

  body.skyskin-fotoproteccion-v601-active
  .skyskin-fotoproteccion-v600-hero-media,
  body.skyskin-fotoproteccion-v601-active
  .skyskin-fotoproteccion-v600-hero-media img {
    min-height: 520px !important;
  }

  body.skyskin-fotoproteccion-v601-active
  .skyskin-fotoproteccion-v600-hero-media img {
    object-position: center center !important;
  }
}

@media (max-width: 767px) {
  body.skyskin-fotoproteccion-v601-active
  .skyskin-fotoproteccion-v600-hero-media,
  body.skyskin-fotoproteccion-v601-active
  .skyskin-fotoproteccion-v600-hero-media img {
    min-height: 380px !important;
  }

  body.skyskin-fotoproteccion-v601-active
  .skyskin-fotoproteccion-v600-hero-media img {
    object-position: 54% center !important;
  }
}