/* =====================================================================
   StudioDerma — Brand overrides sobre la estructura de Clínica Vene
   Paleta:  Teal  Pantone 3135 U  #009CA6
            Teal claro (40%)      #9FD8DD
            Magenta 226 U         #D0006F
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;1,500;1,600&display=swap");

:root {
  /* Paleta NUDE (sin azules ni rosas) */
  --sd-teal: #bfa07e;          /* nude principal (sub-títulos, iconos, bordes) */
  --sd-teal-deep: #6e5440;     /* nude profundo / café (texto, degradados) */
  --sd-teal-light: #ecdac6;    /* nude claro (acentos sobre fondos oscuros) */
  --sd-magenta: #a86c43;       /* terracota cálido (CTA + acentos) */
  --sd-magenta-deep: #84522f;
  --sd-cream: #f6efe7;         /* crema nude (fondos suaves) */

  /* Remapeo de las variables del tema Vene a la paleta nude */
  --theme: #bfa07e;
  --vene-gold: #a86c43;        /* acentos + botones de sección */
  --vene-dark: #6e5440;        /* relleno hover de los botones */
  --vene-cream: #f6efe7;
  --vene-soft: #f1e7db;
  --vene-ink: #3d3228;         /* tinta marrón cálida */
  --vene-muted: #8a7a6a;
}

/* Resaltado del hero -> caramelo nude claro (destaca sobre el fondo oscuro) */
.vene-gold-text {
  color: #e2b488;
}

/* Tipografía de marca un poco más limpia para los títulos */
body.studioderma-landing {
  --header: #3d3228;
}

/* ---------------------------------------------------------------------
   HEADER — mismo comportamiento que Vene, recoloreado a la marca.
   Logo en blanco sobre el hero; logo a color al hacer scroll (sticky).
   --------------------------------------------------------------------- */
.studioderma-landing .vene-header .header-logo img {
  filter: brightness(0) invert(1);
}
.studioderma-landing .vene-header .header-logo-2 img,
.studioderma-landing .offcanvas__logo img,
.studioderma-landing #preloader .vene-preloader-logo img {
  filter: none;
}
.studioderma-landing .vene-header .main-menu ul li a:hover {
  color: var(--sd-teal-light);
}
.studioderma-landing .vene-header.sticky .main-menu ul li a:hover,
.studioderma-landing .vene-header.header-sticky .main-menu ul li a:hover {
  color: var(--sd-magenta);
}
/* Icono de contacto del header en magenta de marca */
.studioderma-landing .vene-header .call-item .icon {
  background: var(--sd-magenta);
}

/* ---------------------------------------------------------------------
   HERO — imagen + degradado de marca
   --------------------------------------------------------------------- */
.studioderma-landing .vene-hero-image-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: 0;
}
.studioderma-landing .vene-hero-overlay {
  background: rgba(18, 18, 18, .5);
}
.studioderma-landing .vene-hero-kicker {
  color: var(--sd-teal-light) !important;
  letter-spacing: 3px;
  font-weight: 500;
  font-size: 11px !important;
  line-height: 1.2;
}
.studioderma-landing .vene-hero-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 26px;
  margin: 6px 0 28px;
}
.studioderma-landing .vene-hero-trust span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
}
.studioderma-landing .vene-hero-trust i {
  color: var(--sd-teal-light);
  font-size: 17px;
}
/* CTA principal del hero en magenta */
.studioderma-landing .vene-hero-actions .vene-hero-cta.theme-btn {
  background-color: var(--sd-magenta);
}
.studioderma-landing .vene-hero-actions .vene-hero-cta.theme-btn::before {
  background-color: var(--sd-teal);
}
.studioderma-landing .vene-hero-actions .vene-hero-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  font-weight: 600;
  padding: 16px 22px;
  border: 1.5px solid rgba(255, 255, 255, .55);
  border-radius: 999px;
  transition: all .3s ease;
}
.studioderma-landing .vene-hero-actions .vene-hero-secondary:hover {
  background: #ffffff;
  color: var(--sd-teal-deep);
}

/* ---------------------------------------------------------------------
   Acentos generales: sub-títulos, iconos, botones
   --------------------------------------------------------------------- */
.studioderma-landing .sub-title {
  color: var(--sd-teal) !important;
}
.studioderma-landing .vene-benefit-card .icon {
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(0, 91, 99, .12);
  border-radius: 18px;
  box-shadow: none;
  color: var(--sd-teal-deep);
}
.studioderma-landing .vene-benefit-card.active {
  border-color: var(--sd-magenta);
}
.studioderma-landing .vene-benefit-card.active .icon {
  background: rgba(168, 108, 67, .08);
  border-color: rgba(168, 108, 67, .18);
  color: var(--sd-magenta-deep);
}
.studioderma-landing .vene-benefit-card h3 {
  color: #3d3228;
}

/* Tarjeta de pasos: numeración magenta */
.studioderma-landing .vene-step-card span {
  color: var(--sd-magenta);
}
.studioderma-landing .vene-step-image {
  border-color: rgba(191, 160, 126, .18);
}
.studioderma-landing .vene-steps .col-xl-3:nth-child(3) .vene-step-image img {
  object-position: center 42%;
  transform: scale(.92);
}
.studioderma-landing .vene-steps .col-xl-3:nth-child(3) .vene-step-card:hover .vene-step-image img {
  transform: scale(.96);
}
.studioderma-landing .vene-steps .col-xl-3:nth-child(4) .vene-step-image img {
  object-position: center 18%;
}
.studioderma-landing .vene-faq .vene-faq-template > img {
  object-position: center 30%;
}

/* ---------------------------------------------------------------------
   SECCIÓN DOCTORA  (nueva)
   --------------------------------------------------------------------- */
.sd-doctor {
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(236, 218, 198, .25), transparent 55%),
    var(--sd-cream);
  overflow: hidden;
}
.sd-doctor .sd-doctor-photo {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(110, 84, 64, .22);
  background: linear-gradient(135deg, var(--sd-teal-light), #ffffff);
}
.sd-doctor .sd-doctor-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sd-doctor .sd-doctor-badge {
  position: absolute;
  left: 22px;
  bottom: 22px;
  background: rgba(255, 255, 255, .95);
  border-radius: 16px;
  padding: 14px 20px;
  box-shadow: 0 12px 30px rgba(110, 84, 64, .2);
  display: flex;
  align-items: center;
  gap: 12px;
}
.sd-doctor .sd-doctor-badge i {
  color: var(--sd-magenta);
  font-size: 26px;
}
.sd-doctor .sd-doctor-badge strong {
  display: block;
  color: #3d3228;
  font-size: 16px;
  line-height: 1.2;
}
.sd-doctor .sd-doctor-badge small {
  color: var(--sd-teal-deep);
  font-weight: 600;
}
.sd-doctor .sd-doctor-role {
  display: inline-block;
  color: var(--sd-magenta);
  font-weight: 600;
  margin-bottom: 14px;
}
.sd-doctor .sd-credentials {
  list-style: none;
  margin: 24px 0 30px;
  padding: 0;
  display: grid;
  gap: 12px;
}
.sd-doctor .sd-credentials li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #2c4a52;
  font-size: 15.5px;
}
.sd-doctor .sd-credentials li i {
  color: var(--sd-teal);
  margin-top: 3px;
  flex: 0 0 auto;
}
.sd-doctor .sd-cofepris {
  font-size: 13px;
  color: #6b8086;
  border-top: 1px dashed rgba(191, 160, 126, .35);
  padding-top: 16px;
  margin-top: 4px;
}

/* ---------------------------------------------------------------------
   TESTIMONIOS — misma estructura que Vene, recoloreada a la marca
   --------------------------------------------------------------------- */
.studioderma-landing .vene-video-testimonial {
  background:
    radial-gradient(circle at 8% 18%, rgba(126, 82, 51, .16), transparent 30%),
    radial-gradient(circle at 92% 10%, rgba(181, 126, 82, .20), transparent 28%),
    linear-gradient(180deg, #f5ede5 0%, #eadbcd 100%);
  padding-bottom: 78px;
  padding-top: 78px;
}
.studioderma-landing .sd-stories-heading {
  margin: 0 auto 34px;
  max-width: 760px;
}
.studioderma-landing .sd-stories-heading h2 {
  color: var(--vene-ink);
  margin-left: auto;
  margin-right: auto;
}
.studioderma-landing .sd-stories-heading p {
  color: var(--vene-muted);
  line-height: 1.65;
  margin: 12px auto 0;
  max-width: 620px;
}
.studioderma-landing .sd-stories-stage {
  background:
    radial-gradient(circle at 100% 0%, rgba(191, 160, 126, .18), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f8f1eb 100%);
  border: 1px solid rgba(168, 108, 67, .16);
  border-radius: 30px;
  box-shadow: 0 28px 70px rgba(69, 51, 38, .13), inset 0 3px 0 rgba(168, 108, 67, .18);
  display: grid;
  gap: 32px;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  margin: 0 auto;
  max-width: 1100px;
  overflow: hidden;
  padding: 38px;
}
.studioderma-landing .sd-story-video {
  background: transparent;
  border: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 20px;
  position: relative;
}
.studioderma-landing .sd-story-video::before {
  display: none;
}
.studioderma-landing .sd-story-video .sd-testimonial-video-frame {
  aspect-ratio: 9 / 18.2;
  background: #050505;
  border: 9px solid #171717;
  border-radius: 42px;
  box-shadow: 0 30px 58px rgba(58, 46, 36, .34), 0 0 0 1px rgba(168, 108, 67, .18), inset 0 0 0 1px rgba(255, 255, 255, .12);
  margin: 0 auto;
  max-height: none;
  max-width: 294px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}
.studioderma-landing .sd-story-video .sd-testimonial-video-frame::before {
  background: #171717;
  border-radius: 0 0 12px 12px;
  content: "";
  height: 22px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 90px;
  z-index: 2;
}
.studioderma-landing .sd-story-video .sd-testimonial-video-frame video {
  border-radius: 32px;
}
.studioderma-landing .sd-reviews-showcase {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 14px 0 10px 8px;
}
.studioderma-landing .sd-reviews-intro {
  border-bottom: 1px solid rgba(110, 84, 64, .12);
  margin-bottom: 20px;
  padding: 0 2px 24px 20px;
  position: relative;
}
.studioderma-landing .sd-reviews-intro::before {
  background: linear-gradient(180deg, var(--sd-magenta), var(--sd-teal));
  border-radius: 999px;
  content: "";
  height: 62px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 4px;
}
.studioderma-landing .sd-reviews-intro h2 {
  color: var(--vene-ink);
  font-size: clamp(32px, 3.2vw, 46px);
  line-height: 1.08;
  margin: 0 0 14px;
  max-width: 560px;
}
@media (min-width: 992px) {
  .studioderma-landing .sd-title-line {
    display: block;
    white-space: nowrap;
  }
}
.studioderma-landing .sd-reviews-intro p {
  color: var(--vene-muted);
  line-height: 1.65;
  margin: 0;
  max-width: 540px;
}
.studioderma-landing .sd-reviews-summary {
  align-items: center;
  background: rgba(49, 119, 120, .08);
  border: 1px solid rgba(49, 119, 120, .13);
  border-radius: 16px;
  display: grid;
  gap: 14px;
  grid-template-columns: auto auto 1fr;
  margin-bottom: 20px;
  padding: 15px 18px;
}
.studioderma-landing .sd-reviews-summary > i {
  font-size: 34px;
}
.studioderma-landing .sd-reviews-summary > div {
  align-items: center;
  display: flex;
  gap: 8px;
}
.studioderma-landing .sd-reviews-summary strong {
  color: var(--vene-ink);
  font-size: 26px;
}
.studioderma-landing .sd-reviews-summary span {
  color: #fbbc04;
  font-size: 12px;
  letter-spacing: .03em;
}
.studioderma-landing .sd-reviews-summary p {
  color: var(--vene-muted);
  font-size: 13px;
  margin: 0;
  text-align: right;
}
.studioderma-landing .sd-google-review-slider {
  min-width: 0;
  overflow: hidden;
  padding: 0 2px 54px;
  position: relative;
  width: 100%;
}
.studioderma-landing .sd-review-slide {
  background: linear-gradient(155deg, #fffdfb 0%, #f5ebe4 100%);
  border: 1px solid rgba(168, 108, 67, .17);
  border-top: 3px solid rgba(168, 108, 67, .48);
  border-radius: 20px;
  box-sizing: border-box;
  min-height: 190px;
  padding: 26px 26px 24px;
  position: relative;
}
.studioderma-landing .sd-review-slide::before {
  color: rgba(168, 108, 67, .18);
  content: "\201C";
  font-family: Georgia, "Times New Roman", serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  right: 22px;
  top: 12px;
}
.studioderma-landing .sd-review-slide .sd-review-meta {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 18px;
  position: relative;
}
.studioderma-landing .sd-review-slide .sd-review-meta strong {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 15px;
  font-style: normal;
  line-height: 1.3;
}
.studioderma-landing .sd-review-slide .sd-review-meta strong a {
  color: inherit;
  font-family: inherit;
  font-style: normal;
  text-decoration: none;
}
.studioderma-landing .sd-review-author {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.studioderma-landing .sd-review-author small {
  color: var(--vene-muted);
  display: block;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.35;
}
.studioderma-landing .sd-review-slide .sd-review-meta span {
  color: #fbbc04;
  font-size: 13px;
  letter-spacing: .04em;
}
.studioderma-landing .sd-review-slide > p {
  color: var(--vene-ink);
  font-size: 16px;
  line-height: 1.62;
  margin: 0 0 18px;
  position: relative;
}
.studioderma-landing .sd-review-slide footer {
  align-items: center;
  color: var(--vene-muted);
  display: flex;
  font-size: 12px;
  gap: 7px;
}
.studioderma-landing .sd-review-controls {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: center;
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
.studioderma-landing .sd-review-arrow {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(110, 84, 64, .18);
  border-radius: 50%;
  color: var(--sd-teal-deep);
  display: inline-flex;
  height: 34px;
  justify-content: center;
  transition: background-color .2s ease, color .2s ease;
  width: 34px;
}
.studioderma-landing .sd-review-arrow:hover {
  background: var(--sd-teal-deep);
  color: #fff;
}
.studioderma-landing .sd-review-pagination {
  display: flex;
  justify-content: center;
  position: static;
  width: auto;
}
.studioderma-landing .sd-review-pagination .swiper-pagination-bullet {
  background: var(--sd-teal-deep);
  height: 6px;
  opacity: .22;
  width: 6px;
}
.studioderma-landing .sd-review-pagination .swiper-pagination-bullet-active {
  opacity: .8;
}
.studioderma-landing .sd-reviews-showcase .sd-google-reviews-link {
  align-items: center;
  align-self: flex-start;
  background: var(--sd-teal-deep);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  gap: 9px;
  margin: 14px 0 0;
  padding: 11px 17px;
}
.studioderma-landing .sd-stories-stage + .sd-testimonial-disclaimer {
  color: var(--vene-muted);
}
/* La pantalla del teléfono muestra una imagen de la clínica/paciente */
.studioderma-landing .vene-video-screen {
  background:
    url("../img/studioderma/testimonio-video.jpg"),
    #3a2e24 !important;
  background-position: center !important;
  background-size: cover !important;
}

/* ---------------------------------------------------------------------
   CONTACTO + botones WhatsApp
   --------------------------------------------------------------------- */
.studioderma-landing .vene-whatsapp-contact {
  background-color: #25d366 !important;
  color: #ffffff !important;
}
.studioderma-landing .vene-whatsapp-contact::before {
  background-color: #128c4b !important;
}
.studioderma-landing .vene-contact-alt-phone {
  background-color: var(--sd-teal) !important;
}
.studioderma-landing .vene-contact-alt-phone::before {
  background-color: var(--sd-teal-deep) !important;
}
.studioderma-landing .vene-floating-whatsapp {
  background: #25d366;
}

/* La imagen de fondo de contacto es clara: damos a la tarjeta del formulario
   un panel de cristal oscuro para que el texto blanco siga siendo legible */
.studioderma-landing .vene-contact-final .from-box {
  background-color: rgba(58, 46, 36, .76) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, .12) !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 1040px;
  padding-left: clamp(24px, 4vw, 58px);
  padding-right: clamp(24px, 4vw, 58px);
}
.studioderma-landing .vene-contact-final {
  background-position: center center !important;
}

/* Select de tratamiento dentro del formulario */
.studioderma-landing .sd-form-select {
  width: 100%;
  border: 1px solid rgba(191, 160, 126, .3);
  border-radius: 8px;
  padding: 14px 16px;
  background: #fff;
  color: #2c4a52;
  font-size: 15px;
}
.studioderma-landing .sd-form-select:focus {
  outline: none;
  border-color: var(--sd-teal);
}

/* Select "¿Qué te interesa?" (nice-select): el texto visible quedaba blanco
   sobre caja blanca -> lo forzamos a oscuro para que se lea */
.studioderma-landing .from-box .nice-select,
.studioderma-landing .from-box .nice-select .current {
  color: #2c4a52 !important;
}
.studioderma-landing .from-box .nice-select .list .option {
  color: #2c4a52 !important;
}

/* Enlace "Aviso de Privacidad" en color de marca (antes dorado de Vene) */
.studioderma-landing .rgpd-text .rgpd-link,
.studioderma-landing .rgpd-link {
  color: var(--sd-teal-light) !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.studioderma-landing .rgpd-link:hover {
  color: #ffffff !important;
}

/* Testimonios: pequeño respiro bajo el título para que no se amontone */
.studioderma-landing .vene-video-testimonial .vene-testimonial-copy .section-title {
  margin-bottom: 26px !important;
}

/* ---------------------------------------------------------------------
   FOOTER — degradado teal + datos legales
   --------------------------------------------------------------------- */
.studioderma-landing .vene-footer {
  background: var(--sd-cream) !important;
  border-top: 1px solid rgba(110, 84, 64, .12);
}
.studioderma-landing .vene-footer .footer-logo {
  background: transparent;
  border-radius: 0;
  padding: 0;
  display: inline-flex;
}
.studioderma-landing .vene-footer .footer-logo img {
  filter: none;
  height: 46px;
  width: auto;
}
.studioderma-landing .vene-footer-details p {
  color: rgba(255, 255, 255, .85);
}
.studioderma-landing .sd-legal {
  border-top: 1px solid rgba(0, 0, 0, .12);
  margin-top: 28px;
  padding-top: 22px;
  text-align: center;
  color: #000000;
  font-size: 13px;
  line-height: 1.7;
}
.studioderma-landing .sd-legal strong {
  color: #000000;
}

/* ---------------------------------------------------------------------
   Animaciones suaves extra
   --------------------------------------------------------------------- */
@keyframes sdFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
.studioderma-landing .vene-floating-whatsapp {
  animation: sdFloat 2.8s ease-in-out infinite;
}

.sd-reveal {
  opacity: 1;
  transform: none;
  transition: opacity .8s ease, transform .8s ease;
}
.sd-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Responsive doctora */
@media (max-width: 991px) {
  .sd-doctor .sd-doctor-photo {
    margin-bottom: 34px;
    max-width: 460px;
  }
}

/* =====================================================================
   AJUSTES v2  (tipografía Montserrat, header pill, hero card, doctora)
   ===================================================================== */

/* ---- Tipografía elegante: Playfair Display en títulos, Montserrat en cuerpo ---- */
.studioderma-landing h1,
.studioderma-landing h2,
.studioderma-landing h3,
.studioderma-landing h4,
.studioderma-landing h5,
.studioderma-landing h6,
.studioderma-landing .sec-title,
.studioderma-landing .vene-ba-case-caption h3,
.studioderma-landing .sd-doctor h2 {
  font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif !important;
  letter-spacing: 0 !important;
}
.studioderma-landing h1,
.studioderma-landing h2,
.studioderma-landing .sec-title {
  font-weight: 700 !important;
}
.studioderma-landing h3 { font-weight: 600 !important; }

/* Etiquetas, botones y acordeón en Montserrat (sans, legible) */
.studioderma-landing .sub-title,
.studioderma-landing .theme-btn,
.studioderma-landing .accordion-button,
.studioderma-landing .vene-hero-trust,
.studioderma-landing .sd-doctor-role {
  font-family: "Montserrat", Arial, sans-serif !important;
}
.studioderma-landing .sub-title {
  font-weight: 600 !important;
  letter-spacing: 2.6px !important;
  text-transform: uppercase;
}
.studioderma-landing .vene-hero .hero-content h1 {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
.studioderma-landing .theme-btn { font-weight: 600 !important; letter-spacing: .3px; }

/* Testimonios: Playfair en cursiva, muy elegante */
.studioderma-landing .vene-video-testimonial blockquote {
  font-family: "Playfair Display", Georgia, serif !important;
  font-weight: 500 !important;
  font-style: italic;
}

/* ---- HEADER: menú ----
   No sticky: fondo transparente con el background de Vene y borde sutil blanco.
   Sticky: pastilla de marca (se queda como está). */
.studioderma-landing .vene-header:not(.sticky):not(.header-sticky):not(.animated) .main-menu {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, .55) !important;
  border-radius: 999px !important;
  padding: 10px 42px !important;
}
.studioderma-landing .vene-header:not(.sticky):not(.header-sticky):not(.animated) .main-menu .bg-image {
  display: block !important;
  border-radius: 999px;
  overflow: hidden;
  opacity: .9;
}
.studioderma-landing .vene-header:not(.sticky):not(.header-sticky):not(.animated) .main-menu .bg-image img {
  border-radius: 999px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none !important;
}

/* ---- HEADER STICKY: barra blanca translúcida + menú de ancla SIN fondo ----
   La "pastilla" del menú se elimina (transparente); el respaldo legible lo
   aporta ahora la propia barra al hacer scroll. */
.studioderma-landing #header-sticky.sticky,
.studioderma-landing #header-sticky.header-sticky,
.studioderma-landing #header-sticky.animated {
  background: rgba(255, 255, 255, .94) !important;
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  backdrop-filter: saturate(140%) blur(14px);
  box-shadow: 0 6px 26px rgba(15, 52, 56, .10) !important;
}
.studioderma-landing #header-sticky.sticky .header-main,
.studioderma-landing #header-sticky.header-sticky .header-main,
.studioderma-landing #header-sticky.animated .header-main {
  background: transparent !important;
}

/* Menú de ancla en sticky: transparente, sin pastilla, sin borde ni sombra */
.studioderma-landing #header-sticky.sticky .main-menu,
.studioderma-landing #header-sticky.header-sticky .main-menu,
.studioderma-landing #header-sticky.animated .main-menu {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 6px 0 !important;
}
.studioderma-landing #header-sticky.sticky .main-menu .bg-image,
.studioderma-landing #header-sticky.header-sticky .main-menu .bg-image,
.studioderma-landing #header-sticky.animated .main-menu .bg-image {
  display: none !important;
}

/* Texto del menú: blanco sobre el hero; teal de marca al hacer sticky (barra blanca) */
.studioderma-landing #header-sticky .main-menu ul li a {
  color: #ffffff !important;
}
.studioderma-landing #header-sticky.sticky .main-menu ul li a,
.studioderma-landing #header-sticky.header-sticky .main-menu ul li a,
.studioderma-landing #header-sticky.animated .main-menu ul li a {
  color: var(--sd-teal-deep) !important;
}
.studioderma-landing #header-sticky.sticky .main-menu ul li a:hover,
.studioderma-landing #header-sticky.header-sticky .main-menu ul li a:hover,
.studioderma-landing #header-sticky.animated .main-menu ul li a:hover {
  color: var(--sd-magenta) !important;
}

/* Menú de ancla más trabajado: tipografía con presencia, separación,
   subrayado animado en degradado de marca e indicador de sección activa */
.studioderma-landing #header-sticky .main-menu ul li {
  margin: 0 7px;
}
.studioderma-landing #header-sticky .main-menu ul {
  align-items: center;
}
.studioderma-landing #header-sticky .main-menu ul li a {
  font-weight: 600;
  letter-spacing: .3px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-image: linear-gradient(90deg, var(--sd-teal), var(--sd-magenta));
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 0% 2px;
  transition: background-size .3s ease, color .3s ease;
}
.studioderma-landing #header-sticky .main-menu ul li a:hover,
.studioderma-landing #header-sticky .main-menu ul li a.active {
  background-size: 100% 2px;
}
.studioderma-landing #header-sticky.sticky .main-menu ul li a.active,
.studioderma-landing #header-sticky.header-sticky .main-menu ul li a.active,
.studioderma-landing #header-sticky.animated .main-menu ul li a.active {
  color: var(--sd-magenta) !important;
}

/* ---- Botón de contacto (número) en STICKY: pastilla de marca, bien proporcionada ---- */
.studioderma-landing .vene-header.sticky .header-right .call-item,
.studioderma-landing .vene-header.header-sticky .header-right .call-item,
.studioderma-landing .vene-header.animated .header-right .call-item {
  background: linear-gradient(135deg, var(--sd-teal), var(--sd-teal-deep)) !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(110, 84, 64, .26) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 7px 22px 7px 8px !important;
}
.studioderma-landing .vene-header.sticky .header-right .call-item .shape,
.studioderma-landing .vene-header.header-sticky .header-right .call-item .shape,
.studioderma-landing .vene-header.animated .header-right .call-item .shape {
  display: none !important;
}
.studioderma-landing .vene-header.sticky .header-right .call-item .icon,
.studioderma-landing .vene-header.header-sticky .header-right .call-item .icon,
.studioderma-landing .vene-header.animated .header-right .call-item .icon {
  width: 34px !important;
  height: 34px !important;
  line-height: 1 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  background: #ffffff !important;
  color: var(--sd-magenta) !important;
  flex: 0 0 auto !important;
}
.studioderma-landing .vene-header.sticky .header-right .call-item h6,
.studioderma-landing .vene-header.header-sticky .header-right .call-item h6,
.studioderma-landing .vene-header.animated .header-right .call-item h6 {
  margin: 0 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}
.studioderma-landing .vene-header.sticky .header-right .call-item h6 a,
.studioderma-landing .vene-header.header-sticky .header-right .call-item h6 a,
.studioderma-landing .vene-header.animated .header-right .call-item h6 a {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  white-space: nowrap !important;
}

/* ---- HERO: tarjeta flotante separada arriba y a los lados ---- */
.studioderma-landing .vene-hero {
  margin: 22px 22px 0;
  border-radius: 30px;
  overflow: hidden;
}
.studioderma-landing .vene-hero-image-bg { border-radius: 30px; }

/* Badges de confianza: pequeños y en una sola línea */
.studioderma-landing .vene-hero-trust {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 2px 0 24px;
  color: rgba(255, 255, 255, .92);
  font-size: clamp(10px, 1.15vw, 13.5px);
  font-weight: 500;
  letter-spacing: .2px;
  white-space: nowrap;
}
.studioderma-landing .vene-hero-trust span {
  display: inline;
  font-size: inherit;
  font-weight: 500;
  color: inherit;
  gap: 0;
}
.studioderma-landing .vene-hero-trust .sd-dot {
  color: var(--sd-teal-light);
  font-weight: 700;
}

/* Un solo botón en el hero */
.studioderma-landing .vene-hero-actions {
  justify-content: center;
}

/* ---- DOCTORA: sección mejorada ---- */
.sd-doctor {
  position: relative;
}
.sd-doctor::before {
  content: "";
  position: absolute;
  top: -60px;
  right: -60px;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(168, 108, 67, .10), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.sd-doctor .sd-doctor-photo {
  background: linear-gradient(150deg, var(--sd-teal-light) 0%, #ffffff 60%);
  aspect-ratio: 4 / 5;
  margin-left: auto;
  margin-right: auto;
  max-width: 420px;
  padding: 0;
}
.sd-doctor .sd-doctor-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 8px solid rgba(255, 255, 255, .55);
  border-radius: 24px;
  pointer-events: none;
}
.sd-doctor .sd-doctor-photo img {
  border-radius: 24px;
  object-position: center 24%;
}
.sd-doctor .sd-doctor-badge {
  left: 50%;
  transform: translateX(-50%);
  bottom: 18px;
  white-space: nowrap;
}
.sd-doctor .sd-credentials {
  background: #ffffff;
  border: 1px solid rgba(191, 160, 126, .16);
  border-radius: 18px;
  padding: 22px 24px;
  box-shadow: 0 16px 40px rgba(110, 84, 64, .08);
  margin: 24px 0 26px;
}
.sd-doctor .sd-credentials li {
  font-weight: 500;
}
.sd-doctor .sd-credentials li + li {
  border-top: 1px dashed rgba(191, 160, 126, .22);
  padding-top: 12px;
}
.sd-doctor .sd-doctor-role {
  background: rgba(168, 108, 67, .08);
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 14px;
}
.sd-doctor .sd-team-pillars {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 24px 0 28px;
}
.sd-doctor .sd-team-pillars span {
  align-items: center;
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(110, 84, 64, .12);
  border-radius: 14px;
  color: var(--sd-teal-deep);
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 700;
  gap: 8px;
  line-height: 1.35;
  min-height: 92px;
  padding: 16px 10px;
  text-align: center;
}
.sd-doctor .sd-team-pillars i {
  color: var(--sd-magenta);
  font-size: 21px;
}

@media (max-width: 575px) {
  .studioderma-landing .vene-video-testimonial {
    padding-bottom: 58px;
    padding-top: 58px;
  }
  .studioderma-landing .vene-hero {
    margin: 12px 12px 0;
    border-radius: 20px;
  }
  .studioderma-landing .vene-hero-image-bg { border-radius: 20px; }
}

/* En móviles muy estrechos la línea de confianza se ajusta para no cortarse */
@media (max-width: 479px) {
  .studioderma-landing .vene-hero-trust {
    white-space: normal;
    flex-wrap: wrap;
    row-gap: 2px;
    font-size: 11px;
  }
}

/* ---- Preloader: efecto del círculo y texto con colores de marca ---- */
.studioderma-landing #preloader .spinner {
  border-color: rgba(191, 160, 126, .18) !important;
  border-top-color: var(--sd-teal) !important;
}
.studioderma-landing #preloader p {
  color: var(--sd-teal-deep) !important;
  font-family: "Montserrat", Arial, sans-serif !important;
}

/* ---- Footer: texto legal claramente legible sobre el teal ---- */
.studioderma-landing .sd-legal {
  color: #000000;
}
.studioderma-landing .sd-legal strong {
  color: #000000;
}

/* ---- Estrellas de valoración del hero en ámbar ---- */
.studioderma-landing .vene-hero-stars i {
  color: #ffc107 !important;
}

/* ---- Tipografía de títulos: stack del sistema (indicación de marca) ---- */
body.studioderma-landing h1,
body.studioderma-landing h2,
body.studioderma-landing h3,
body.studioderma-landing h4,
body.studioderma-landing h5,
body.studioderma-landing h6,
body.studioderma-landing .sec-title,
body.studioderma-landing .section-title h2,
body.studioderma-landing .sub-title,
body.studioderma-landing .vene-ba-case-caption h3,
body.studioderma-landing .sd-doctor h2,
body.studioderma-landing .vene-benefit-card h3,
body.studioderma-landing .vene-step-card h3 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* ---- Hero en móvil: fondo con la foto de la doctora ---- */
@media (max-width: 767px) {
  .studioderma-landing .vene-hero .vene-hero-image-bg {
    display: none !important;
  }
  .studioderma-landing .vene-hero {
    background-image: url("../../SD - MC-9.jpg");
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
  }
  .studioderma-landing .vene-hero-overlay {
    background: linear-gradient(180deg, rgba(34, 25, 18, .42) 0%, rgba(34, 25, 18, .74) 100%) !important;
  }
}

/* =====================================================================
   Enfoque StudioDerma: método, criterio tecnológico y atención en equipo
   ===================================================================== */
.studioderma-landing .sd-section-intro {
  max-width: 760px;
  margin: 20px auto 0;
  color: var(--vene-muted);
  line-height: 1.75;
}
.studioderma-landing .sd-google-reviews-link {
  color: rgba(255, 255, 255, .94);
  text-decoration: none;
  transition: transform 160ms cubic-bezier(.23, 1, .32, 1), background-color 160ms ease;
}
.studioderma-landing .sd-google-reviews-link > i {
  color: #ffffff;
  font-size: 18px;
}
.studioderma-landing .sd-google-reviews-link:active {
  transform: scale(.97);
}
.studioderma-landing .sd-clinical-note {
  max-width: 820px;
  margin: 24px auto 0;
  color: var(--vene-muted);
  font-size: 12px;
  line-height: 1.65;
  text-align: center;
}
@media (hover: hover) and (pointer: fine) {
  .studioderma-landing .sd-google-reviews-link:hover {
    background: rgba(255, 255, 255, .2);
    color: #ffffff;
  }
}
.studioderma-landing .sd-method-heading {
  align-items: end;
  gap: 32px;
}
.studioderma-landing .sd-method-heading > p {
  max-width: 520px;
  color: var(--vene-muted);
  line-height: 1.75;
  margin: 0;
}
.studioderma-landing .sd-method .vene-step-card {
  height: 100%;
  min-height: 320px;
  padding: 28px 24px;
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(110, 84, 64, .1);
  border-radius: 22px;
  box-shadow: 0 18px 50px rgba(110, 84, 64, .06);
}
.studioderma-landing .sd-method .vene-step-card > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 28px;
  border-radius: 50%;
  background: rgba(168, 108, 67, .1);
  font-size: 15px;
  font-weight: 700;
}
.studioderma-landing .sd-method .vene-step-card h3 {
  font-size: 23px;
  line-height: 1.25;
  margin-bottom: 16px;
}
.studioderma-landing .sd-method .vene-step-card p {
  color: var(--vene-muted);
  line-height: 1.62;
  margin: 0;
}

.studioderma-landing .sd-method-flow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 40px;
  color: var(--sd-teal-deep);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.studioderma-landing .sd-method-flow i {
  color: var(--sd-magenta);
  font-style: normal;
}

.studioderma-landing .sd-technology {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.studioderma-landing .sd-technology::before {
  position: absolute;
  width: 460px;
  height: 460px;
  right: -180px;
  top: -220px;
  border-radius: 50%;
  background: rgba(236, 218, 198, .36);
  content: "";
}
.studioderma-landing .sd-technology-lead {
  margin-top: 22px;
  color: var(--vene-ink);
  font-size: 18px;
  line-height: 1.55;
}
.studioderma-landing .sd-technology p:not(.sd-technology-lead) {
  color: var(--vene-muted);
  line-height: 1.75;
}
.studioderma-landing .sd-technology-criteria {
  position: relative;
  margin-top: 22px;
  padding: 18px 22px;
  border: 1px solid rgba(110, 84, 64, .12);
  border-radius: 18px;
  background: var(--sd-cream);
}
.studioderma-landing .sd-technology-criteria > span {
  display: block;
  margin-bottom: 22px;
  color: var(--sd-magenta-deep);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.studioderma-landing .sd-technology-criteria ul {
  display: grid;
  gap: 0 22px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
.studioderma-landing .sd-technology-criteria li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 0;
  color: var(--vene-ink);
  font-weight: 600;
}
.studioderma-landing .sd-technology-criteria li + li {
  border-top: 0;
}
.studioderma-landing .sd-technology-criteria i {
  width: 24px;
  color: var(--sd-magenta);
  font-size: 19px;
  text-align: center;
}
.studioderma-landing .sd-technology-media {
  border-radius: 24px;
  box-shadow: 0 22px 58px rgba(110, 84, 64, .14);
  margin: 0;
  overflow: hidden;
  position: relative;
}
.studioderma-landing .sd-technology-media::after {
  background: linear-gradient(180deg, transparent 55%, rgba(58, 46, 36, .18));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.studioderma-landing .sd-technology-media img {
  aspect-ratio: 4 / 3;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.studioderma-landing .sd-team .text + .text {
  margin-top: 14px;
}
.studioderma-landing .sd-testimonial-intro {
  max-width: 540px;
  margin: 0 0 28px;
  color: rgba(255, 255, 255, .78);
  line-height: 1.75;
}
.studioderma-landing .sd-testimonials-heading {
  margin: 0 auto 36px;
  max-width: 760px;
  text-align: center !important;
}
.studioderma-landing .sd-testimonials-heading h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 680px;
}
.studioderma-landing .sd-testimonials-heading .sd-testimonial-intro {
  margin: 16px auto 0;
  max-width: 620px;
}
.studioderma-landing .sd-experiences-layout {
  align-items: center;
  display: grid;
  gap: 30px;
  grid-template-columns: 280px minmax(0, 1fr);
  margin: 0 auto;
  max-width: 900px;
}
.studioderma-landing .sd-experiences-layout .sd-testimonial-video-card {
  padding: 14px;
  width: 100%;
}
.studioderma-landing .sd-experiences-layout .sd-testimonial-video-frame {
  max-height: 420px;
}
.studioderma-landing .sd-patient-reviews {
  display: grid;
  gap: 12px;
}
.studioderma-landing .sd-patient-reviews-heading {
  margin-bottom: 4px;
}
.studioderma-landing .sd-patient-reviews-heading span {
  color: #d9c18f;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.studioderma-landing .sd-patient-reviews-heading h3 {
  color: #fff;
  font-size: 27px;
  margin: 5px 0 0;
}
.studioderma-landing .sd-google-logo {
  background: conic-gradient(from -45deg, #4285f4 0 25%, #34a853 0 43%, #fbbc05 0 68%, #ea4335 0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.studioderma-landing .sd-patient-reviews .sd-google-review {
  background: #fff;
  border-color: rgba(255, 255, 255, .18);
  box-shadow: 0 12px 30px rgba(24, 17, 12, .13);
  margin: 0;
  padding: 14px 18px;
}
.studioderma-landing .sd-review-meta {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 5px;
}
.studioderma-landing .sd-review-meta strong {
  color: var(--vene-ink);
  font-size: 13px;
  font-weight: 700;
}
.studioderma-landing .sd-review-meta span {
  color: #fbbc04;
  font-size: 12px;
  letter-spacing: .04em;
  white-space: nowrap;
}
.studioderma-landing .sd-patient-reviews .sd-google-review p {
  color: var(--vene-ink);
  font-size: 15px;
  margin-bottom: 6px;
}
.studioderma-landing .sd-patient-reviews .sd-google-review footer {
  align-items: center;
  color: #6b625c;
  display: flex;
  gap: 7px;
}
.studioderma-landing .sd-patient-reviews .sd-google-reviews-link {
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  margin: 8px 0 0;
  text-decoration-color: rgba(255, 255, 255, .5);
}
.studioderma-landing .sd-testimonials-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 900px;
}
.studioderma-landing .sd-testimonial-video-card {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 24px;
  padding: 18px;
}
.studioderma-landing .sd-testimonial-number {
  color: #d9c18f;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.studioderma-landing .sd-testimonial-video-frame {
  aspect-ratio: 9 / 16;
  background: #091915;
  border-radius: 16px;
  max-height: 590px;
  overflow: hidden;
}
.studioderma-landing .sd-testimonial-video-frame video {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.studioderma-landing .sd-testimonial-disclaimer {
  color: rgba(255, 255, 255, .68);
  font-size: 12px;
  line-height: 1.6;
  margin: 24px auto 0;
  max-width: 820px;
  text-align: center;
}
.studioderma-landing .sd-google-reviews-heading {
  margin: 46px auto 24px;
  text-align: center;
}
.studioderma-landing .sd-google-reviews-heading span {
  color: #d9c18f;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.studioderma-landing .sd-google-reviews-heading h3 {
  color: #fff;
  margin: 0;
}
.studioderma-landing .sd-google-reviews-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 900px;
}
.studioderma-landing .sd-google-review {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  margin: 0;
  padding: 25px 26px;
}
.studioderma-landing .sd-testimonials-grid-single {
  grid-template-columns: minmax(0, 420px);
  justify-content: center;
  justify-items: center;
}
.studioderma-landing .sd-testimonials-grid-single .sd-testimonial-video-card {
  margin-left: auto;
  margin-right: auto;
  max-width: 420px;
  width: 100%;
}
.studioderma-landing .sd-google-stars {
  color: #e5bd63;
  font-size: 17px;
  letter-spacing: .08em;
  margin-bottom: 13px;
}
.studioderma-landing .sd-google-review p {
  color: #fff;
  font-size: 17px;
  line-height: 1.6;
  margin: 0 0 15px;
}
.studioderma-landing .sd-google-review footer {
  color: rgba(255, 255, 255, .62);
  font-size: 12px;
}
.studioderma-landing .sd-google-reviews-link {
  color: #d9c18f;
  display: table;
  font-weight: 700;
  margin: 22px auto 0;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.studioderma-landing .sd-google-reviews-link:hover {
  color: #fff;
}
.studioderma-landing .sd-testimonials-cta {
  margin-top: 30px;
  text-align: center;
}
.studioderma-landing .theme-btn {
  transition: transform 160ms cubic-bezier(.23, 1, .32, 1);
}
.studioderma-landing .theme-btn:active {
  transform: scale(.97);
}

.studioderma-landing .sd-results-demo {
  background: #f8f5f0;
  padding-bottom: 72px;
  padding-top: 72px;
}
.studioderma-landing .sd-real-results-slider {
  margin: 0 auto;
  max-width: 840px;
  overflow: hidden;
  padding: 8px 8px 2px;
}
.studioderma-landing .sd-real-result-card {
  background: #fff;
  border: 1px solid rgba(31, 49, 45, .08);
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(31, 49, 45, .08);
  height: auto;
  overflow: hidden;
  width: 216px;
}
.studioderma-landing .sd-real-result-photo {
  background: #e9e3dc;
  height: 191px;
  overflow: hidden;
  position: relative;
}
.studioderma-landing .sd-real-result-photo img {
  display: block;
  height: 100%;
  image-rendering: auto;
  object-fit: cover;
  width: 100%;
}
.studioderma-landing .sd-result-stage {
  background: rgba(27, 47, 43, .78);
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  bottom: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
  padding: 6px 10px;
  position: absolute;
  right: 10px;
  text-transform: uppercase;
}
.studioderma-landing .sd-real-result-copy {
  min-height: 98px;
  padding: 16px 17px 18px;
}
.studioderma-landing .sd-real-result-copy span {
  color: var(--sd-magenta);
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.studioderma-landing .sd-real-result-copy h3 {
  font-size: 18px;
  line-height: 1.25;
  margin: 0;
}
.studioderma-landing .sd-results-controls {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: center;
  margin-top: 20px;
}
.studioderma-landing .sd-results-arrow {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(31, 49, 45, .22);
  border-radius: 50%;
  color: var(--sd-teal-deep);
  display: inline-flex;
  height: 36px;
  justify-content: center;
  transition: background-color .2s ease, color .2s ease, opacity .2s ease;
  width: 36px;
}
.studioderma-landing .sd-results-arrow:hover {
  background: var(--sd-teal-deep);
  color: #fff;
}
.studioderma-landing .sd-results-arrow.swiper-button-disabled {
  opacity: .32;
}
.studioderma-landing .sd-results-pagination {
  display: flex;
  justify-content: center;
  position: static;
  width: auto;
}
.studioderma-landing .sd-results-pagination .swiper-pagination-bullet {
  background: var(--sd-teal-deep);
  height: 6px;
  opacity: .22;
  transition: opacity .2s ease, width .2s ease;
  width: 6px;
}
.studioderma-landing .sd-results-pagination .swiper-pagination-bullet-active {
  border-radius: 999px;
  opacity: .82;
  width: 18px;
}
.studioderma-landing .sd-results-note {
  color: #6b625c;
  font-size: 12px;
  line-height: 1.6;
  margin: 22px auto 0;
  max-width: 760px;
  text-align: center;
}
.studioderma-landing .sd-demo-warning {
  align-items: center;
  background: #fff1d6;
  border: 2px solid #b96d00;
  border-radius: 12px;
  color: #653b00;
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-bottom: 34px;
  padding: 14px 20px;
  text-align: center;
}
.studioderma-landing .sd-results-demo-heading {
  align-items: end;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  margin-bottom: 34px;
}
.studioderma-landing .sd-results-demo-heading > p {
  max-width: 520px;
}
.studioderma-landing .sd-demo-result-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 18px 48px rgba(31, 49, 45, .10);
  height: 100%;
  overflow: hidden;
}
.studioderma-landing .sd-demo-result-image {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
}
.studioderma-landing .sd-demo-result-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.studioderma-landing .sd-demo-label,
.studioderma-landing .sd-demo-watermark {
  background: rgba(21, 37, 34, .82);
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  padding: 8px 12px;
  position: absolute;
  text-transform: uppercase;
  top: 14px;
}
.studioderma-landing .sd-demo-label-before { left: 14px; }
.studioderma-landing .sd-demo-label-after { right: 14px; }
.studioderma-landing .sd-demo-watermark {
  background: #a65e00;
  bottom: 14px;
  left: 50%;
  top: auto;
  transform: translateX(-50%);
  white-space: nowrap;
}
.studioderma-landing .sd-demo-result-copy {
  padding: 24px 26px 28px;
}
.studioderma-landing .sd-demo-result-copy h3 {
  margin-bottom: 8px;
}
.studioderma-landing .sd-demo-result-copy p {
  margin: 0;
}

@media (max-width: 1199px) {
  .studioderma-landing .sd-method .vene-step-card {
    min-height: 330px;
  }
}
@media (max-width: 991px) {
  .studioderma-landing .sd-results-demo-heading {
    align-items: start;
    flex-direction: column;
  }
  .studioderma-landing .sd-method-heading {
    align-items: start;
    flex-direction: column;
  }
  .studioderma-landing .sd-method .vene-step-card {
    min-height: 0;
  }
  .studioderma-landing .sd-experiences-layout {
    grid-template-columns: 240px minmax(0, 1fr);
  }
  .studioderma-landing .sd-stories-stage {
    grid-template-columns: 1fr;
    max-width: 720px;
  }
  .studioderma-landing .sd-story-video {
    align-items: center;
    display: flex;
  }
  .studioderma-landing .sd-story-video .sd-testimonial-video-frame {
    width: 250px;
  }
}
@media (max-width: 575px) {
  .studioderma-landing .sd-google-reviews-grid {
    grid-template-columns: 1fr;
  }
  .studioderma-landing .sd-testimonials-grid {
    grid-template-columns: 1fr;
  }
  .studioderma-landing .sd-testimonial-video-card {
    padding: 14px;
  }
  .studioderma-landing .sd-experiences-layout {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .studioderma-landing .sd-stories-heading {
    margin-bottom: 24px;
  }
  .studioderma-landing .sd-stories-stage {
    border-radius: 22px;
    gap: 18px;
    padding: 14px;
  }
  .studioderma-landing .sd-story-video {
    display: flex;
    gap: 16px;
    padding: 20px 16px;
  }
  .studioderma-landing .sd-story-video .sd-testimonial-video-frame {
    max-width: 228px;
    width: 100%;
  }
  .studioderma-landing .sd-story-video-copy h3 {
    font-size: 20px;
  }
  .studioderma-landing .sd-story-video-copy p {
    font-size: 13px;
  }
  .studioderma-landing .sd-reviews-showcase {
    padding: 4px 0 0;
  }
  .studioderma-landing .sd-reviews-summary {
    gap: 9px;
    grid-template-columns: auto auto;
  }
  .studioderma-landing .sd-reviews-summary p {
    grid-column: 1 / -1;
    text-align: left;
  }
  .studioderma-landing .sd-review-slide {
    min-height: 210px;
    padding: 20px;
  }
  .studioderma-landing .sd-review-slide > p {
    font-size: 18px;
  }
  .studioderma-landing .sd-experiences-layout .sd-testimonial-video-card {
    margin: 0 auto;
    max-width: 225px;
  }
  .studioderma-landing .sd-experiences-layout .sd-testimonial-video-frame {
    max-height: 345px;
  }
  .studioderma-landing .sd-technology-criteria ul {
    grid-template-columns: 1fr;
  }
  .studioderma-landing .vene-contact-final {
    background-position: 68% center !important;
  }
  .studioderma-landing .sd-method-flow {
    align-items: flex-start;
    flex-direction: column;
  }
  .studioderma-landing .sd-method-flow i {
    transform: rotate(90deg);
  }
  .studioderma-landing .sd-technology-criteria {
    padding: 26px 22px;
  }
  .sd-doctor .sd-team-pillars {
    grid-template-columns: 1fr;
  }
  .sd-doctor .sd-team-pillars span {
    flex-direction: row;
    justify-content: flex-start;
    min-height: 0;
    padding: 13px 16px;
    text-align: left;
  }
}