.elementor-1125 .elementor-element.elementor-element-c60da35{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;--padding-top:0.5rem;--padding-bottom:0.5rem;--padding-left:0.5rem;--padding-right:0.5rem;}.elementor-1125 .elementor-element.elementor-element-c60da35:not(.elementor-motion-effects-element-type-background), .elementor-1125 .elementor-element.elementor-element-c60da35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1125 .elementor-element.elementor-element-2bb2dbb{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ════════════════════════════════════════════════════════════════════
   ContActo – Formulario Multi-Paso v1.1
   Fuentes: Manrope (headings) · Poppins (body)
   NOTA: Todos los body.elementor-page-1125es de botón usan #cfWrapper para
   superar la especificidad del tema de WordPress.
════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600&display=swap');

/* ── TOKENS ─────────────────────────────────────────────────────── */
:root {
  --cf-green:        #37937e;
  --cf-green-dark:   #2a7a68;
  --cf-green-hover:  #2e8570;
  --cf-green-light:  #e6f4f1;
  --cf-bg:           #f5f5f3;
  --cf-white:        #ffffff;
  --cf-text-dark:    #1c2226;
  --cf-text-mid:     #4a5568;
  --cf-text-light:   #9aa5b1;
  --cf-border:       #d8dde3;
  --cf-error:        #e53e3e;
  --cf-error-bg:     #fff5f5;
  --cf-error-border: #feb2b2;

  --cf-base:  1vw;
  --cf-h1:    2.6vw;
  --cf-h2:    1.8vw;

  --cf-xs:  0.5em;
  --cf-sm:  1em;
  --cf-md:  1.75em;
  --cf-lg:  2.5em;
  --cf-xl:  4em;

  --cf-radius:    0.55em;
  --cf-btn-pad:   0.95em 1.8em;
  --cf-field-pad: 0.9em 1.2em;
  --cf-step-dur:  0.42s;
}

/* ── RESET ──────────────────────────────────────────────────────── */
#cfWrapper, #cfThanks,
#cfWrapper *, #cfThanks *,
#cfWrapper *::before, #cfWrapper *::after,
#cfThanks *::before, #cfThanks *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── LAYOUT ─────────────────────────────────────────────────────── */
#cfWrapper {
  width: 100%;
  min-height: 100vh;
  display: flex;
  font-family: 'Poppins', sans-serif;
  font-size: var(--cf-base);
  color: var(--cf-text-dark);
  background: var(--cf-bg);
  overflow: hidden;
}

#cfWrapper .cf-left {
  width: 50%;
  min-height: 100vh;
  background: var(--cf-bg);
  display: flex;
  align-items: center;
  padding: var(--cf-xl) calc(var(--cf-xl) * 0.8);
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

#cfWrapper .cf-right {
  width: 50%;
  min-height: 100vh;
  background: var(--cf-white);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: var(--cf-xl) calc(var(--cf-xl) * 0.8);
  overflow: hidden;
}

/* ── PANEL IZQUIERDO ────────────────────────────────────────────── */
#cfWrapper .cf-left-content {
  width: 100%;
  max-width: 38em;
  animation: cfFadeUp .5s ease both;
}
@keyframes cfFadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

#cfWrapper .cf-hero-title {
  font-family: 'Manrope', sans-serif;
  font-weight: 300;
  font-size: var(--cf-h1);
  line-height: 1.2;
  color: var(--cf-text-dark);
  margin-bottom: var(--cf-md);
}
#cfWrapper .cf-green { color: var(--cf-green); font-weight: 700; }

/* Video */
#cfWrapper .cf-video-wrap {
  width: 100%;
  max-width: 30em;
  border-radius: var(--cf-radius);
  overflow: hidden;
  background: #d8dde3;
  aspect-ratio: 16/9;
  position: relative;
}
#cfWrapper .cf-video { width: 100%; height: 100%; object-fit: cover; display: block; }
#cfWrapper .cf-video-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #c8cdd3, #b8bec5);
  display: flex;
  align-items: center;
  justify-content: center;
}
#cfWrapper .cf-play-btn {
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  background: rgba(55,147,126,.85);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .2s, background .2s;
}
#cfWrapper .cf-play-btn:hover { transform: scale(1.1); background: var(--cf-green); }
#cfWrapper .cf-play-btn svg { width: 1.4em; height: 1.4em; fill: white; margin-left: 0.2em; }

/* Features */
#cfWrapper .cf-intro-text {
  font-size: var(--cf-base);
  color: var(--cf-text-mid);
  line-height: 1.7;
  margin-bottom: var(--cf-md);
  max-width: 28em;
}
#cfWrapper .cf-features { list-style: none; display: flex; flex-direction: column; gap: var(--cf-sm); }
#cfWrapper .cf-feature-item { display: flex; align-items: flex-start; gap: var(--cf-xs); }
#cfWrapper .cf-feature-icon {
  width: 2.4em;
  height: 2.4em;
  border-radius: 50%;
  background: var(--cf-green-light);
  border: 1.5px solid var(--cf-green);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 0.1em;
}
#cfWrapper .cf-feature-icon svg { width: 1.1em; height: 1.1em; }
#cfWrapper .cf-feature-body { display: flex; flex-direction: column; }
#cfWrapper .cf-feature-title {
  font-family: 'Manrope', sans-serif;
  font-size: calc(var(--cf-base) * 1.05);
  font-weight: 600;
  color: var(--cf-text-dark);
}
#cfWrapper .cf-feature-desc { font-size: calc(var(--cf-base) * 0.88); color: var(--cf-text-mid); line-height: 1.5; }

#cfWrapper .cf-antes-title {
  font-family: 'Manrope', sans-serif;
  font-size: var(--cf-h2);
  font-weight: 300;
  margin-bottom: var(--cf-sm);
  color: var(--cf-text-dark);
}
#cfWrapper .cf-antes-body { font-size: var(--cf-base); color: var(--cf-text-mid); line-height: 1.75; }
#cfWrapper .cf-antes-body strong { font-weight: 600; color: var(--cf-text-dark); }

/* ── FORM WRAP ───────────────────────────────────────────────────── */
#cfWrapper .cf-form-wrap { width: 100%; max-width: 36em; }

/* Progress bar */
#cfWrapper .cf-progress {
  width: 100%;
  height: 4px;
  background: var(--cf-border);
  border-radius: 4px;
  margin-bottom: var(--cf-md);
  overflow: hidden;
}
#cfWrapper .cf-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--cf-green), #52b8a8);
  border-radius: 4px;
  transition: width .6s cubic-bezier(.4,0,.2,1);
}

/* Step header */
#cfWrapper .cf-step-label {
  font-family: 'Poppins', sans-serif;
  font-size: calc(var(--cf-base) * 0.75);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--cf-green);
  margin-bottom: 0.3em;
  display: block;
}
#cfWrapper .cf-step-heading {
  font-family: 'Manrope', sans-serif;
  font-weight: 300;
  font-size: var(--cf-h2);
  line-height: 1.2;
  margin-bottom: 0.2em;
  color: var(--cf-text-dark);
}
#cfWrapper .cf-step-heading span { color: var(--cf-green); font-weight: 700; }
#cfWrapper .cf-step-sub {
  font-family: 'Poppins', sans-serif;
  font-size: calc(var(--cf-base) * 0.9);
  color: var(--cf-text-mid);
  margin-bottom: var(--cf-md);
}

/* ── ANIMACIÓN ENTRE PASOS ──────────────────────────────────────── */
#cfWrapper .cf-step { display: none; position: relative; }
#cfWrapper .cf-step.active {
  display: block;
  animation: cfSlideIn var(--cf-step-dur) cubic-bezier(.4,0,.2,1) both;
}
#cfWrapper .cf-step.cf-exit {
  display: block;
  animation: cfSlideOut var(--cf-step-dur) cubic-bezier(.4,0,.2,1) both;
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: 0;
}
#cfWrapper .cf-step.cf-slide-back.active {
  animation: cfSlideInBack var(--cf-step-dur) cubic-bezier(.4,0,.2,1) both;
}
@keyframes cfSlideIn     { from { opacity:0; transform:translateX(36px);  } to { opacity:1; transform:translateX(0); } }
@keyframes cfSlideOut    { from { opacity:1; transform:translateX(0);      } to { opacity:0; transform:translateX(-36px); } }
@keyframes cfSlideInBack { from { opacity:0; transform:translateX(-36px); } to { opacity:1; transform:translateX(0); } }

/* ── CAMPOS ─────────────────────────────────────────────────────── */
#cfWrapper .cf-field { margin-bottom: var(--cf-sm); position: relative; }

#cfWrapper .cf-field input[type="text"],
#cfWrapper .cf-field input[type="email"],
#cfWrapper .cf-field input[type="tel"],
#cfWrapper .cf-field select,
#cfWrapper .cf-field textarea {
  width: 100%;
  padding: var(--cf-field-pad);
  border: 1.5px solid var(--cf-border) !important;
  border-radius: var(--cf-radius) !important;
  background: var(--cf-white) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: var(--cf-base) !important;
  color: var(--cf-text-dark) !important;
  transition: border-color .2s, box-shadow .2s !important;
  appearance: none;
  -webkit-appearance: none;
  outline: none !important;
  box-shadow: none !important;
}
#cfWrapper .cf-field input[type="text"]::placeholder,
#cfWrapper .cf-field input[type="email"]::placeholder,
#cfWrapper .cf-field input[type="tel"]::placeholder,
#cfWrapper .cf-field textarea::placeholder { color: var(--cf-text-light); }
#cfWrapper .cf-field input:focus,
#cfWrapper .cf-field select:focus,
#cfWrapper .cf-field textarea:focus {
  border-color: var(--cf-green) !important;
  box-shadow: 0 0 0 3px rgba(55,147,126,.14) !important;
}
#cfWrapper .cf-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239aa5b1' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1.1em center !important;
  padding-right: 2.8em !important;
  cursor: pointer;
}
#cfWrapper .cf-field textarea { resize: vertical; min-height: 6em; line-height: 1.7; }

/* Error */
#cfWrapper .cf-field input.cf-error,
#cfWrapper .cf-field select.cf-error,
#cfWrapper .cf-field textarea.cf-error {
  border-color: var(--cf-error) !important;
  background: var(--cf-error-bg) !important;
  box-shadow: 0 0 0 3px rgba(229,62,62,.1) !important;
  animation: cfShake .4s ease;
}
#cfWrapper .cf-field-error-msg {
  display: block;
  font-size: calc(var(--cf-base) * 0.78);
  color: var(--cf-error);
  margin-top: 0.3em;
  font-family: 'Poppins', sans-serif;
}
@keyframes cfShake {
  0%,100% { transform: translateX(0); }
  20%     { transform: translateX(-5px); }
  40%     { transform: translateX(5px); }
  60%     { transform: translateX(-3px); }
  80%     { transform: translateX(3px); }
}

/* Grid */
#cfWrapper .cf-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--cf-sm); }

/* ── GDPR ────────────────────────────────────────────────────────── */
#cfWrapper .cf-gdpr-wrap { margin-bottom: var(--cf-sm); }
#cfWrapper .cf-gdpr-label {
  display: flex;
  align-items: flex-start;
  gap: 0.7em;
  cursor: pointer;
  padding: 0.8em 1em;
  border: 1.5px solid var(--cf-border);
  border-radius: var(--cf-radius);
  transition: border-color .2s, background .2s;
}
#cfWrapper .cf-gdpr-label:hover { border-color: var(--cf-green); background: var(--cf-green-light); }
#cfWrapper .cf-gdpr-label.cf-error { border-color: var(--cf-error); background: var(--cf-error-bg); }
#cfWrapper .cf-gdpr-label input[type="checkbox"] {
  width: 1.15em;
  height: 1.15em;
  margin-top: 0.15em;
  flex-shrink: 0;
  accent-color: var(--cf-green);
  cursor: pointer;
}
#cfWrapper .cf-gdpr-text { font-family: 'Poppins', sans-serif; font-size: calc(var(--cf-base) * 0.85); color: var(--cf-text-mid); line-height: 1.55; }
#cfWrapper .cf-gdpr-text a { color: var(--cf-green); text-decoration: underline; }
#cfWrapper .cf-no-compromise { font-size: calc(var(--cf-base) * 0.8); color: var(--cf-text-light); margin-top: var(--cf-xs); line-height: 1.5; text-align: center; font-family: 'Poppins', sans-serif; }

/* ════════════════════════════════════════════════════════════════
   BOTONES — body.elementor-page-1125es con #cfWrapper para máxima especificidad
   y anular completamente los estilos del tema de WordPress
════════════════════════════════════════════════════════════════ */

/* Botón principal — VERDE #37937e */
#cfWrapper button.cf-btn,
#cfWrapper input[type="submit"].cf-btn,
#cfWrapper a.cf-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6em !important;
  width: 100% !important;
  padding: var(--cf-btn-pad) !important;

  /* COLOR DE FONDO PRINCIPAL */
  background-color: #37937e !important;
  background-image: none !important;
  background: #37937e !important;

  color: #ffffff !important;
  border: none !important;
  border-radius: var(--cf-radius) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: calc(var(--cf-base) * 1.0) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01em !important;
  cursor: pointer !important;
  margin-top: var(--cf-sm) !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 4px 14px rgba(55,147,126,.30) !important;
  outline: none !important;
  position: relative !important;
  overflow: hidden !important;
  transition: background .2s ease, transform .18s ease, box-shadow .18s ease !important;
  -webkit-font-smoothing: antialiased !important;
  vertical-align: middle !important;
}
.cf-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5em !important;
    width: 100% !important;
    padding: var(--cf-btn-pad) !important;
    background: var(--cf-green) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--cf-radius) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: calc(var(--cf-base) * 1.0) !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    margin-top: var(--cf-sm) !important;
    transition: background .2s, transform .15s, box-shadow .2s !important;
}
/* Shimmer overlay */
#cfWrapper button.cf-btn::after,
#cfWrapper a.cf-btn::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.18) 0%, transparent 60%) !important;
  opacity: 0 !important;
  transition: opacity .2s !important;
  pointer-events: none !important;
}

/* Hover */
#cfWrapper button.cf-btn:hover,
#cfWrapper a.cf-btn:hover {
  background: #2e8570 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(55,147,126,.38) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
#cfWrapper button.cf-btn:hover::after,
#cfWrapper a.cf-btn:hover::after { opacity: 1 !important; }

/* Active */
#cfWrapper button.cf-btn:active,
#cfWrapper a.cf-btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(55,147,126,.25) !important;
}

/* SVG dentro del botón */
#cfWrapper button.cf-btn svg,
#cfWrapper a.cf-btn svg {
  width: 1.1em !important;
  height: 1.1em !important;
  flex-shrink: 0 !important;
  fill: none !important;
  stroke: #ffffff !important;
  stroke-width: 2 !important;
  transition: transform .2s !important;
}
#cfWrapper button.cf-btn:hover svg { transform: translateX(3px) !important; }

/* ── BOTÓN ATRÁS ─────────────────────────────────────────────────── */
#cfWrapper button.cf-btn.cf-btn-back,
#cfWrapper a.cf-btn.cf-btn-back {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--cf-text-mid) !important;
  border: 1.5px solid var(--cf-border) !important;
  box-shadow: none !important;
  width: auto !important;
  flex: 0 0 auto !important;
}
#cfWrapper button.cf-btn.cf-btn-back::after { display: none !important; }
#cfWrapper button.cf-btn.cf-btn-back:hover {
  background: var(--cf-green-light) !important;
  border-color: var(--cf-green) !important;
  color: var(--cf-green) !important;
  box-shadow: none !important;
}
#cfWrapper button.cf-btn.cf-btn-back svg {
  stroke: var(--cf-text-mid) !important;
}
#cfWrapper button.cf-btn.cf-btn-back:hover svg {
  stroke: var(--cf-green) !important;
  transform: translateX(-3px) !important;
}

/* ── LOADING ─────────────────────────────────────────────────────── */
#cfWrapper button.cf-btn.cf-loading,
#cfWrapper input[type="submit"].cf-btn.cf-loading {
  pointer-events: none !important;
  opacity: .85 !important;
}
#cfWrapper button.cf-btn.cf-loading svg { display: none !important; }
#cfWrapper button.cf-btn.cf-loading .cf-btn-text { opacity: .7 !important; }
#cfWrapper button.cf-btn.cf-loading::before {
  content: '' !important;
  display: inline-block !important;
  width: 1em !important;
  height: 1em !important;
  border: 2.5px solid rgba(255,255,255,.4) !important;
  border-top-color: #ffffff !important;
  border-radius: 50% !important;
  animation: cfSpin .65s linear infinite !important;
  margin-right: 0.5em !important;
  flex-shrink: 0 !important;
}
@keyframes cfSpin { to { transform: rotate(360deg); } }

/* ── NOTICE ──────────────────────────────────────────────────────── */
#cfWrapper .cf-notice {
  padding: 0.85em 1.2em;
  border-radius: var(--cf-radius);
  margin-bottom: var(--cf-sm);
  font-family: 'Poppins', sans-serif;
  font-size: calc(var(--cf-base) * 0.9);
  line-height: 1.5;
}
#cfWrapper .cf-notice.cf-error   { background: var(--cf-error-bg); border: 1px solid var(--cf-error-border); color: #c53030; }
#cfWrapper .cf-notice.cf-warning { background: #fffbeb; border: 1px solid #f6e05e; color: #744210; }
#cfWrapper .cf-notice.cf-success { background: #f0fdf4; border: 1px solid #86efac; color: #14532d; }

/* ── RECAPTCHA ───────────────────────────────────────────────────── */
#cfWrapper .cf-recaptcha-note { font-size: calc(var(--cf-base) * 0.72); color: var(--cf-text-light); text-align: center; margin-top: var(--cf-xs); font-family: 'Poppins', sans-serif; line-height: 1.4; }
#cfWrapper .cf-recaptcha-note a { color: var(--cf-green); text-decoration: underline; }

/* ════════════════════════════════════════════════════════════════
   PANTALLA DE GRACIAS
   Imagen de fondo: gracias-form.webp
   Layout: izq = imagen Bitcoin · der = texto (como el diseño)
════════════════════════════════════════════════════════════════ */
#cfThanks {
  display: none;
  width: 100%;
  min-height: 100vh;
  font-family: 'Poppins', sans-serif;
  position: relative;
  overflow: hidden;

  /* Imagen de fondo con overlay claro */
  background-color: #f0f5f4;
  background-image: url('https://sites.alexism.dev/recetas/wp-content/uploads/2026/03/gracias-form.webp');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#cfThanks.cf-visible { display: flex; align-items: center; justify-content: flex-end; }

/* Overlay suave para que el texto lea bien sobre la imagen */
#cfThanks::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(244,248,247,.55);
  z-index: 0;
}

/* El contenido se posiciona a la derecha como en el diseño */
#cfThanks .cf-thanks-inner {
  position: relative;
  z-index: 1;
  width: 50%;
  max-width: 560px;
  padding: var(--cf-xl) calc(var(--cf-xl) * 0.9) var(--cf-xl) var(--cf-xl);
  text-align: center;
  animation: cfThanksIn .75s cubic-bezier(.4,0,.2,1) both;
}
@keyframes cfThanksIn {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Encabezado "Gracias por su tiempo." */
#cfThanks .cf-thanks-heading {
  font-family: 'Manrope', sans-serif;
  font-size: clamp(28px, 2.8vw, 52px);
  font-weight: 300;
  color: var(--cf-text-dark);
  margin-bottom: var(--cf-sm);
  line-height: 1.2;
}
#cfThanks .cf-thanks-heading em {
  color: var(--cf-green);
  font-style: normal;
  font-weight: 700;
}

/* Cuerpo del mensaje */
#cfThanks .cf-thanks-body {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(13px, 1vw, 16px);
  color: var(--cf-text-mid);
  line-height: 1.85;
  max-width: 40em;
  margin: 0 auto;
}
#cfThanks .cf-thanks-body p { margin-bottom: 0.75em; }

/* Icono check decorativo */
#cfThanks .cf-thanks-icon {
  width: 3.8em;
  height: 3.8em;
  background: var(--cf-green-light);
  border: 2px solid var(--cf-green);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--cf-md);
  animation: cfBounceIn .55s cubic-bezier(.4,0,.2,1) .35s both;
}
#cfThanks .cf-thanks-icon svg { width: 1.8em; height: 1.8em; fill: var(--cf-green); }
@keyframes cfBounceIn {
  0%  { transform: scale(0); opacity: 0; }
  65% { transform: scale(1.15); }
  100%{ transform: scale(1);  opacity: 1; }
}

/* ════════════════════════════════════════════════════════════════
   TABLET  ≤ 900px
════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  :root { --cf-base: 1.8vw; --cf-h1: 4.5vw; --cf-h2: 3.2vw; }
  #cfWrapper { flex-direction: column; overflow: visible; }
  #cfWrapper .cf-left { width: 100%; min-height: auto; height: auto; position: relative; padding: var(--cf-lg) var(--cf-md); }
  #cfWrapper .cf-right { width: 100%; padding: var(--cf-lg) var(--cf-md); overflow: visible; }
  #cfThanks .cf-thanks-inner { width: 70%; }
}

/* ════════════════════════════════════════════════════════════════
   MÓVIL  ≤ 520px
════════════════════════════════════════════════════════════════ */
@media (max-width: 520px) {
  :root { --cf-base: 4vw; --cf-h1: 8.5vw; --cf-h2: 7vw; --cf-sm: 0.85em; --cf-md: 1.4em; --cf-lg: 2em; --cf-xl: 2.5em; }
  #cfWrapper .cf-left  { padding: var(--cf-lg) var(--cf-md); }
  #cfWrapper .cf-right { padding: var(--cf-lg) var(--cf-md); overflow: visible; }
  #cfWrapper .cf-row-2 { grid-template-columns: 1fr; }
  #cfWrapper button.cf-btn.cf-btn-back { width: 100% !important; }
  #cfThanks.cf-visible { justify-content: center; }
  #cfThanks .cf-thanks-inner { width: 100%; padding: var(--cf-lg) var(--cf-md); }
}/* End custom CSS */