.elementor-widget-container [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-container [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-106442 .elementor-element.elementor-element-ab37334{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-shortcode [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-shortcode [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-shortcode .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-shortcode .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-shortcode .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-shortcode .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-shortcode ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-shortcode .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-shortcode .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-106442 .elementor-element.elementor-element-f468d91.elementor-element{--flex-grow:1;--flex-shrink:0;}body.elementor-page-106442:not(.elementor-motion-effects-element-type-background), body.elementor-page-106442 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1418;}:root{--page-title-display:none;}/* Start custom CSS *//* ═══════════════════════════════════════════════════════════════
   V PRO · Estilos de apoyo para las plantillas Elementor
   ───────────────────────────────────────────────────────────────
   Elementor controla layout, colores y tipografía desde el panel.
   Este archivo solo cubre lo que el panel NO puede hacer:
   detalles decorativos y componentes con CSS propio.

   Se inyecta automáticamente en cada plantilla (page_settings >
   custom_css, requiere Elementor Pro). Si usas Elementor free,
   pega este archivo en Apariencia > Personalizar > CSS adicional.
   ═══════════════════════════════════════════════════════════════ */

:root{
  --vpro-bg:#1B1418;
  --vpro-bg-2:#241A20;
  --vpro-bg-3:#2E2129;
  --vpro-cream:#FAF4F1;
  --vpro-coral:#E89A8D;
  --vpro-coral-strong:#DE7F6E;
  --vpro-coral-soft:rgba(232,154,141,.14);
  --vpro-gold:#D4AF7A;
  --vpro-txt:#F7EFEC;
  --vpro-txt-soft:#C9B8BC;
  --vpro-ink:#2A2026;
  --vpro-ink-soft:#6E5D65;
  --vpro-border:rgba(232,154,141,.16);
  --vpro-border-cream:rgba(42,32,38,.12);
  --vpro-ease:cubic-bezier(.4,0,.2,1);
}

/* Palabra destacada en cursiva coral dentro de los títulos.
   Se escribe como <span class="em">texto</span> en el campo Título. */
.em{
  font-family:'Charis SIL',Georgia,serif;
  font-style:italic;
  font-weight:700;
  color:var(--vpro-coral);
}

/* Widget fantasma que obliga a Elementor a encolar Charis SIL.
   Sin él, .em cae a Georgia. Ver font_loader() en build.py. */
.vpro-font-preload{
  display:none!important;
}

/* ═══════════════ HEADER FIJO ═══════════════ */
.vpro-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:50;
  background:rgba(27,20,24,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--vpro-border);
}
@media(max-width:560px){
  .vpro-header .elementor-widget-button{display:none}
}

/* ═══════════════ BADGE DE COHORTE ═══════════════ */
.vpro-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:var(--vpro-coral-soft);
  border:1px solid var(--vpro-border);
  border-radius:9999px;
  padding:9px 18px;
  color:var(--vpro-coral);
  font-family:'Montserrat',sans-serif;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.vpro-badge .dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--vpro-gold);
  animation:vproPulse 2s infinite;
}
@keyframes vproPulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.vpro-badge .dot{animation:none}}

/* ═══════════════ ITEMS "SOLO TE FALTAN 3 COSAS" ═══════════════ */
.vpro-ident-item{
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:var(--vpro-bg-3);
  border:1px solid var(--vpro-border);
  border-radius:9999px;
  padding:12px 24px;
  transition:transform .25s var(--vpro-ease),border-color .25s var(--vpro-ease);
}
.vpro-ident-item:hover{transform:translateY(-3px);border-color:var(--vpro-coral)}
.vpro-ident-item .num{
  font-family:'Charis SIL',Georgia,serif;
  font-style:italic;font-weight:700;font-size:1.4rem;line-height:1;
  color:var(--vpro-coral);
}
.vpro-ident-item b{color:var(--vpro-txt);font-weight:600;font-size:.98rem}

/* ═══════════════ TABLA COMPARATIVA (Programado vs Flex) ═══════════════ */
.vpro-compara{
  border:1px solid var(--vpro-border);
  border-radius:16px;
  overflow:hidden;
}
.vpro-compara .vpro-compara-row:not(:first-child){border-top:1px solid var(--vpro-border)}
.vpro-compara .c-prog{background:rgba(232,154,141,.08)}
.vpro-compara .c-flex{background:var(--vpro-bg-3);border-left:1px solid var(--vpro-border)}
@media(max-width:700px){
  .vpro-compara .c-lbl{
    flex-basis:100%!important;
    text-align:center;
    background:var(--vpro-bg-3);
  }
  .vpro-compara .vpro-compara-row{flex-wrap:wrap}
}

/* ═══════════════ TARJETAS DE SEGMENTACIÓN (remarketing) ═══════════════ */
.vpro-seg{
  transition:transform .25s var(--vpro-ease),border-color .25s var(--vpro-ease);
}
.vpro-seg:hover{transform:translateY(-4px);border-color:var(--vpro-coral)!important}

/* ═══════════════ TARJETA DE OBJECIÓN (remarketing) ═══════════════ */
.vpro-dolor-item b{
  font-family:'Charis SIL',Georgia,serif;
  font-style:italic;font-weight:700;
  color:var(--vpro-coral);
  font-size:1.18rem;
  display:block;
  margin-bottom:6px;
}

/* ═══════════════ TIRA DE PORTAFOLIO ═══════════════ */
.vpro-porta .elementor-image-carousel-wrapper .swiper-slide img{
  border-radius:16px;
  box-shadow:0 14px 34px rgba(0,0,0,.3);
}

/* ═══════════════ FOTO + ETIQUETA DE VIOLETA ═══════════════ */
.vpro-violeta{position:relative}
.vpro-violeta-tag{
  position:absolute;
  left:20px;
  top:70%;
  transform:translateY(-50%);
  z-index:2;
  background:rgba(27,20,24,.85);
  backdrop-filter:blur(6px);
  border:1px solid var(--vpro-border);
  border-radius:10px;
  padding:12px 18px;
  font-size:.85rem;
  color:var(--vpro-txt-soft);
}
.vpro-violeta-tag b{
  display:block;
  font-family:'Work Sans',sans-serif;
  font-weight:700;font-size:1.05rem;
  color:var(--vpro-txt);
}
.vpro-violeta-tag a{
  display:inline-flex;align-items:center;gap:5px;margin-top:8px;
  color:var(--vpro-txt-soft);text-decoration:none;
}
.vpro-violeta-tag a:hover{color:var(--vpro-coral)}

/* ═══════════════ FORMULARIO → WHATSAPP ═══════════════ */
.vpro-form .field{margin-bottom:16px}
.vpro-form label{
  display:block;font-size:.85rem;font-weight:600;
  margin-bottom:7px;color:var(--vpro-txt-soft);
}
.vpro-form input,
.vpro-form select{
  width:100%;
  background:var(--vpro-bg-3);
  border:1px solid var(--vpro-border);
  border-radius:10px;
  padding:14px 16px;
  color:var(--vpro-txt);
  font-family:'Outfit',sans-serif;
  font-size:1rem;
  min-height:50px;
  outline:none;
  appearance:none;
  transition:border-color .18s var(--vpro-ease),box-shadow .18s var(--vpro-ease);
}
.vpro-form input:focus,
.vpro-form select:focus{
  border-color:var(--vpro-coral);
  box-shadow:0 0 0 3px var(--vpro-coral-soft);
}
.vpro-form input::placeholder{color:#7d6a70}
.vpro-form button{
  width:100%;margin-top:8px;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--vpro-coral-strong);
  color:#fff;
  font-family:'Outfit',sans-serif;font-weight:600;font-size:1.02rem;
  padding:16px 34px;min-height:52px;
  border:none;border-radius:9999px;cursor:pointer;
  box-shadow:0 10px 30px rgba(222,127,110,.35);
  transition:transform .18s var(--vpro-ease),background .18s var(--vpro-ease);
}
.vpro-form button:hover{transform:translateY(-2px);background:#E9907E}
.vpro-form .form-note{
  font-size:.8rem;color:var(--vpro-txt-soft);
  text-align:center;margin-top:14px;
}

/* ═══════════════ CTA STICKY (móvil) ═══════════════ */
.vpro-sticky{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:90;
  background:linear-gradient(to top,rgba(27,20,24,1) 0%,rgba(27,20,24,.85) 55%,rgba(27,20,24,0) 100%);
  display:none!important;
}
@media(max-width:760px){
  .vpro-sticky{display:flex!important}
  body{padding-bottom:84px}
}/* End custom CSS */