.elementor-1687 .elementor-element.elementor-element-4e2adf6{--display:flex;--min-height:0px;}.elementor-1687 .elementor-element.elementor-element-e6cfde8 .current-progress{background-color:#35BD00;}.elementor-1687 .elementor-element.elementor-element-e6cfde8 .elementor-scrolling-tracker-horizontal{background-color:#FFFFFF;}.elementor-1687 .elementor-element.elementor-element-e6cfde8{--horizontal-progress-border:none;--horizontal-height:6px;--horizontal-border-style:none;}.elementor-1687 .elementor-element.elementor-element-2ec025d{--display:flex;}.elementor-1687 .elementor-element.elementor-element-08cb824{--display:flex;}.elementor-1687 .elementor-element.elementor-element-9cfe857{--display:flex;}.elementor-1687 .elementor-element.elementor-element-f7feef0{--display:flex;}.elementor-1687 .elementor-element.elementor-element-211e288{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1687 .elementor-element.elementor-element-211e288.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1687 .elementor-element.elementor-element-bb77bd7{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1687 .elementor-element.elementor-element-d094193{--display:flex;}.elementor-1687 .elementor-element.elementor-element-1a52830{--box-border-color:#FFFFFF;--box-border-width:0px;--separator-width:0px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--item-text-hover-decoration:underline;}.elementor-1687 .elementor-element.elementor-element-1a52830 .elementor-toc__header-title{text-align:start;}.elementor-1687 .elementor-element.elementor-element-37e4472{--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;}.elementor-1687 .elementor-element.elementor-element-4bc0556{--display:flex;}.elementor-1687 .elementor-element.elementor-element-8b618ab{--spacer-size:69px;}.elementor-1687 .elementor-element.elementor-element-210af3e{--display:flex;}.elementor-1687 .elementor-element.elementor-element-04f406c{--display:flex;}.elementor-1687 .elementor-element.elementor-element-7e62152{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;text-align:center;}.elementor-1687 .elementor-element.elementor-element-6f9a6fe4{margin-top:50px;margin-bottom:50px;padding:0px 10px 0px 10px;}.elementor-1687 .elementor-element.elementor-element-2281ee17:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1687 .elementor-element.elementor-element-2281ee17 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1687 .elementor-element.elementor-element-2281ee17 > .elementor-element-populated >  .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1687 .elementor-element.elementor-element-2281ee17 > .elementor-element-populated{border-style:none;box-shadow:0px 22px 95px -69px #35BD00;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:40px 20px 40px 20px;}.elementor-1687 .elementor-element.elementor-element-2281ee17 > .elementor-element-populated, .elementor-1687 .elementor-element.elementor-element-2281ee17 > .elementor-element-populated > .elementor-background-overlay, .elementor-1687 .elementor-element.elementor-element-2281ee17 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-1687 .elementor-element.elementor-element-2281ee17:hover > .elementor-element-populated{box-shadow:0px 22px 95px -42px #35BD00;}.elementor-1687 .elementor-element.elementor-element-2281ee17 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1687 .elementor-element.elementor-element-1e10f744{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1687 .elementor-element.elementor-element-1e10f744 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-1687 .elementor-element.elementor-element-5fbf5267.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1687 .elementor-element.elementor-element-5fbf5267.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1687 .elementor-element.elementor-element-5fbf5267 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1687 .elementor-element.elementor-element-5fbf5267 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1687 .elementor-element.elementor-element-4415f40{width:var( --container-widget-width, 103.205% );max-width:103.205%;--container-widget-width:103.205%;--container-widget-flex-grow:0;}.elementor-1687 .elementor-element.elementor-element-4415f40.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1687 .elementor-element.elementor-element-4415f40 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:400;font-style:normal;line-height:50px;color:#051441;}.elementor-bc-flex-widget .elementor-1687 .elementor-element.elementor-element-130d086a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1687 .elementor-element.elementor-element-130d086a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1687 .elementor-element.elementor-element-63c1e91a .ub-btn:not(.three_d_btn), .elementor-1687 .elementor-element.elementor-element-63c1e91a .ub-btn:not(.three_d_btn2), .elementor-1687 .elementor-element.elementor-element-63c1e91a .ub-btn.three_d_btn .elementor-button-text{background-color:transparent;background-image:linear-gradient(120deg, #35BD00 0%, #2B9104 100%);}
                    .elementor-1687 .elementor-element.elementor-element-63c1e91a .ub-btn:not(.three_d_btn):not(.three_d_btn2):not(.ub-animation-left2right):hover, 
                    .elementor-1687 .elementor-element.elementor-element-63c1e91a .ub-btn.three_d_btn .elementor-button-text:hover, 
                    .elementor-1687 .elementor-element.elementor-element-63c1e91a .elementor-button.ub-animation-left2right::after,
                    .elementor-1687 .elementor-element.elementor-element-63c1e91a .three_d_btn2::before
                {background-color:transparent;background-image:linear-gradient(180deg, #02010100 0%, #F2295B00 100%);}
                    .elementor-1687 .elementor-element.elementor-element-63c1e91a .ub-btn, 
                    .elementor-1687 .elementor-element.elementor-element-63c1e91a .learn_btn,
                    .elementor-1687 .elementor-element.elementor-element-63c1e91a .discover_button .agency_learn_btn
                {font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;font-style:normal;}.elementor-1687 .elementor-element.elementor-element-63c1e91a .ub-btn:not(.ub-animation-left2right):hover{color:#FFFFFF;}.elementor-1687 .elementor-element.elementor-element-63c1e91a .ub-btn:hover{color:#FFFFFF;}.elementor-1687 .elementor-element.elementor-element-63c1e91a .ub-btn.ub-animation-left2right::before{color:#FFFFFF;}.elementor-1687 .elementor-element.elementor-element-63c1e91a .ub-btn.ub-animation-left2right:hover i{color:#FFFFFF;transition:margin 0.5s linear, color 0.6s;}.elementor-1687 .elementor-element.elementor-element-63c1e91a .agency_learn_btn:before{color:#FFFFFF;}.elementor-1687 .elementor-element.elementor-element-63c1e91a .agency_learn_btn:hover{color:#FFFFFF;}.elementor-1687 .elementor-element.elementor-element-63c1e91a .h_text_btn:hover i{color:#FFFFFF;}.elementor-1687 .elementor-element.elementor-element-63c1e91a .shop_about_content .agency_learn_btn:hover:after{background:#FFFFFF;}.elementor-1687 .elementor-element.elementor-element-63c1e91a .ub-btn:not(.three_d_btn){padding:24px 31px 24px 31px;}.elementor-1687 .elementor-element.elementor-element-63c1e91a .three_d_btn .elementor-button-text{padding:24px 31px 24px 31px;}.elementor-1687 .elementor-element.elementor-element-63c1e91a .ub-btn{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-1687 .elementor-element.elementor-element-42c442f{--display:flex;}@media(min-width:768px){.elementor-1687 .elementor-element.elementor-element-211e288{--width:100%;}.elementor-1687 .elementor-element.elementor-element-bb77bd7{--width:33%;}.elementor-1687 .elementor-element.elementor-element-37e4472{--width:74%;}.elementor-1687 .elementor-element.elementor-element-5fbf5267{width:63.243%;}.elementor-1687 .elementor-element.elementor-element-130d086a{width:36.692%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1687 .elementor-element.elementor-element-5fbf5267{width:60%;}.elementor-1687 .elementor-element.elementor-element-130d086a{width:40%;}}@media(max-width:1024px){.elementor-1687 .elementor-element.elementor-element-2281ee17 > .elementor-element-populated{margin:-90px 60px -40px 60px;--e-column-margin-right:60px;--e-column-margin-left:60px;}}@media(max-width:767px){.elementor-1687 .elementor-element.elementor-element-7e62152{margin:-48px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1687 .elementor-element.elementor-element-2281ee17 > .elementor-element-populated{margin:-90px 0px -40px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:40px 40px 50px 40px;}.elementor-1687 .elementor-element.elementor-element-4415f40{padding:0px 0px 30px 0px;text-align:center;}.elementor-1687 .elementor-element.elementor-element-4415f40 .elementor-heading-title{font-size:26px;line-height:40px;}}/* Start custom CSS for container, class: .elementor-element-4e2adf6 *//* Estado base: oculta mientras estás arriba del todo */
#reading-progress{
  position: fixed;
  left: 0;
  width: 100vw;
  z-index: 99999;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, visibility .18s ease;
}

/* Cuando hay scroll (> umbral) la mostramos */
#reading-progress.is-visible{
  opacity: 1;
  visibility: visible;
}

/* Estética fina verde Ruit (ajusta si tu widget usa otras clases) */
#reading-progress .elementor-progress-bar,
#reading-progress .elementor-progress-tracker__progress,
#reading-progress .progress-bar{
  border-radius: 0 !important;
  background: #2ed06e !important;
}/* End custom CSS */
/* Start custom CSS for table-of-contents, class: .elementor-element-1a52830 *//* ---------- TOC Ahrefs-like (scope: #toc-aside) ---------- */
:root{
  /* Cambia estos si quieres otro acento */
  --toc-accent: #2b9104;              /* verde Ruit */
  --toc-active-bg: #f2fbf4;           /* fondo activo suave */
  --toc-border: #e5e7eb;              /* gris separadores */
  --toc-text: #111827;
  --toc-muted: #6b7280;
}

/* Card general */
#toc-aside .elementor-widget-container{
  border: 1px solid var(--toc-border);
  border-radius: 8px;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
  background: #fff;
}

/* Header “Tabla de contenido” */
#toc-aside .elementor-toc__header{
  padding: 12px 14px 10px;
  border-bottom: 1px solid var(--toc-border);
}
#toc-aside .elementor-toc__header-title{
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--toc-muted);
}

/* Body y lista */
#toc-aside .elementor-toc__body{
  padding: 6px 10px 10px;
}
#toc-aside .elementor-toc__list-wrapper{
  margin-left: 6px;
  padding-left: 12px;
  border-left: 1px solid var(--toc-border);       /* línea vertical estilo Ahrefs */
}

/* Items */
#toc-aside .elementor-toc__list-item{
  list-style: none;
  margin: 0;
}
#toc-aside .elementor-toc__list-item > a{
  display: block;
  position: relative;
  padding: 8px 10px;
  border-radius: 6px;
  color: var(--toc-text);
  text-decoration: none !important;
  line-height: 1.25;
}
#toc-aside .elementor-toc__list-item > a:hover{
  background: #f9fafb;
}

/* Estado ACTIVO (lo añadimos vía JS con .is-active, y también
   nos “enganchamos” a clases que Elementor puede poner) */
#toc-aside .elementor-toc__list-item.is-active > a,
#toc-aside .elementor-toc__list-item.elementor-item-active > a,
#toc-aside .elementor-toc__list-item[aria-current="true"] > a{
  background: var(--toc-active-bg);
  font-weight: 600;
}

/* Barra de acento a la izquierda del activo */
#toc-aside .elementor-toc__list-item.is-active > a::before,
#toc-aside .elementor-toc__list-item.elementor-item-active > a::before,
#toc-aside .elementor-toc__list-item[aria-current="true"] > a::before{
  content:"";
  position: absolute;
  left: -13px;            /* cae sobre la línea vertical */
  top: 6px; bottom: 6px;
  width: 3px;
  background: var(--toc-accent);
  border-radius: 2px;
}

/* Subniveles (por si en el futuro usas H4, etc.) */
#toc-aside .elementor-toc__list .elementor-toc__list{
  margin-left: 10px;
  border-left: 1px dashed var(--toc-border);
  padding-left: 10px;
}

/* Ajustes de tipografía/espacio en pantallas pequeñas */
@media (max-width: 1200px){
  #toc-aside .elementor-toc__header-title{ font-size: 13px; }
  #toc-aside .elementor-toc__list-item > a{ padding: 7px 8px; }
}

/* (Opcional) Empujar TOC más a la izquierda si quieres “ganar” ancho al contenido. 
   Ajusta el valor según te guste; en tablet/móvil lo desactivamos. */
@media (min-width: 1200px){
  #toc-aside{ transform: translateX(-28px); }
}
@media (max-width: 1024px){
  #toc-aside{ transform: none; }
}
















/* 1) Quitar la línea horizontal bajo el título */
#toc-aside .elementor-toc__header{
  border-bottom: 0 !important;
  padding-bottom: 6px; /* deja un pelín de aire; ajusta si quieres */
}

/* 2) Quitar la línea vertical izquierda interna de la lista */
#toc-aside .elementor-toc__body{ padding-top: 4px; }
#toc-aside .elementor-toc__list-wrapper{
  border-left: 0 !important;
  margin-left: 0;
  padding-left: 0;
}

/* 3) Añadir el separador a la DERECHA del TOC (entre TOC y contenido) */
@media (min-width: 1200px){
  /* Línea separadora a la derecha del TOC */
  #toc-aside{
    border-right: 1px solid var(--toc-border);
    padding-right: 22px;   /* espacio interno antes de la línea */
    margin-right: 26px;    /* espacio hacia el contenido */
  }
  /* Evitar doble línea dentro de la “card” del TOC */
  #toc-aside .elementor-widget-container{ border-right: 0 !important; }
}




































/* Paleta */
:root{
  --toc-accent: #35bd00;                 /* verde Ruit */
  --toc-active-bg: rgba(53,189,0,.10);   /* fondo tenue para activo/hover */
}

/* Links del TOC: bloque, sin subrayado */
#toc-aside .elementor-toc__list-item-text{
  display:block;
  padding:6px 8px;
  text-decoration:none !important;
}

/* Hover / focus = verde + fondo tenue */
#toc-aside .elementor-toc__list-item:hover,
#toc-aside .elementor-toc__list-item:has(a:focus-visible){
  background: var(--toc-active-bg);
  border-radius:6px;
}
#toc-aside .elementor-toc__list-item:hover a,
#toc-aside .elementor-toc__list-item a:focus-visible{
  color: var(--toc-accent) !important;
  text-decoration:none !important;
  outline: 0;                  /* quitamos el outline por defecto */
}

/* Estado ACTIVO (lo setea el script) */
#toc-aside .elementor-toc__list-item.is-active{
  background: var(--toc-active-bg);
  border-radius:6px;
}
#toc-aside .elementor-toc__list-item.is-active > .elementor-toc__list-item-text-wrapper > a{
  color: var(--toc-accent) !important;
  font-weight: 600;
}

/* (opcional) Que los números queden dentro del bloque */
#toc-aside ol.elementor-toc__list-wrapper{
  list-style-position: inside;
}








/* Aire entre la barra fija y el contenido */
#toc-aside{ 
  margin-top: 40px;          /* prueba 12–18px según te guste */
}
@media (max-width:1024px){
  #toc-aside{ margin-top: 40px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d094193 *//* La columna del TOC será el ancla para el pin */
#toc-col { position: relative; }

/* Estados del TOC controlados por JS */
#toc-aside { position: static; } /* estado base */
#toc-aside.pin-fixed  { position: fixed;  top: var(--ru-offset-top, 96px); }
#toc-aside.pin-bottom { position: absolute; bottom: 0; top: auto; }

/* Mantener el ancho y evitar saltos cuando pasa a fixed */
#toc-aside.pin-fixed { left: auto; right: auto; }

/* Placeholder para que la columna no colapse cuando el aside está fixed */
#toc-col::after{
  content: "";
  display: block;
  height: var(--toc-aside-height, 0px);
  pointer-events: none;
}































/* Layout de la fila de post */
#post-row{
  display:flex;
  gap:32px;
  align-items:flex-start;
  overflow:visible !important;
}
#toc-col{
  position:relative;         /* ancla para el pin absoluto */
  flex:0 0 300px;
  min-width:260px;
}
#post-content{
  flex:1 1 auto;
  min-width:0;
}

/* Anclas: que los H3/H2 no queden ocultos bajo el header al hacer click en el TOC */
:where(h1,h2,h3,h4,h5,h6)[id]{
  scroll-margin-top: calc(var(--ru-offset-top, 96px) + 12px);
}





























/* --- Ajustes de layout base (mantén si ya los tienes) --- */
#post-row{
  display:flex;
  align-items:flex-start;
  gap:24px;                 /* menos separación para ganar ancho al contenido */
  overflow:visible !important;
}
#toc-col{
  position:relative;
  flex:0 0 300px;           /* ancho de la columna TOC (ajusta a 280–320) */
  min-width:260px;
}
#post-content{
  flex:1 1 auto;
  min-width:0;
}

/* Que los anclajes no queden tapados por el header al hacer click */
:where(h1,h2,h3,h4,h5,h6)[id]{
  scroll-margin-top: calc(var(--ru-offset-top, 96px) + 12px);
}

/* --- MOVER EL TOC HACIA EL GUTTER IZQUIERDO EN ESCRITORIO --- */
/*
   Elementor define normalmente --container-max-width en el Kit.
   Usamos ese valor para calcular el gutter (=(100vw - maxwidth)/2)
   y desplazamos el TOC hacia la izquierda fuera del contenedor boxeado.
*/
@media (min-width: 1200px){
  /* si tu Kit no define la var, descomenta la siguiente línea y pon tu ancho real:
     :root{ --container-max-width: 1140px; }
  */

  /* desplaza el TOC a la izquierda hasta el borde del viewport, dejando 24px de margen */
  #toc-col{
    margin-left: calc(
      -1 * max(0px, (100vw - var(--container-max-width, 1140px))/2) + 24px
    );
  }

  /* un poco de aire entre TOC y contenido */
  #post-content{ padding-left: 8px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb77bd7 *//* Fila que contiene TOC (izq) + contenido (dcha) */
#post-row{
  display: flex;                 /* asegurar fila flex */
  align-items: stretch;          /* columnas igual de altas que el contenido */
  gap: 32px;                     /* separación entre columnas */
  overflow: visible !important;  /* imprescindible para sticky */
}

/* Columna izquierda (TOC) fija en ancho; derecha crece */
#post-row > #toc-col{ 
  flex: 0 0 300px;               /* prueba 280–320px según gusto */
  min-width: 260px;
  overflow: visible !important;
}
#post-row > :not(#toc-col){
  flex: 1 1 auto; 
  min-width: 0;                  /* evita desbordes en títulos largos */
}

/* Sticky TOC por debajo del header + progreso */
#toc-col{
  position: sticky;
  top: var(--ru-offset-top, 96px);  /* usa la misma offset que calculas para la barra */
  max-height: calc(100vh - var(--ru-offset-top, 96px) - 16px);
  overflow: auto;                    /* scroll interno si el TOC es largo */
}

/* Que los anchors no queden tapados por el header */
:where(h1,h2,h3,h4,h5,h6)[id]{
  scroll-margin-top: calc(var(--ru-offset-top, 96px) + 12px);
}

/* (Opcional) desactivar sticky en tablet/móvil */
@media (max-width: 1023px){
  #post-row{ flex-direction: column; }
  #toc-col{ position: static; max-height: none; overflow: visible; }
}




/* Permite que sticky funcione en toda la altura del artículo */
#post-row,
#post-row .e-con,
#post-row .elementor-container,
#post-row .elementor-widget-wrap,
#post-row .elementor-column{
  overflow: visible !important;
}




















/* Desactiva el sticky propio del TOC de Elementor (parche) */
.elementor-sticky--active .elementor-widget-table-of-contents,
.elementor-sticky--effects .elementor-widget-table-of-contents{
  position: static !important;
  transform: none !important;
  width: auto !important;
}
.elementor-sticky__spacer{ display:none !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-312495b *//* ===== RUIT – Sección de agradecimiento / oferta ===== */
:root{
  --brand: #35bd00;        /* verde ruit */
  --brand-700: #2b9104;
  --text: #0f172a;         /* navy oscuro legible */
  --muted: #475569;        /* gris texto secundario */
  --border: #e7eef5;       /* borde card */
  --shadow-card: 0 18px 44px rgba(15,23,42,.06), 0 0 120px rgba(53,189,0,.12);
}

#ru-thanks{ padding: 56px 0 64px; }
#ru-thanks .ru-wrap{
  max-width: var(--container-max-width, 1140px);
  margin: 0 auto;
  padding: 0 20px;
  color: var(--text);
}

#ru-thanks .ru-title{
  font-size: clamp(24px, 3vw, 34px);
  margin: 0 0 10px;
}
#ru-thanks .ru-lead{ margin: 0 0 24px; color: var(--muted); }

/* === CARD de la oferta (sin blobs) === */
#ru-thanks .ru-offer{
  position: relative;
  display: grid;
  grid-template-columns: 1.2fr .8fr;   /* más peso a la izquierda */
  gap: 24px;
  align-items: center;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: clamp(18px, 3vw, 28px);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

/* Glow sutil decorativo (muy tenue) */
#ru-thanks .ru-offer::after{
  content:"";
  position:absolute; inset:-10% -5% -30% 40%;
  background:
    radial-gradient(50% 60% at 75% 20%, rgba(53,189,0,.14), transparent 70%),
    radial-gradient(45% 50% at 95% 85%, rgba(0,20,0,.06), transparent 60%);
  pointer-events:none;
  border-radius: inherit;
}

/* Ocultar blobs antiguos completamente */
#ru-thanks .ru-right{ display:none !important; }

/* Título 10% OFF */
#ru-thanks .ru-offer-title{
  font-weight: 800;
  color: var(--text);
  display: flex; align-items: baseline; gap: 12px;
  margin: 0 0 12px;
  letter-spacing: .2px;
}
#ru-thanks .ru-offer-title .big{
  font-size: clamp(44px, 9vw, 80px);
  line-height: .88;
}

/* CUPÓN – siempre legible */
#ru-thanks .ru-coupon{
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  gap: 10px;
  margin: 6px 0 18px;
  padding: 12px 18px;
  background: #fff;
  border: 2.5px dashed var(--text);
  border-radius: 12px;
  cursor: pointer;
  transition: transform .08s ease, background .2s ease, border-color .2s ease;
}
#ru-thanks .ru-coupon:hover{ background:#f8fafc; transform: translateY(-1px); }
#ru-thanks .ru-coupon:active{ transform: translateY(0); }

#ru-thanks .ru-coupon-code{
  color: var(--text) !important;     /* fuerzo contraste */
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  letter-spacing: .28em;
  font-weight: 800;
  font-size: clamp(16px, 2.6vw, 24px);
}

/* Feedback “¡Copiado!” */
#ru-thanks .ru-copied{
  position: absolute;
  top: -14px; left: 14px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: var(--brand-700);
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
  opacity: 0; transform: translateY(-6px);
  transition: .18s ease;
  pointer-events: none;
}
#ru-thanks .ru-coupon.is-copied{
  border-color: var(--brand);
  background: rgba(53,189,0,.10);
}
#ru-thanks .ru-coupon.is-copied .ru-copied{
  opacity: 1; transform: translateY(0);
}

/* Botones */
#ru-thanks .ru-cta{ display:flex; flex-wrap:wrap; gap:12px; }
#ru-thanks .ru-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 18px;
  border-radius: 12px; font-weight: 800; line-height:1;
  text-decoration:none; border: 2px solid transparent;
  transition: transform .08s ease, filter .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
#ru-thanks .ru-btn-primary{
  background: linear-gradient(180deg, var(--brand), var(--brand-700));
  color:#fff;
}
#ru-thanks .ru-btn-primary:hover{ filter: brightness(.98); transform: translateY(-1px); }

#ru-thanks .ru-btn-outline{
  background:#fff; border-color:#cbd5e1; color: var(--text);
}
#ru-thanks .ru-btn-outline:hover{
  border-color: var(--brand); color: var(--brand-700); transform: translateY(-1px);
}

/* texto final */
#ru-thanks .ru-note{ margin: 18px 0 0; color: var(--muted); }

/* Responsive */
@media (max-width: 900px){
  #ru-thanks .ru-offer{ grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-2281ee17 */:root{
  /* Ajustes rápidos */
  --container-max-width: 1140px;   /* usa el ancho real de tu layout si es otro */
  --cta-bottom-offset: 16px;       /* separación del CTA flotante al borde inferior */
}

/* Igualar apariencia entre "boxed" y "full_width" */
#cta-stick > .elementor-container{
  max-width: var(--container-max-width);
  margin-inline: auto;
}

/* Estados del CTA */
#cta-stick{
  position: static;
  transition: opacity .18s ease, transform .18s ease;
}
#cta-stick.is-hidden{
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}

/* Fijo al fondo */
#cta-stick.pin-fixed{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: var(--cta-bottom-offset);
  width: min(calc(100vw - 32px), var(--container-max-width));
  z-index: 9999;
}

/* Placeholder para evitar saltos cuando el CTA está fixed */
#cta-slot::after{
  content: "";
  display: block;
  height: var(--cta-h, 0px);
}

/* Opcional: comportamiento en móvil (elige) */

/* A) Ocultarlo en móvil */
/*
@media (max-width: 767px){
  #cta-stick.pin-fixed{ display:none; }
}
*/

/* B) O hacerlo a ancho completo en móvil */
@media (max-width: 767px){
  #cta-stick.pin-fixed{
    width: calc(100vw - 16px);
    left: 8px;
    transform: none;
    right: 8px;
  }
}/* End custom CSS */