/* =========================================================================
   Productos Destacados — CSS de front.
   Portado 1:1 desde banner_31.html con TODAS las clases renombradas a pdest-.
   Scopeado bajo .pdest-root para no pisar el tema. Header = imagen destacada.
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

.pdest-root{
  --white:#ffffff;
  --shark-100:#e7e7e7;
  --shark-200:#d1d1d1;
  --lime-300:#e3f853;
  --fuchsia-900:#64256a;
  font-family:'Inter',sans-serif;
  color:#222;
}
.pdest-root *{ box-sizing:border-box; }

/* Full-bleed: las secciones ancho completo rompen el contenedor del tema.
   Se usa SOLO margen negativo (sin position/left) para no pisar el position:sticky de la infobar. */
.pdest-banner,
.pdest-infobar,
.pdest-minfo,
.pdest-page{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
/* OJO: no poner overflow-x:hidden en .pdest-root ni en html/body:
   recortaría el full-bleed y puede romper el position:sticky de la infobar. */

/* ===== BANNER ===== */
.pdest-banner{
  position:relative;                 /* contexto de posicionamiento para el bg/overlay */
  min-height:511px;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:linear-gradient(180deg,#2c0e4a 0%,#7f2588 100%);
  box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25);
}
/* Imagen destacada de fondo */
.pdest-banner__bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  z-index:0;
}
/* Overlay morado para legibilidad del texto sobre la imagen */
.pdest-banner__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(44,14,74,.82) 0%,rgba(127,37,136,.72) 100%);
  z-index:1;
}
.pdest-banner__inner{
  position:relative;
  width:1200px;
  max-width:calc(100% - 40px);
  margin:0 auto;
  z-index:2;
  padding:40px 0;                    /* aire vertical: >30px arriba y abajo (Punto 8) */
  display:flex;
  flex-direction:column;
}

/* Breadcrumbs — render propio del plugin (home SVG + migas de WC en el MISMO flujo).
   Blanco, todo en línea y alineado verticalmente, UN separador entre items. */
.pdest-breadcrumbs{
  position:static;
  display:flex; align-items:center; flex-wrap:wrap; gap:6px; height:auto; z-index:3;
  color:#fff; font-size:13px; line-height:1.4; margin-bottom:24px;
}
.pdest-breadcrumbs__crumb{ color:#fff !important; text-decoration:none; }
a.pdest-breadcrumbs__crumb:hover{ text-decoration:underline; }
/* Ícono de home (casa): un item más de la fila, centrado con el texto. */
.pdest-breadcrumbs__home{ display:inline-flex; align-items:center; color:#fff !important; }
.pdest-breadcrumbs__home svg{ width:15px; height:15px; display:block; fill:currentColor; }
/* Separador propio (un solo › entre cada par de items). */
.pdest-breadcrumbs__sep{ color:#fff; opacity:.85; user-select:none; }

/* Contenido (en flujo, no absoluto → el banner crece con el contenido y no choca con la infobar) */
.pdest-content{
  position:static; width:687px; max-width:100%;
  display:flex; flex-direction:column; z-index:3;
}
.pdest-content__inner{ display:flex;flex-direction:column;gap:40px;align-items:flex-start; }

.pdest-chips{ display:flex;gap:8px;align-items:center;height:28.693px; }
.pdest-chip{ border:1px solid var(--white);border-radius:100px;opacity:.9;padding:4px;display:flex;align-items:center;justify-content:center; }
.pdest-chip--formato{ background:var(--lime-300);height:24px; }
.pdest-chip--nuevo{ background:#f1fbae;gap:4px; }
.pdest-chip__icon{ width:16px;height:16px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center; }
.pdest-chip__icon img{width:12px;height:12px;display:block;}
.pdest-chip__text{ font-weight:700;font-size:12px;line-height:12px;letter-spacing:1px;text-transform:uppercase;color:#454545;text-align:center; }
.pdest-chip--formato .pdest-chip__text{font-weight:700;}
.pdest-chip--nuevo .pdest-chip__text{font-weight:600;}

.pdest-titleblock{ display:flex;flex-direction:column;gap:16px;align-items:flex-start; }
.pdest-titleblock__group{ display:flex;flex-direction:column;gap:16px;align-items:flex-start; }

.pdest-cert{ display:flex;flex-direction:column;gap:2px;align-items:flex-start; }
.pdest-cert__label{ font-size:13px;line-height:16px;letter-spacing:0.26px;color:var(--shark-100);font-weight:400; }
/* Caja que abraza al logo → queda pegado a la izquierda, justo bajo el label */
.pdest-cert__logo{ display:inline-flex; align-items:center; height:48px; }
.pdest-cert__logo img{ height:48px;width:auto;max-width:220px;object-fit:contain;object-position:left center;display:block; }

.pdest-headings{ width:687px;max-width:100%;display:flex;flex-direction:column;gap:4px;align-items:flex-start; }
.pdest-headings__sub{ font-weight:600;font-size:14px;line-height:18px;letter-spacing:0.28px;color:var(--shark-100);width:100%; }
.pdest-headings__title{ font-family:'Visby CF','Inter',sans-serif;font-weight:700;font-size:48px;line-height:56px;letter-spacing:-0.48px;color:var(--lime-300);width:100%; }

.pdest-includes{ display:flex;align-items:center;color:var(--white); }
.pdest-includes__title{ font-weight:600;font-size:14px;line-height:18px;letter-spacing:0.28px; }
.pdest-includes ul{ list-style:disc;padding-left:22px;margin:0; }
.pdest-includes li{ font-weight:400;font-size:14px;line-height:18px;letter-spacing:0.28px; }

.pdest-tags{ display:flex;gap:24px;align-items:flex-start;height:auto;flex-wrap:wrap; }
.pdest-tag{ display:flex;align-items:center;justify-content:center;padding:0 2px;border-radius:2px;background:var(--shark-100); }
.pdest-tag span{ font-family:'Visby CF','Inter',sans-serif;font-weight:600;font-size:24px;line-height:32px;letter-spacing:-0.24px;color:var(--fuchsia-900);white-space:nowrap; }

/* ===== INFOBAR ===== */
.pdest-infobar{
  background:#f8f2fd;
  border:0;
  border-bottom:1px solid #471c70;   /* solo border morado abajo */
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:16px 120px;
  position:sticky;
  top:0;
  z-index:100;
}
.pdest-infobar__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:1200px;
  max-width:100%;
  gap:24px;
}
.pdest-infobar__cards{ display:flex;gap:16px;align-items:center;flex-wrap:wrap; }
.pdest-infocard{
  background:#fff;
  border:1px solid #dcc5f2;
  border-radius:4px;
  padding:8px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.pdest-infocard__inner{ display:flex;flex-direction:column;align-items:center;gap:4px; }
.pdest-infocard__icon{ width:16px;height:16px;display:flex;align-items:center;justify-content:center;overflow:hidden; }
.pdest-infocard__icon img{ display:block;width:16px;height:16px;object-fit:contain; }
.pdest-infocard__title{ font-weight:600;font-size:14px;line-height:18px;letter-spacing:0.28px;color:#471c70;text-align:center;white-space:nowrap; }
.pdest-infocard__value{ font-weight:400;font-size:14px;line-height:18px;letter-spacing:0.28px;color:#471c70;text-align:center;white-space:nowrap; }

.pdest-infobar__cta{
  background:rgba(250,250,250,.1);
  border-radius:8px;
  display:flex;align-items:center;
  width:586px;max-width:100%;
}
.pdest-infobar__cta-row{ display:flex;flex:1 0 0;gap:32px;align-items:center;justify-content:center;min-width:0; }
.pdest-cta-left{ display:flex;flex:1 0 0;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-width:0; }
.pdest-btn-inscribir{
  background:#e3f853;border:1.5px solid #d1d1d1;border-radius:10px;
  height:52px;width:100%;display:flex;gap:8px;align-items:center;justify-content:center;
  padding:12px 24px;cursor:pointer;text-decoration:none;
}
.pdest-btn-inscribir__icon{ width:28px;height:28px;display:flex;align-items:center;justify-content:center;overflow:hidden; }
.pdest-btn-inscribir__icon img{display:block;width:24px;height:24px;object-fit:contain;}
.pdest-btn-inscribir__text{ font-weight:700;font-size:16px;line-height:24px;letter-spacing:0.08px;text-transform:uppercase;color:#222;white-space:nowrap; }
.pdest-cta-note{ display:flex;align-items:center;justify-content:center;height:16px;width:100%; }
.pdest-cta-note p{ flex:1 0 0;min-width:0;font-weight:400;font-size:13px;line-height:16px;letter-spacing:0.26px;color:#676767;text-align:center;margin:0; }
.pdest-cta-price{ display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center; }
.pdest-cta-price__regular{ font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:20px;color:#8a8a8a;text-decoration:line-through;text-align:center;white-space:nowrap; }
.pdest-cta-price__amount{ font-family:'Visby CF','Inter',sans-serif;font-weight:600;font-size:24px;line-height:32px;letter-spacing:-0.24px;color:#222;text-align:center;white-space:nowrap; }
.pdest-cta-price__cuotas{ display:flex;gap:8px;align-items:center;justify-content:center; }
.pdest-cta-price__cuotas span{ font-weight:400;font-size:13px;line-height:16px;letter-spacing:0.26px;color:#222;white-space:nowrap; }
.pdest-cta-price__mp{ height:32px; }
.pdest-cta-price__mp img{ height:32px;width:auto;object-fit:contain;display:block; }
/* El precio ahora sale de wc_price()/WooCommerce (para que WCML convierta la moneda por país).
   Los <span>/<bdi> nativos de WC deben HEREDAR el tipo y color del diseño del header, no los del tema.
   El tachado del regular lo dibuja el contenedor .pdest-cta-price__regular (line-through) sobre estos hijos. */
.pdest-cta-price__regular .woocommerce-Price-amount,
.pdest-cta-price__regular bdi,
.pdest-cta-price__amount .woocommerce-Price-amount,
.pdest-cta-price__amount bdi,
.pdest-minfo__price-regular .woocommerce-Price-amount,
.pdest-minfo__price-regular bdi,
.pdest-minfo__price-amount .woocommerce-Price-amount,
.pdest-minfo__price-amount bdi{ font:inherit;color:inherit;background:none;letter-spacing:inherit; }
.pdest-cta-price__amount .woocommerce-Price-suffix,
.pdest-minfo__price-amount .woocommerce-Price-suffix{ color:inherit;font-weight:inherit; }

/* ===== CONTENEDOR DE PÁGINA ===== */
.pdest-page{
  background:#f6f6f6;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:80px;
}
.pdest-page__inner{
  width:1200px;
  max-width:calc(100% - 40px);
  display:flex;
  flex-direction:column;
}

/* ===== Sección: Qué dominarás + CTA malla ===== */
.pdest-dominaras-row{ display:flex;align-items:center;justify-content:space-between;gap:0;width:100%;padding:0; }
.pdest-dominaras-card{
  background:#e7e7e7;border:1px solid #9558d8;border-radius:24px;padding:40px;
  display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:789px;max-width:100%;box-sizing:border-box;
}
.pdest-dominaras-card__head{ display:flex;gap:8px;align-items:center;width:100%; }
.pdest-dominaras-card__icon{ width:48px;height:48px;position:relative;overflow:hidden;flex-shrink:0; }
.pdest-dominaras-card__icon img{ width:48px;height:48px;object-fit:contain;display:block; }
.pdest-dominaras-card__title{ flex:1 0 0;min-width:0;font-family:'Visby CF','Inter',sans-serif;font-weight:600;font-size:32px;line-height:40px;letter-spacing:-0.32px;color:#222; }
.pdest-dominaras-card__text{ font-weight:600;font-size:18px;line-height:24px;color:#000;width:100%;margin:0; }
.pdest-dominaras-cta{ font-family:'Inter',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.5px;color:#7b2ff7;text-transform:uppercase;text-align:center;cursor:pointer;white-space:nowrap;text-decoration:none; }

/* ===== TIMELINE ===== */
.pdest-timeline{ position:relative;width:100%;padding-left:104px;margin-top:120px;box-sizing:border-box; }
.pdest-tl-step{ position:relative;width:100%; }
.pdest-tl-rail{ position:absolute;left:-104px;top:0;width:72px;height:100%; }
.pdest-tl-rail__line{ position:absolute;left:50%;transform:translateX(-50%);top:36px;bottom:-120px;width:3px;background:var(--line-col,#e0c9f5);z-index:1; }
.pdest-tl-step:last-child .pdest-tl-rail__line{ bottom:-120px; }
.pdest-tl-dot{ position:absolute;left:50%;transform:translateX(-50%);top:0;width:72px;height:72px;border-radius:50%;box-sizing:border-box;background:var(--dot-bg,#e9d5f5);border:2px solid var(--dot-bd,#c9a0f0);z-index:2; }

.pdest-tl-content{ display:flex;flex-direction:column;gap:80px;align-items:flex-start;padding-bottom:120px; }
.pdest-tl-step:last-child .pdest-tl-content{ padding-bottom:0; }
.pdest-tl-top{ display:flex;flex-direction:column;gap:40px;align-items:flex-start;width:100%; }
.pdest-tl-head{ display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:100%; }
.pdest-tl-titlegrp{ display:flex;flex-direction:column;gap:24px;width:100%; }
.pdest-tl-titles{ display:flex;flex-direction:column;gap:8px;color:#222;width:100%; }
.pdest-tl-paso{ font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:24px;display:flex;align-items:center; }
.pdest-tl-title{ font-family:'Visby CF','Inter',sans-serif;font-weight:600;font-size:32px;line-height:40px;letter-spacing:-0.32px;display:flex;align-items:center; }
.pdest-tl-sub{ font-family:'Inter',sans-serif;font-weight:500;font-size:14px;line-height:22px;letter-spacing:0.28px;color:#676767;display:flex;align-items:center; }
.pdest-tl-desc{ background:#fff;border:1px solid #7932c5;border-radius:12px;padding:24px;width:100%;box-sizing:border-box;font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:20px;letter-spacing:0.32px;color:#4f4f4f; }

.pdest-tl-contenidos{ display:flex;flex-direction:column;gap:40px;align-items:flex-start;width:100%; }
.pdest-tl-contenidos__head{ display:flex;gap:8px;align-items:center;width:100%; }
.pdest-tl-contenidos__icon{ width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden; }
.pdest-tl-contenidos__icon svg,.pdest-tl-contenidos__icon img{ width:32px;height:32px;display:block; }
.pdest-tl-contenidos__title{ font-family:'Visby CF','Inter',sans-serif;font-weight:600;font-size:24px;line-height:32px;letter-spacing:-0.24px;color:#222;white-space:nowrap; }
.pdest-tl-modulos{ display:flex;flex-direction:column;gap:32px;width:100%; }

/* ---- Caso DIPLOMADO: Módulo N + sus Unidades (portado de Contenidos shortcode.php) ---- */
.pdest-tl-module{ display:flex;flex-direction:column;gap:12px;width:100%; }
.pdest-tl-module__title{ font-family:'Inter',sans-serif;font-weight:600;font-size:18px;line-height:24px;color:#676767;margin:0; }
.pdest-tl-units{ display:flex;flex-direction:column;gap:10px;width:100%; }
.pdest-tl-unit{ width:100%; }
.pdest-tl-unit__name{ font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:22px;color:#676767;margin:0;overflow-wrap:anywhere; }
.pdest-tl-unit__name strong{ font-weight:700;color:#676767; }
/* Lista visible del caso inline (<=3 <li>): 1º va en la línea del nombre, el resto acá. */
.pdest-tl-unit__list{ margin:6px 0 0 0;padding-left:1.25em;list-style-position:outside;font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:22px;color:#676767; }
.pdest-tl-unit__list li{ margin:0 0 4px 0;color:#676767;overflow-wrap:anywhere; }
.pdest-tl-unit__list li:last-child{ margin-bottom:0; }

/* ---- Caso CURSO: Unidad N + su contenido HTML ---- */
.pdest-tl-unitcard{ display:flex;flex-direction:column;gap:6px;width:100%; }
.pdest-tl-unitcard__title{ font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:22px;color:#676767;margin:0;overflow-wrap:anywhere; }
.pdest-tl-unitcard__title strong{ font-weight:700;color:#676767; }
.pdest-tl-unitcard__body{ font-family:'Inter',sans-serif;font-weight:400;font-size:15px;line-height:22px;color:#676767;overflow-wrap:anywhere; }
.pdest-tl-unitcard__body ul,.pdest-tl-unitcard__body ol{ margin:0 0 8px 0;padding-left:1.25em;list-style-position:outside;border:0 !important;background:none !important; }
/* El "Contenido Unidad" del curso trae <li> SUELTOS (sin <ul>) mezclados con <strong>Tema N:</strong>.
   Se normalizan para que queden como los del diplomado: misma sangría (1.25em), viñeta gris FUERA,
   y SIN la barra/borde negro del tema. La sangría va en el <li> (margin-left) → los <strong> quedan
   a la izquierda. El selector compuesto (acc-panel.unitcard__body) le gana en especificidad a la
   regla genérica .pdest-acc-panel li para que el acordeón del curso también sangre bien. */
.pdest-tl-unitcard__body li,
.pdest-tl-contenidos .pdest-acc-panel.pdest-tl-unitcard__body li{
  display:list-item;
  list-style:disc outside;
  margin:0 0 4px 1.25em;
  padding-left:0;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  color:#676767 !important;
  overflow-wrap:anywhere;
}
.pdest-tl-unitcard__body li::before,
.pdest-tl-contenidos .pdest-acc-panel.pdest-tl-unitcard__body li::before{ content:none !important;border:0 !important;background:none !important; }
.pdest-tl-unitcard__body li::marker,
.pdest-tl-contenidos .pdest-acc-panel.pdest-tl-unitcard__body li::marker{ color:#676767; }
/* Si el contenido SÍ viniera envuelto en <ul>/<ol>, la sangría la da la lista: el <li> no la duplica. */
.pdest-tl-unitcard__body ul > li,.pdest-tl-unitcard__body ol > li,
.pdest-tl-contenidos .pdest-acc-panel.pdest-tl-unitcard__body ul > li,
.pdest-tl-contenidos .pdest-acc-panel.pdest-tl-unitcard__body ol > li{ margin-left:0; }
.pdest-tl-unitcard__body :last-child{ margin-bottom:0; }

/* ---- Acordeón (Unidad con varios <li>: 1º visible + resto colapsable) ---- */
/* El <button> se resetea: el tema suele estilizar globalmente los botones (uppercase/nowrap/overflow). */
/* Punto 1: inline-flex + label que NO crece -> el chevron queda pegado al final del texto,
   no al extremo derecho de la fila. */
.pdest-tl-contenidos .pdest-acc-toggle{
  display:inline-flex;max-width:100%;align-items:flex-start;gap:8px;text-align:left;
  background:none !important;border:0 !important;padding:0;margin:0;cursor:pointer;
  font-family:'Inter',sans-serif;color:#676767 !important;
  -webkit-appearance:none;appearance:none;border-radius:0;box-shadow:none !important;
  text-transform:none;letter-spacing:normal;white-space:normal;overflow:visible;
  text-overflow:clip;min-width:0;line-height:22px;
}
/* Punto 2: anular el hover/focus/active del tema (fondo/color) sobre el <button> del acordeón. */
.pdest-tl-contenidos .pdest-acc-toggle:hover,
.pdest-tl-contenidos .pdest-acc-toggle:focus,
.pdest-tl-contenidos .pdest-acc-toggle:active{
  background:none !important;background-color:transparent !important;
  color:#676767 !important;box-shadow:none !important;border:0 !important;
  outline:none;opacity:1 !important;filter:none !important;text-decoration:none !important;
}
.pdest-tl-contenidos .pdest-acc-toggle:hover .pdest-acc-label,
.pdest-tl-contenidos .pdest-acc-toggle:hover .pdest-acc-label strong,
.pdest-tl-contenidos .pdest-acc-toggle:focus .pdest-acc-label,
.pdest-tl-contenidos .pdest-acc-toggle:focus .pdest-acc-label strong{ color:#676767 !important; }
.pdest-tl-contenidos .pdest-acc-toggle:hover .pdest-acc-arrow,
.pdest-tl-contenidos .pdest-acc-toggle:focus .pdest-acc-arrow{ border-color:#676767 !important; }
.pdest-tl-contenidos .pdest-acc-label{
  flex:0 1 auto;min-width:0;font-weight:400;font-size:16px;line-height:22px;
  color:#676767 !important;text-transform:none;white-space:normal;overflow-wrap:anywhere;
}
.pdest-tl-contenidos .pdest-acc-label strong{ font-weight:700;color:#676767 !important; }
.pdest-acc-arrow{
  flex:0 0 auto;margin-top:6px;width:8px;height:8px;
  border-right:2px solid #676767;border-bottom:2px solid #676767;
  transform:rotate(45deg);transition:transform .2s ease;
}
.pdest-tl-contenidos .pdest-acc-toggle[aria-expanded="true"] .pdest-acc-arrow{ transform:rotate(-135deg); }
.pdest-tl-contenidos .pdest-acc-panel{ margin:6px 0 0 0;color:#676767 !important; }
.pdest-acc-panel[hidden]{ display:none; }
.pdest-tl-contenidos .pdest-acc-panel ul{ margin:0;padding-left:1.25em;list-style-position:outside; }
.pdest-tl-contenidos .pdest-acc-panel li{ margin:0 0 4px 0;color:#676767 !important; }
.pdest-tl-contenidos .pdest-acc-panel li:last-child{ margin-bottom:0; }

.pdest-tl-cert--v3{ gap:32px; }
.pdest-tl-cert--v3 .pdest-tl-cert__box{ color:#471c70; }
.pdest-tl-cert--v3 .pdest-tl-cert__box b{ color:#471c70; }

.pdest-tl-cert{ position:relative;display:flex;align-items:center;gap:40px; }
.pdest-tl-cert__x{ position:absolute;left:-91.5px;top:50%;transform:translateY(-50%);width:47px;height:47px;border-radius:50%;background:#fff;border:2px solid var(--x-bd,#c9a0f0);display:flex;align-items:center;justify-content:center;z-index:3; }
.pdest-tl-cert__x img{ width:20px;height:20px;object-fit:contain;display:block; }
.pdest-tl-cert__box{ background:#f8f2fd;border:2px solid #bc92e7;border-radius:12px;padding:24px;width:683px;max-width:100%;box-sizing:border-box;text-align:center;font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:20px;letter-spacing:0.32px;color:#454545; }
.pdest-tl-cert__box b{ font-weight:700;color:#454545; }
.pdest-tl-cert__by{ display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:16px;line-height:20px;letter-spacing:0.32px;color:#454545;white-space:nowrap; }
.pdest-tl-cert__logo{ max-width:160px;height:40px; }
.pdest-tl-cert__logo img{ max-width:160px;height:40px;object-fit:contain;display:block; }

/* ===== CERTIFICADO FINAL ===== */
.pdest-tl-final{ position:relative;display:flex;align-items:center;gap:35px;margin-top:120px;padding-bottom:100px; }
.pdest-tl-final__line{ position:absolute;left:-68px;top:-120px;height:calc(56px + 120px);width:3px;background:#7b2a9e;transform:translateX(-50%);z-index:1; }
.pdest-tl-final__x{ position:absolute;left:-107px;top:56px;transform:translateY(-50%);width:78px;height:78px;z-index:3;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,#410d45 0%,#a120ab 100%); }
.pdest-tl-final__x img{ width:34px;height:34px;object-fit:contain;display:block; }
.pdest-tl-final__box{ width:683px;max-width:100%;height:112px;border-radius:12px;background:linear-gradient(0deg,#410d45 1.786%,#a120ab 94.643%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;color:#fff;text-align:center; }
.pdest-tl-final__box .pdest-t1{ font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:24px; }
.pdest-tl-final__box .pdest-t2{ font-family:'Visby CF','Inter',sans-serif;font-weight:600;font-size:20px;line-height:28px;letter-spacing:1px;text-transform:uppercase; }
.pdest-tl-final__by{ display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:16px;line-height:20px;letter-spacing:0.32px;color:#454545;white-space:nowrap; }
.pdest-tl-final__logo{ max-width:200px;height:56px; }
.pdest-tl-final__logo img{ max-width:200px;height:56px;object-fit:contain;display:block; }

/* ===== INFO GENERAL MÓVIL (carrusel) ===== */
.pdest-minfo{ display:none;background:#2d0e4b;padding:16px; }
.pdest-minfo__wrap{ display:flex;flex-direction:column;gap:8px;align-items:stretch;max-width:361px;margin:0 auto;width:100%; }
.pdest-minfo__carrusel{ display:flex;gap:8px;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none; }
.pdest-minfo__carrusel::-webkit-scrollbar{ display:none; }
.pdest-minfo__card{ background:#fafafa;border-radius:6px;padding:10px 12px;flex-shrink:0;min-width:104px;display:flex;align-items:center;justify-content:center;scroll-snap-align:start; }
.pdest-minfo__card-inner{ display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center; }
.pdest-minfo__icon{ width:16px;height:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0; }
.pdest-minfo__icon img{ width:16px;height:16px;object-fit:contain;display:block; }
.pdest-minfo__title{ font-family:'Inter',sans-serif;font-weight:600;font-size:12px;line-height:14px;letter-spacing:0.24px;color:#471c70;text-align:center;white-space:nowrap; }
.pdest-minfo__value{ font-family:'Inter',sans-serif;font-weight:400;font-size:12px;line-height:14px;letter-spacing:0.24px;color:#471c70;text-align:center;white-space:nowrap; }
.pdest-minfo__foot{ display:flex;gap:8px;align-items:center;width:100%; }
.pdest-minfo__count{ flex:1 0 0;font-family:'Inter',sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#fff; }
.pdest-minfo__more{ font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:22px;letter-spacing:1px;color:#fff;text-align:right;white-space:nowrap; }
.pdest-minfo__arrow{ width:24px;height:24px;display:flex;align-items:center;justify-content:center; }
.pdest-minfo__arrow svg{ width:20px;height:20px;display:block; }
.pdest-minfo__price{ display:flex;flex-direction:column;gap:2px;align-items:flex-start;width:100%;padding-top:4px; }
.pdest-minfo__price-regular{ font-family:'Inter',sans-serif;font-weight:400;font-size:14px;line-height:18px;color:#cbb3e0;text-decoration:line-through;white-space:nowrap; }
.pdest-minfo__price-amount{ font-family:'Visby CF','Inter',sans-serif;font-weight:600;font-size:20px;line-height:26px;letter-spacing:-0.2px;color:#fff;white-space:nowrap; }
.pdest-minfo__price-note{ font-weight:400;font-size:13px;line-height:16px;letter-spacing:0.26px;color:#fff; }

/* ===== CTA FIXED (móvil) ===== */
.pdest-cta-fixed{ display:none;background:#fff;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:24px 8px;box-shadow:0 -2px 12px rgba(0,0,0,.08); }
.pdest-cta-fixed__cupos{ display:flex;gap:8px;align-items:center;justify-content:center; }
.pdest-cta-fixed__cupos-text{ font-family:'Inter',sans-serif;font-weight:700;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#7932c5; }
.pdest-cta-fixed__btn{ background:#e3f853;border:2px solid #d1d1d1;border-radius:10px;display:flex;gap:8px;align-items:center;justify-content:center;padding:12px 24px;cursor:pointer;text-decoration:none; }
.pdest-cta-fixed__cart{ width:24px;height:24px;display:flex;align-items:center;justify-content:center; }
.pdest-cta-fixed__cart img{ width:24px;height:24px;object-fit:contain;display:block; }
.pdest-cta-fixed__btn-text{ font-family:'Inter',sans-serif;font-weight:700;font-size:16px;line-height:24px;letter-spacing:0.08px;color:#222;text-transform:capitalize; }

/* =========================================================
   ===============  VERSIÓN MÓVIL (<= 768px)  ==============
   ========================================================= */
@media (max-width:768px){
  .pdest-infobar{ display:none; }
  .pdest-minfo{ display:block; }

  .pdest-cta-fixed{ display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1000;width:100%; }

  .pdest-banner{ display:block;min-height:0;padding:0;overflow:hidden;align-items:stretch; }
  .pdest-banner__inner{ width:100%;max-width:100%;min-height:0;display:flex;flex-direction:column;position:relative;padding:28px 20px 56px;box-sizing:border-box; }

  .pdest-breadcrumbs{ display:none; }

  .pdest-content{ position:static;width:100%;max-width:100%;top:auto;left:auto;z-index:2;order:1; }
  .pdest-content__inner{ display:flex;flex-direction:column;gap:16px;align-items:flex-start; }

  .pdest-titleblock{ order:2;width:100%; }
  .pdest-chips{ order:1; }
  .pdest-tags{ order:3;width:100%;max-width:100%;height:auto;flex-direction:row;flex-wrap:wrap;gap:8px 16px;align-items:flex-start;justify-content:flex-start; }
  .pdest-tag{ flex:0 0 auto;width:auto;max-width:100%; }
  .pdest-titleblock__group{ gap:16px; }

  .pdest-headings{ width:100%;max-width:100%; }
  .pdest-headings__sub{ font-size:14px; }
  .pdest-headings__title{ font-size:32px;line-height:38px;white-space:normal; }
  .pdest-cert__label{ font-size:13px; }
  .pdest-includes__title,.pdest-includes li{ font-size:14px;line-height:18px; }
  .pdest-includes{ max-width:100%; }
  .pdest-chip__text{ font-size:11px; }
  .pdest-tag span{ font-size:22px;line-height:30px; }

  .pdest-page{ padding-top:32px; }
  .pdest-page__inner{ width:100%;max-width:100%;padding:0 16px;box-sizing:border-box; }

  .pdest-dominaras-row{ flex-direction:column;align-items:stretch;gap:24px; }
  .pdest-dominaras-card{ width:100%;padding:24px;box-sizing:border-box; }
  .pdest-dominaras-card__title{ font-size:24px;line-height:30px; }
  .pdest-dominaras-cta{ text-align:left; }

  .pdest-timeline{ padding-left:48px;margin-top:64px; }
  .pdest-tl-rail{ left:-48px;width:40px; }
  .pdest-tl-dot{ width:40px;height:40px; }
  .pdest-tl-rail__line{ top:20px; }
  .pdest-tl-title{ font-size:24px;line-height:30px;height:auto; }
  .pdest-tl-content{ gap:40px;padding-bottom:64px; }
  .pdest-tl-desc{ font-size:15px; }
  .pdest-tl-cert,.pdest-tl-cert--v3{ flex-direction:column;align-items:stretch;gap:16px; }
  .pdest-tl-cert__box{ width:100%;box-sizing:border-box; }
  .pdest-tl-cert__x{ left:-48px;width:36px;height:36px; }
  .pdest-tl-cert__by{ flex-direction:row;gap:12px;justify-content:flex-start; }

  .pdest-tl-final{ flex-direction:column;align-items:stretch;gap:16px;margin-top:64px;padding-bottom:140px; }
  .pdest-tl-final__box{ width:100%;height:96px;box-sizing:border-box; }
  .pdest-tl-final__line{ left:-28px;height:168px; }
  .pdest-tl-final__x{ left:-48px;width:40px;height:40px;top:48px; }
  .pdest-tl-final__x img{ width:20px;height:20px; }   /* X más chica, contenida en el círculo (sin estirarse) */
  .pdest-tl-final__by{ flex-direction:row;gap:12px;align-items:center; }
}