/* ============================================================
   SC Agencia y Gestión — Widgets de Elementor
   Sistema de diseño. Todo va prefijado con .scaw- para no
   chocar con el tema ni con los estilos de Elementor.
   ============================================================ */

:root{
  /* Violetas — base del logotipo #2A1B54 */
  --scaw-v-950:#0D0919;
  --scaw-v-900:#130D26;
  --scaw-v-850:#181031;
  --scaw-v-800:#1E143E;
  --scaw-v-700:#2A1B54;
  --scaw-v-600:#3A2470;
  --scaw-v-500:#4C3190;

  /* Dorados — del logotipo #F9CB79 */
  --scaw-g-200:#FCE3B4;
  --scaw-g-300:#F9CB79;
  --scaw-g-400:#EFB454;
  --scaw-g-500:#DD9A32;
  --scaw-g-600:#B87A22;

  --scaw-paper:#FFFFFF;
  --scaw-paper-2:#F7F5FA;

  --scaw-ink:#1A1230;
  --scaw-ink-2:#4A4263;
  --scaw-ink-3:#6E6689;
  --scaw-on-dark:#EDEAF5;
  --scaw-on-dark-2:#A79FC4;
  --scaw-on-dark-3:#7D749B;

  --scaw-line-d:rgba(249,203,121,.16);
  --scaw-line-d2:rgba(255,255,255,.08);
  --scaw-line-l:#E4DFEC;

  --scaw-grad-gold:linear-gradient(135deg,var(--scaw-g-300),var(--scaw-g-500));
  --scaw-grad-gold-h:linear-gradient(135deg,var(--scaw-g-200),var(--scaw-g-400));
  --scaw-grad-violet:linear-gradient(135deg,var(--scaw-v-700),var(--scaw-v-500));

  --scaw-font-h:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;
  --scaw-font-b:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;

  --scaw-wrap:1200px;
  --scaw-r-sm:6px;
  --scaw-r-md:10px;
  --scaw-sec-y:clamp(56px,7vw,104px);
  --scaw-header-h:86px;

  --scaw-sh-2:0 14px 40px rgba(19,13,38,.12);
  --scaw-sh-3:0 24px 70px rgba(13,9,25,.45);
  --scaw-sh-gold:0 12px 32px rgba(221,154,50,.28);
}

/* ---------- Reset acotado a nuestros widgets ---------- */
/* box-sizing en todo lo que renderizamos: sin esto, cualquier padding
   sumado a un width:100% desborda el contenedor en móvil. */
[class^="scaw-"],[class*=" scaw-"],
[class^="scaw-"] *,[class*=" scaw-"] *,
[class^="scaw-"] *::before,[class^="scaw-"] *::after{
  box-sizing:border-box;
}
[class^="scaw-"] img,[class*=" scaw-"] img{max-width:100%;height:auto;display:block}
[class^="scaw-"] svg,[class*=" scaw-"] svg{max-width:100%}

/* ---------- Contenedores ---------- */
.scaw-wrap{width:100%;max-width:var(--scaw-wrap);margin:0 auto;padding:0 24px}
.scaw-wrap--sm{max-width:960px}

.scaw-section{padding:var(--scaw-sec-y) 0;position:relative;font-family:var(--scaw-font-b);overflow:hidden}
.scaw-section--flush{padding-top:0;padding-bottom:0}
.scaw-section--light{background:var(--scaw-paper);color:var(--scaw-ink-2)}
.scaw-section--tint{background:var(--scaw-paper-2);color:var(--scaw-ink-2)}
.scaw-section--dark{background:var(--scaw-v-900);color:var(--scaw-on-dark-2)}
.scaw-section--darker{background:var(--scaw-v-950);color:var(--scaw-on-dark-2)}
.scaw-section--dark h1,.scaw-section--dark h2,.scaw-section--dark h3,.scaw-section--dark h4,
.scaw-section--darker h1,.scaw-section--darker h2,.scaw-section--darker h3,.scaw-section--darker h4{color:#fff}
.scaw-section > .scaw-wrap{position:relative;z-index:2}

/* Texturas de fondo */
.scaw-bg-mesh::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(60% 55% at 12% 0%,rgba(76,49,144,.40),transparent 60%),
    radial-gradient(45% 45% at 92% 12%,rgba(221,154,50,.12),transparent 65%),
    radial-gradient(55% 60% at 70% 100%,rgba(42,27,84,.55),transparent 62%);
}
.scaw-bg-grid::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:68px 68px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000,transparent 100%);
          mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000,transparent 100%);
}

/* ---------- Tipografía ---------- */
.scaw-section h1,.scaw-section h2,.scaw-section h3,.scaw-section h4,
.scaw-hero h1,.scaw-pagehead h1,.scaw-cta h2,.scaw-footer h5,.scaw-form-card h3{
  font-family:var(--scaw-font-h);margin:0 0 .5em;line-height:1.15;letter-spacing:-.01em;font-weight:800;
}
.scaw-section p{margin:0 0 1.1em}
.scaw-section p:last-child{margin-bottom:0}

.scaw-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--scaw-font-h);font-size:12px;font-weight:700;
  letter-spacing:.20em;text-transform:uppercase;
  color:var(--scaw-g-600);
  background:rgba(221,154,50,.10);
  border:1px solid rgba(221,154,50,.28);
  padding:7px 16px;border-radius:100px;margin-bottom:20px;
}
.scaw-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--scaw-g-500);flex:none}
.scaw-section--dark .scaw-eyebrow,.scaw-section--darker .scaw-eyebrow,
.scaw-hero .scaw-eyebrow,.scaw-pagehead .scaw-eyebrow,.scaw-cta .scaw-eyebrow{
  color:var(--scaw-g-300);background:rgba(249,203,121,.10);border-color:rgba(249,203,121,.30);
}
.scaw-section--dark .scaw-eyebrow::before,.scaw-section--darker .scaw-eyebrow::before,
.scaw-hero .scaw-eyebrow::before,.scaw-pagehead .scaw-eyebrow::before,.scaw-cta .scaw-eyebrow::before{background:var(--scaw-g-300)}

.scaw-h-lg{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:900;letter-spacing:-.02em}
.scaw-h-md{font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:800}
.scaw-lead{font-size:clamp(1rem,1.5vw,1.14rem);line-height:1.8;color:var(--scaw-ink-3);max-width:62ch}
.scaw-section--dark .scaw-lead,.scaw-section--darker .scaw-lead{color:var(--scaw-on-dark-2)}

.scaw-sechead{max-width:720px;margin-bottom:48px}
.scaw-sechead.scaw-center{margin-left:auto;margin-right:auto;text-align:center}
.scaw-sechead.scaw-center .scaw-lead{margin-left:auto;margin-right:auto}
.scaw-rule{width:56px;height:3px;background:var(--scaw-grad-gold);border-radius:3px;margin:22px 0 0}
.scaw-sechead.scaw-center .scaw-rule{margin-left:auto;margin-right:auto}

.scaw-mt-3{margin-top:24px}
.scaw-mt-4{margin-top:36px}

/* ------------------------------------------------------------------
   NORMALIZACIÓN DE ICONOS  ← resuelve los iconos invisibles y gigantes

   Los SVG que se suben a la biblioteca de medios suelen traer el color
   escrito dentro del archivo (stroke="#130D26"). Cuando el fondo cambia
   —o cuando el archivo subido era la versión «hover» del icono— el icono
   queda del mismo color que el fondo y se ve solo al pasar el mouse.

   Una declaración CSS siempre gana sobre un atributo de presentación del
   SVG, así que aquí forzamos que todo icono herede el color de su
   contenedor. Así el hover funciona en los dos sentidos.
   ------------------------------------------------------------------ */

/* a) Color: solo se reescriben los atributos que existen, para no rellenar
      de golpe un icono que estaba dibujado solo con trazo. */
[class*="scaw-"] svg[fill]:not([fill="none"]),
[class*="scaw-"] svg [fill]:not([fill="none"]){fill:currentColor}
[class*="scaw-"] svg[stroke]:not([stroke="none"]),
[class*="scaw-"] svg [stroke]:not([stroke="none"]){stroke:currentColor}
/* Sin ningún atributo de color, el navegador pinta negro: lo corregimos. */
[class*="scaw-"] svg:not([fill]):not([stroke]){fill:currentColor}

/* b) Tamaño: un SVG sin width/height ocupa todo el contenedor. Cada
      contexto fija su medida y, por si acaso, nada excede su caja. */
[class*="scaw-"] svg{max-width:100%;max-height:100%;flex:none}
.scaw-topbar__items svg,.scaw-topbar__items i{width:14px;height:14px;font-size:14px}
.scaw-topbar__social svg,.scaw-topbar__social i{width:13px;height:13px;font-size:13px}
.scaw-hero__trust svg,.scaw-hero__trust i{width:17px;height:17px;font-size:17px}
.scaw-footer__contact svg,.scaw-footer__contact i{width:15px;height:15px;font-size:15px}
.scaw-footer__social svg,.scaw-footer__social i{width:16px;height:16px;font-size:16px}
.scaw-aviso > svg,.scaw-aviso > i{width:21px;height:21px;font-size:21px}
.scaw-ico svg,.scaw-ico i{width:26px;height:26px;font-size:26px}
.scaw-ico--sm svg,.scaw-ico--sm i{width:19px;height:19px;font-size:19px}
.scaw-btn svg,.scaw-btn i{width:17px;height:17px;font-size:17px}

/* ---------- Botones ---------- */
.scaw-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--scaw-font-h);font-size:14px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;text-decoration:none;
  padding:16px 32px;border-radius:var(--scaw-r-sm);border:0;cursor:pointer;
  max-width:100%;                       /* nunca más ancho que su contenedor */
  transition:transform .28s cubic-bezier(.2,.8,.3,1),box-shadow .28s ease,background .28s ease,color .28s ease,border-color .28s ease;
}
.scaw-btn--gold{background:var(--scaw-grad-gold);color:var(--scaw-v-900);box-shadow:var(--scaw-sh-gold)}
.scaw-btn--gold:hover{background:var(--scaw-grad-gold-h);transform:translateY(-3px);color:var(--scaw-v-900)}
.scaw-btn--ghost{border:1.5px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.04)}
.scaw-btn--ghost:hover{border-color:var(--scaw-g-300);color:var(--scaw-g-300);transform:translateY(-3px)}
.scaw-btn--violet{background:var(--scaw-grad-violet);color:#fff;box-shadow:0 12px 30px rgba(42,27,84,.28)}
.scaw-btn--violet:hover{transform:translateY(-3px);color:#fff}
.scaw-btn--outline{border:1.5px solid var(--scaw-v-700);color:var(--scaw-v-700);background:transparent}
.scaw-btn--outline:hover{background:var(--scaw-v-700);color:#fff;transform:translateY(-3px)}
.scaw-section--dark .scaw-btn--outline,.scaw-section--darker .scaw-btn--outline{border-color:rgba(249,203,121,.5);color:var(--scaw-g-300)}
.scaw-section--dark .scaw-btn--outline:hover,.scaw-section--darker .scaw-btn--outline:hover{background:var(--scaw-grad-gold);border-color:transparent;color:var(--scaw-v-900)}
.scaw-btn--wa{background:#25D366;color:#08330f}
.scaw-btn--wa:hover{background:#2ee673;transform:translateY(-3px);color:#08330f}
.scaw-btn--sm{padding:12px 22px;font-size:12.5px}
.scaw-btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

.scaw-link-gold{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  font-family:var(--scaw-font-h);font-weight:700;font-size:13px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--scaw-g-600);
}
.scaw-section--dark .scaw-link-gold,.scaw-section--darker .scaw-link-gold,.scaw-card--dark .scaw-link-gold{color:var(--scaw-g-300)}
.scaw-arrow{width:15px;height:2px;background:currentColor;position:relative;transition:transform .28s ease;flex:none}
.scaw-arrow::after{content:"";position:absolute;right:0;top:-3px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.scaw-link-gold:hover .scaw-arrow{transform:translateX(5px)}

/* ---------- Barra superior ---------- */
.scaw-topbar{background:var(--scaw-v-950);color:var(--scaw-on-dark-3);font-family:var(--scaw-font-b);font-size:13.2px;border-bottom:1px solid var(--scaw-line-d2)}
.scaw-topbar .scaw-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;flex-wrap:wrap}
.scaw-topbar__items{display:flex;align-items:center;gap:26px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.scaw-topbar__items li{display:flex;align-items:center;gap:8px}
.scaw-topbar__items a{color:inherit;text-decoration:none}
.scaw-topbar__items a:hover{color:var(--scaw-g-300)}
/* Ojo: el color va en el contenedor, no en el <svg>. Si se fija en el svg,
   el hover del círculo social no puede invertirlo y el icono queda
   dorado sobre fondo dorado. */
.scaw-topbar__items svg,.scaw-topbar__items i{color:var(--scaw-g-400)}
.scaw-topbar__social{display:flex;gap:9px}
.scaw-topbar__social a,.scaw-topbar__social span{
  width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--scaw-line-d2);color:var(--scaw-on-dark-3);text-decoration:none;transition:.25s ease;
}
.scaw-topbar__social a:hover{background:var(--scaw-g-400);border-color:var(--scaw-g-400);color:var(--scaw-v-900)}

/* ---------- Cabecera ---------- */
.scaw-header{
  background:rgba(19,13,38,.94);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--scaw-line-d2);
  font-family:var(--scaw-font-b);
  transition:background .3s ease,box-shadow .3s ease;
}
.scaw-header--sticky{position:sticky;top:0;z-index:700}
.scaw-header.is-scrolled{background:rgba(13,9,25,.97);box-shadow:0 10px 40px rgba(0,0,0,.45)}
.scaw-header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--scaw-header-h)}

.scaw-brand{display:flex;align-items:center;gap:14px;flex:0 1 auto;min-width:0;text-decoration:none;position:relative;z-index:720}
.scaw-brand img{height:48px;width:auto;flex:none}
.scaw-brand__txt{
  font-family:var(--scaw-font-h);font-size:16.5px;font-weight:800;color:#fff;
  letter-spacing:.085em;text-transform:uppercase;line-height:1.1;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
}

.scaw-nav{display:flex;align-items:center;min-width:0}
.scaw-nav__list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.scaw-nav__list a{
  display:block;font-family:var(--scaw-font-h);font-size:14px;font-weight:600;
  letter-spacing:.05em;text-transform:uppercase;color:var(--scaw-on-dark);
  padding:10px 15px;border-radius:var(--scaw-r-sm);position:relative;text-decoration:none;
}
.scaw-nav__list a::after{
  content:"";position:absolute;left:15px;right:15px;bottom:4px;height:2px;
  background:var(--scaw-grad-gold);border-radius:2px;transform:scaleX(0);transform-origin:left;
  transition:transform .3s cubic-bezier(.2,.8,.3,1);
}
.scaw-nav__list a:hover{color:var(--scaw-g-300)}
.scaw-nav__list a:hover::after,
.scaw-nav__list .current-menu-item > a::after,
.scaw-nav__list .current_page_item > a::after{transform:scaleX(1)}
.scaw-nav__list .current-menu-item > a,
.scaw-nav__list .current_page_item > a{color:var(--scaw-g-300)}

.scaw-header__cta{display:flex;align-items:center;gap:12px;flex:none;position:relative;z-index:720}

.scaw-burger{
  display:none;width:46px;height:46px;border-radius:var(--scaw-r-sm);
  border:1px solid var(--scaw-line-d2);background:none;cursor:pointer;
  align-items:center;justify-content:center;flex:none;padding:0;
}
/* Mismo caso que el acordeón: neutralizamos el estilo de botón del tema
   en todos los estados, no solo en el base. */
.scaw-burger:hover,.scaw-burger:focus,.scaw-burger:active{
  background:none !important;background-color:transparent !important;
  background-image:none !important;box-shadow:none !important;
  border-color:var(--scaw-g-400) !important;
}
.scaw-burger:focus-visible{outline:2px solid var(--scaw-g-400);outline-offset:2px}
.scaw-burger span{display:block;width:20px;height:2px;background:var(--scaw-g-300);border-radius:2px;position:relative;transition:.3s ease}
.scaw-burger span::before,.scaw-burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--scaw-g-300);border-radius:2px;transition:.3s ease}
.scaw-burger span::before{top:-6px}
.scaw-burger span::after{top:6px}
.scaw-burger[aria-expanded="true"] span{background:transparent}
.scaw-burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.scaw-burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

/* Panel móvil */
.scaw-drawer{
  position:fixed;inset:0;z-index:690;background:var(--scaw-v-950);
  padding:calc(var(--scaw-header-h) + 44px) 24px 40px;
  overflow-y:auto;font-family:var(--scaw-font-b);
  /* Cerrado: fuera de pantalla Y fuera del árbol de accesibilidad, para que
     el teclado no pueda tabular hacia enlaces invisibles. */
  transform:translateX(100%);visibility:hidden;
  transition:transform .4s cubic-bezier(.4,0,.2,1),visibility 0s linear .4s;
}
.scaw-drawer.is-open{transform:translateX(0);visibility:visible;transition-delay:0s,0s}
.scaw-drawer__list{list-style:none;margin:0;padding:0}
.scaw-drawer__list a{
  display:block;font-family:var(--scaw-font-h);font-size:1.2rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;color:#fff;text-decoration:none;
  padding:17px 0;border-bottom:1px solid var(--scaw-line-d2);
}
.scaw-drawer__list a:hover{color:var(--scaw-g-300)}
.scaw-drawer__btn{width:100%;margin-top:26px}
.scaw-drawer__info{list-style:none;margin:28px 0 0;padding:0;font-size:14px;color:var(--scaw-on-dark-2)}
.scaw-drawer__info li{padding:8px 0}
.scaw-drawer__info a{color:inherit;text-decoration:none;word-break:break-word}
body.scaw-nav-open{overflow:hidden}

/* ---------- Hero ---------- */
.scaw-hero{
  position:relative;min-height:clamp(470px,74vh,660px);
  display:flex;align-items:center;overflow:hidden;background:var(--scaw-v-950);
  font-family:var(--scaw-font-b);
}
.scaw-hero__bg{position:absolute;inset:0;z-index:0}
.scaw-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.62}
.scaw-hero__bg::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(96deg,var(--scaw-v-950) 4%,rgba(19,13,38,.94) 34%,rgba(24,16,49,.72) 58%,rgba(30,20,62,.42) 100%),
    linear-gradient(180deg,rgba(13,9,25,.55) 0%,transparent 28%,transparent 62%,rgba(13,9,25,.55) 100%),
    radial-gradient(70% 70% at 88% 18%,rgba(221,154,50,.14),transparent 62%);
}
.scaw-hero--plain .scaw-hero__bg::after{
  background:
    radial-gradient(72% 88% at 80% 24%,rgba(76,49,144,.48),transparent 62%),
    radial-gradient(46% 56% at 96% 6%,rgba(221,154,50,.16),transparent 64%),
    linear-gradient(180deg,rgba(13,9,25,.40) 0%,transparent 26%,transparent 68%,rgba(13,9,25,.55) 100%);
}
.scaw-hero .scaw-wrap{position:relative;z-index:3;padding-top:64px;padding-bottom:64px}
.scaw-hero--plain .scaw-wrap{padding-bottom:110px}
.scaw-hero__copy{max-width:760px}
.scaw-hero__title{
  color:#fff;font-family:var(--scaw-font-h);font-size:clamp(2rem,5.6vw,4rem);font-weight:900;
  letter-spacing:-.03em;line-height:1.06;margin:0 0 22px;
}
.scaw-hero__title em{font-style:normal;background:var(--scaw-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.scaw-hero__lead{color:var(--scaw-on-dark-2);font-size:clamp(1rem,1.6vw,1.17rem);max-width:60ch;margin:0 0 32px}
.scaw-hero__trust{
  display:flex;flex-wrap:wrap;gap:12px 30px;margin:44px 0 0;padding:28px 0 0;
  border-top:1px solid var(--scaw-line-d);list-style:none;
}
.scaw-hero__trust li{
  display:flex;align-items:center;gap:10px;
  font-family:var(--scaw-font-h);font-size:12.8px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--scaw-on-dark);
}
.scaw-hero__trust svg,.scaw-hero__trust i{color:var(--scaw-g-300)}
.scaw-hero__scroll{
  position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;
  font-family:var(--scaw-font-h);font-size:10.5px;font-weight:600;
  letter-spacing:.24em;text-transform:uppercase;color:var(--scaw-on-dark-3);
  display:flex;flex-direction:column;align-items:center;gap:9px;
}
.scaw-hero__scroll i{display:block;width:1px;height:38px;background:linear-gradient(var(--scaw-g-400),transparent);animation:scaw-sd 2s ease-in-out infinite}
@keyframes scaw-sd{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

/* ---------- Cabecera de página ---------- */
.scaw-pagehead{position:relative;overflow:hidden;background:var(--scaw-v-950);padding:clamp(64px,8vw,110px) 0 clamp(54px,6vw,82px);font-family:var(--scaw-font-b)}
.scaw-pagehead__bg{position:absolute;inset:0;z-index:0}
.scaw-pagehead__bg img{width:100%;height:100%;object-fit:cover;opacity:.22}
.scaw-pagehead__bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,var(--scaw-v-950) 10%,rgba(19,13,38,.88) 55%,rgba(42,27,84,.62) 100%),
             radial-gradient(60% 70% at 85% 10%,rgba(221,154,50,.14),transparent 60%);
}
.scaw-pagehead .scaw-wrap{position:relative;z-index:2}
.scaw-pagehead__title{color:#fff;font-family:var(--scaw-font-h);font-size:clamp(1.9rem,4.6vw,3.3rem);font-weight:900;letter-spacing:-.025em;margin:0 0 16px}
.scaw-pagehead p{color:var(--scaw-on-dark-2);max-width:66ch;margin:0}
.scaw-crumbs{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px;
  font-family:var(--scaw-font-h);font-size:12.5px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:var(--scaw-on-dark-3);
}
.scaw-crumbs a{color:inherit;text-decoration:none}
.scaw-crumbs a:hover{color:var(--scaw-g-300)}
.scaw-crumbs span{color:var(--scaw-g-400)}

/* ---------- Anclas ---------- */
.scaw-anchors{background:var(--scaw-v-850);border-bottom:1px solid var(--scaw-line-d2);font-family:var(--scaw-font-b)}
.scaw-anchors--sticky{position:sticky;top:var(--scaw-header-h);z-index:500}
.scaw-anchors .scaw-wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.scaw-anchors .scaw-wrap::-webkit-scrollbar{display:none}
.scaw-anchors a{
  flex:none;padding:16px 18px;text-decoration:none;white-space:nowrap;
  font-family:var(--scaw-font-h);font-size:12.6px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:var(--scaw-on-dark-2);
  border-bottom:2px solid transparent;
}
.scaw-anchors a:hover,.scaw-anchors a.is-active{color:var(--scaw-g-300);border-bottom-color:var(--scaw-g-400)}

/* ---------- Cifras ---------- */
.scaw-stats{background:var(--scaw-v-850);border-top:1px solid var(--scaw-line-d);border-bottom:1px solid var(--scaw-line-d);font-family:var(--scaw-font-b)}
.scaw-stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:52px;padding-bottom:52px}
.scaw-stat{text-align:center;padding:10px 18px;border-right:1px solid var(--scaw-line-d2);min-width:0}
.scaw-stat:last-child{border-right:0}
.scaw-stat b{
  display:block;font-family:var(--scaw-font-h);font-weight:900;
  font-size:clamp(2rem,4.4vw,3.1rem);line-height:1;letter-spacing:-.03em;
  background:var(--scaw-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;
}
/* El <span> del número vive dentro del <b>: solo el hijo directo es la etiqueta. */
.scaw-stat > span{
  display:block;margin-top:14px;font-family:var(--scaw-font-h);font-size:11.6px;font-weight:600;
  letter-spacing:.17em;text-transform:uppercase;color:var(--scaw-on-dark-2);line-height:1.5;
}

/* ---------- Rejilla y tarjetas ---------- */
.scaw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.scaw-card{
  background:var(--scaw-paper);border:1px solid var(--scaw-line-l);border-radius:var(--scaw-r-md);
  padding:34px 30px;position:relative;overflow:hidden;height:100%;min-width:0;
  transition:transform .35s cubic-bezier(.2,.8,.3,1),box-shadow .35s ease,border-color .35s ease;
}
.scaw-card:hover{transform:translateY(-7px);box-shadow:var(--scaw-sh-2);border-color:rgba(221,154,50,.42)}
.scaw-card--dark{
  background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  border:1px solid var(--scaw-line-d2);
}
.scaw-card--dark:hover{border-color:rgba(249,203,121,.38);background:linear-gradient(160deg,rgba(249,203,121,.07),rgba(255,255,255,.015))}
.scaw-card--dark .scaw-card__title{color:#fff}
.scaw-card--dark p{color:var(--scaw-on-dark-2)}
.scaw-card__top{position:absolute;top:0;left:0;right:0;height:3px;background:var(--scaw-grad-gold);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.3,1)}
.scaw-card:hover .scaw-card__top{transform:scaleX(1)}
.scaw-card__num{position:absolute;top:20px;right:24px;font-family:var(--scaw-font-h);font-weight:900;font-size:3.2rem;line-height:1;letter-spacing:-.04em;color:rgba(42,27,84,.07)}
.scaw-card--dark .scaw-card__num{color:rgba(249,203,121,.10)}
.scaw-card__title{font-family:var(--scaw-font-h);font-size:1.08rem;font-weight:700;margin:0 0 .6em;color:var(--scaw-ink)}
.scaw-card p{font-size:14.8px;line-height:1.7}
.scaw-card .scaw-link-gold{margin-top:22px}

.scaw-ico{
  width:60px;height:60px;border-radius:var(--scaw-r-md);display:inline-flex;align-items:center;justify-content:center;
  background:rgba(221,154,50,.12);border:1px solid rgba(221,154,50,.28);
  color:var(--scaw-g-600);margin-bottom:22px;font-size:25px;flex:none;transition:.35s ease;
}

.scaw-card:hover .scaw-ico{background:var(--scaw-grad-gold);border-color:transparent;color:var(--scaw-v-900);transform:rotate(-6deg) scale(1.05)}
.scaw-card--dark .scaw-ico{background:rgba(249,203,121,.10);border-color:rgba(249,203,121,.26);color:var(--scaw-g-300)}
.scaw-ico--sm{width:46px;height:46px;margin-bottom:0;border-radius:10px}

/* Listas con visto bueno */
.scaw-checks{list-style:none;margin:20px 0 0;padding:0}
.scaw-checks li{position:relative;padding-left:28px;margin-bottom:11px;font-size:14.6px;line-height:1.6}
.scaw-checks li:last-child{margin-bottom:0}
.scaw-checks li::before{
  content:"";position:absolute;left:0;top:.5em;width:14px;height:8px;
  border-left:2px solid var(--scaw-g-600);border-bottom:2px solid var(--scaw-g-600);
  transform:rotate(-45deg) translateY(-2px);
}
.scaw-section--dark .scaw-checks li::before,.scaw-section--darker .scaw-checks li::before,
.scaw-card--dark .scaw-checks li::before{border-color:var(--scaw-g-300)}
.scaw-card--dark .scaw-checks li{color:var(--scaw-on-dark-2)}

/* ---------- Imagen + texto ---------- */
.scaw-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,68px);align-items:center}
.scaw-split--rev .scaw-split__media{order:2}
.scaw-split__media{position:relative;min-width:0}
.scaw-split__frame{position:relative;z-index:1;border-radius:var(--scaw-r-md);overflow:hidden;box-shadow:var(--scaw-sh-2)}
.scaw-split__media img{width:100%;object-fit:cover;aspect-ratio:4/3.25}
.scaw-split__media--framed::before{
  content:"";position:absolute;inset:-14px -14px auto auto;width:58%;height:58%;
  border:2px solid rgba(221,154,50,.42);border-radius:var(--scaw-r-md);z-index:0;
}
.scaw-split__copy{min-width:0}
.scaw-split__badge{
  position:absolute;z-index:3;left:-18px;bottom:-18px;max-width:240px;
  background:var(--scaw-grad-gold);color:var(--scaw-v-900);border-radius:var(--scaw-r-md);
  padding:20px 24px;box-shadow:var(--scaw-sh-2);
}
.scaw-split__badge b{display:block;font-family:var(--scaw-font-h);font-size:1.7rem;font-weight:900;line-height:1}
.scaw-split__badge span{display:block;font-family:var(--scaw-font-h);font-size:11.2px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-top:5px;line-height:1.45}

.scaw-mv{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
.scaw-mv__item{border-left:3px solid var(--scaw-g-400);padding:4px 0 4px 18px}
.scaw-mv__item h4{font-family:var(--scaw-font-h);font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--scaw-g-600);margin:0 0 8px}
.scaw-section--dark .scaw-mv__item h4,.scaw-section--darker .scaw-mv__item h4{color:var(--scaw-g-300)}
.scaw-mv__item p{font-size:14.6px;line-height:1.7;margin:0}

/* ---------- Listado de servicios ---------- */
.scaw-slist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.scaw-slist__item{display:flex;gap:16px;align-items:flex-start;padding:17px 0;border-bottom:1px dashed var(--scaw-line-l);transition:padding .28s ease;min-width:0}
.scaw-section--dark .scaw-slist__item,.scaw-section--darker .scaw-slist__item{border-bottom-color:rgba(255,255,255,.08)}
.scaw-slist__item:hover{padding-left:8px}
.scaw-slist__item > div{min-width:0}
.scaw-slist__item i{
  flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(221,154,50,.14);color:var(--scaw-g-600);font-style:normal;
  font-family:var(--scaw-font-h);font-size:11.5px;font-weight:800;margin-top:2px;
}
.scaw-section--dark .scaw-slist__item i,.scaw-section--darker .scaw-slist__item i{background:rgba(249,203,121,.13);color:var(--scaw-g-300)}
.scaw-slist__item b{display:block;font-family:var(--scaw-font-h);font-size:15.4px;font-weight:600;color:var(--scaw-ink);line-height:1.45}
.scaw-section--dark .scaw-slist__item b,.scaw-section--darker .scaw-slist__item b{color:var(--scaw-on-dark)}
.scaw-slist__item small{display:block;font-size:13.4px;color:var(--scaw-ink-3);line-height:1.55;margin-top:3px}
.scaw-section--dark .scaw-slist__item small,.scaw-section--darker .scaw-slist__item small{color:var(--scaw-on-dark-3)}
.scaw-price{
  display:inline-block;font-style:normal;font-family:var(--scaw-font-h);
  font-size:12.4px;font-weight:800;letter-spacing:.03em;white-space:nowrap;
  color:var(--scaw-v-900);background:var(--scaw-grad-gold);
  padding:2px 10px;border-radius:100px;margin-left:9px;vertical-align:2px;
}
.scaw-cond{
  display:block;margin-top:9px;padding-left:12px;
  border-left:2px solid rgba(221,154,50,.55);
  font-size:12.9px;line-height:1.6;color:var(--scaw-ink-3);
}
.scaw-section--dark .scaw-cond,.scaw-section--darker .scaw-cond{border-left-color:rgba(249,203,121,.45);color:var(--scaw-on-dark-3)}

/* ---------- Aviso ---------- */
.scaw-aviso{
  display:flex;gap:16px;align-items:flex-start;
  background:rgba(221,154,50,.08);
  border:1px solid rgba(221,154,50,.30);border-left-width:3px;
  border-radius:var(--scaw-r-md);padding:24px 26px;margin-top:8px;
}
.scaw-section--dark .scaw-aviso,.scaw-section--darker .scaw-aviso{background:rgba(249,203,121,.06);border-color:rgba(249,203,121,.26)}
.scaw-aviso > svg,.scaw-aviso > i{flex:none;color:var(--scaw-g-600);margin-top:3px}

.scaw-section--dark .scaw-aviso > svg,.scaw-section--dark .scaw-aviso > i,
.scaw-section--darker .scaw-aviso > svg,.scaw-section--darker .scaw-aviso > i{color:var(--scaw-g-300)}
.scaw-aviso h4{font-family:var(--scaw-font-h);font-size:11.8px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;color:var(--scaw-g-600)}
.scaw-section--dark .scaw-aviso h4,.scaw-section--darker .scaw-aviso h4{color:var(--scaw-g-300)}
.scaw-aviso p{font-size:14.1px;line-height:1.72;margin:0 0 .85em}
.scaw-aviso p:last-child{margin-bottom:0}

/* ---------- Pasos ---------- */
.scaw-steps{display:grid;grid-template-columns:repeat(var(--scaw-steps,4),minmax(0,1fr));gap:26px;position:relative}
.scaw-steps--linked::before{
  content:"";position:absolute;top:31px;left:11%;right:11%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(221,154,50,.4),rgba(221,154,50,.4),transparent);
}
.scaw-step{text-align:center;position:relative;z-index:2;min-width:0}
.scaw-step b{
  width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;
  font-family:var(--scaw-font-h);font-size:1.22rem;font-weight:900;
  background:var(--scaw-v-900);color:var(--scaw-g-300);border:1px solid rgba(249,203,121,.35);transition:.35s ease;
}
.scaw-section--light .scaw-step b,.scaw-section--tint .scaw-step b{background:var(--scaw-paper);color:var(--scaw-g-600);border-color:rgba(221,154,50,.45);box-shadow:0 4px 18px rgba(19,13,38,.08)}
.scaw-step:hover b{background:var(--scaw-grad-gold);color:var(--scaw-v-900);border-color:transparent;transform:translateY(-5px)}
.scaw-step h4{font-family:var(--scaw-font-h);font-size:1.04rem;margin:0 0 9px}
.scaw-step p{font-size:14.6px;line-height:1.68;margin:0}

/* ---------- FAQ ---------- */
.scaw-faq__item{border-bottom:1px solid var(--scaw-line-l)}
.scaw-section--dark .scaw-faq__item,.scaw-section--darker .scaw-faq__item{border-bottom-color:var(--scaw-line-d2)}
.scaw-faq__h{margin:0;font-size:inherit}
.scaw-faq__q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;
  text-align:left;padding:22px 0;cursor:pointer;
  background:none !important;background-color:transparent !important;
  border:0 !important;box-shadow:none !important;
  font-family:var(--scaw-font-h);font-weight:700;font-size:1.02rem;color:var(--scaw-ink);
}
.scaw-section--dark .scaw-faq__q,.scaw-section--darker .scaw-faq__q{color:#fff}
/* Es un <button>: casi todos los temas le ponen un fondo de color en
   :hover y :focus. Si solo se resetea el estado base, ese color del tema
   aparece igual al pasar el mouse. Hay que neutralizar los tres estados. */
/* El !important es deliberado: hay temas que declaran su button:hover
   con !important, y sin esto el acordeón se pinta del color del tema
   (era lo que lo dejaba rojo). Solo se neutraliza fondo y borde; el
   color del texto sigue siendo nuestro, sin !important. */
.scaw-faq__q:hover,
.scaw-faq__q:focus,
.scaw-faq__q:active,
.scaw-faq__q:focus-visible{
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
.scaw-faq__q:hover{color:var(--scaw-g-600)}
.scaw-section--dark .scaw-faq__q:hover,.scaw-section--darker .scaw-faq__q:hover{color:var(--scaw-g-300)}
/* Al quitar el contorno del navegador hay que reponer uno propio,
   o el foco por teclado deja de verse. */
.scaw-faq__q:focus-visible{
  outline:2px solid var(--scaw-g-400);outline-offset:3px;border-radius:4px;
}
.scaw-faq__q:hover i{border-color:var(--scaw-g-400);color:var(--scaw-g-500)}
.scaw-faq__item.is-open .scaw-faq__q:hover i{color:var(--scaw-v-900)}
/* El tema aplica white-space:nowrap a los <button>, y el <span> de la
   pregunta lo hereda: un texto largo se sale de la pantalla en vez de
   partirse en dos líneas. Forzamos el ajuste normal y permitimos que el
   elemento flexible se encoja (min-width:0), que sin eso no baja del
   ancho de su contenido. */
.scaw-faq__q,
.scaw-faq__q span{
  white-space:normal !important;
  overflow-wrap:break-word;
  word-break:break-word;
}
.scaw-faq__q span{min-width:0;flex:1 1 auto}
.scaw-faq__q i{
  flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(221,154,50,.4);color:var(--scaw-g-500);font-style:normal;position:relative;transition:.3s ease;
}
.scaw-faq__q i::before,.scaw-faq__q i::after{content:"";position:absolute;background:currentColor;border-radius:2px}
.scaw-faq__q i::before{width:11px;height:2px}
.scaw-faq__q i::after{width:2px;height:11px;transition:transform .3s ease}
.scaw-faq__item.is-open .scaw-faq__q i{background:var(--scaw-grad-gold);border-color:transparent;color:var(--scaw-v-900)}
.scaw-faq__item.is-open .scaw-faq__q i::after{transform:scaleY(0)}
.scaw-faq__a{overflow:hidden}
.scaw-faq__a p{padding:0 0 24px;margin:0;font-size:15.2px;line-height:1.75;max-width:78ch}

/* ---------- Secciones legales ---------- */
.scaw-legal__date{
  font-family:var(--scaw-font-h);font-size:11.8px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--scaw-g-600);
  padding-bottom:18px;margin:0 0 34px;border-bottom:1px solid var(--scaw-line-l);
}
.scaw-section--dark .scaw-legal__date,.scaw-section--darker .scaw-legal__date{
  color:var(--scaw-g-300);border-bottom-color:var(--scaw-line-d2);
}
.scaw-legal__block + .scaw-legal__block{margin-top:34px}
.scaw-legal .scaw-h-md{margin:0 0 .6em}
.scaw-legal p,.scaw-legal li{font-size:15.6px;line-height:1.75}
.scaw-legal .scaw-checks{margin-top:16px;margin-bottom:16px}
.scaw-legal .scaw-checks li{margin-bottom:9px}
/* Los enlaces dentro del texto legal usan el dorado de la marca */
.scaw-legal__block a{color:var(--scaw-g-600);text-decoration:underline;text-underline-offset:3px}
.scaw-legal__block a:hover{color:var(--scaw-g-500)}
.scaw-section--dark .scaw-legal__block a,.scaw-section--darker .scaw-legal__block a{color:var(--scaw-g-300)}

/* ---------- Sección de compromiso ---------- */
.scaw-statement{text-align:center}
.scaw-statement .scaw-lead{margin-left:auto;margin-right:auto;margin-bottom:14px}
.scaw-statement .scaw-lead:last-of-type{margin-bottom:0}
.scaw-statement .scaw-rule{margin-left:auto;margin-right:auto;margin-bottom:26px}
.scaw-statement__hl strong{color:var(--scaw-g-600);font-weight:600}
.scaw-section--dark .scaw-statement__hl strong,
.scaw-section--darker .scaw-statement__hl strong{color:var(--scaw-g-300)}
.scaw-btn-row--center{justify-content:center}

/* ---------- Botones al pie de las preguntas frecuentes ---------- */
.scaw-faq__cta{
  margin-top:44px;padding-top:34px;text-align:center;
  border-top:1px solid var(--scaw-line-l);
}
.scaw-section--dark .scaw-faq__cta,.scaw-section--darker .scaw-faq__cta{border-top-color:var(--scaw-line-d2)}
.scaw-faq__cta-txt{
  font-family:var(--scaw-font-h);font-size:1.02rem;font-weight:600;
  color:var(--scaw-ink);margin:0 0 20px;
}
.scaw-section--dark .scaw-faq__cta-txt,.scaw-section--darker .scaw-faq__cta-txt{color:#fff}

/* ---------- Banda de llamada a la acción ---------- */
.scaw-cta{position:relative;overflow:hidden;background:var(--scaw-v-900);text-align:center;padding:clamp(72px,9vw,128px) 0;font-family:var(--scaw-font-b)}
.scaw-cta__bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.scaw-cta__bg--fixed{background-attachment:fixed}
.scaw-cta__bg::after{
  content:"";position:absolute;inset:0;opacity:.86;
  background:
    linear-gradient(180deg,rgba(13,9,25,.92) 0%,rgba(19,13,38,.82) 45%,rgba(30,20,62,.88) 100%),
    radial-gradient(60% 70% at 50% 50%,rgba(76,49,144,.28),transparent 70%);
}
.scaw-cta .scaw-wrap{position:relative;z-index:2}
.scaw-cta h2{color:#fff;font-family:var(--scaw-font-h);font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:900;letter-spacing:-.02em;margin:0 0 16px}
.scaw-cta p{color:var(--scaw-on-dark-2);max-width:62ch;margin:0 auto 32px}
.scaw-cta .scaw-btn-row{justify-content:center}

/* ---------- Datos de contacto ---------- */
.scaw-info{list-style:none;margin:0;padding:0}
.scaw-info__item{display:flex;gap:18px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--scaw-line-d2)}
.scaw-info__item:last-child{border-bottom:0}
.scaw-info__body{min-width:0}
.scaw-info__body h4{font-family:var(--scaw-font-h);font-size:11.8px;letter-spacing:.15em;text-transform:uppercase;color:var(--scaw-g-300);margin:0 0 6px;font-weight:700}
.scaw-info__body p,.scaw-info__body a{font-size:15.6px;color:var(--scaw-on-dark);margin:0;line-height:1.55;font-weight:500;display:block;text-decoration:none;word-break:break-word}
.scaw-info__body a:hover{color:var(--scaw-g-300)}
.scaw-info__body small{display:block;color:var(--scaw-on-dark-3);font-size:13.2px;margin-top:4px}
.scaw-section--light .scaw-info__item,.scaw-section--tint .scaw-info__item{border-bottom-color:var(--scaw-line-l)}
.scaw-section--light .scaw-info__body h4,.scaw-section--tint .scaw-info__body h4{color:var(--scaw-g-600)}
.scaw-section--light .scaw-info__body p,.scaw-section--light .scaw-info__body a,
.scaw-section--tint .scaw-info__body p,.scaw-section--tint .scaw-info__body a{color:var(--scaw-ink)}

/* ---------- Sección de contacto (encabezado + datos + formulario) ---------- */
.scaw-contact__form{min-width:0}
/* La tarjeta del formulario no debe estirarse a lo alto de la columna. */
.scaw-contact__form > .scaw-form-card{height:auto}

/* ---------- Formulario ---------- */
.scaw-form-card{
  background:var(--scaw-paper);border-radius:var(--scaw-r-md);padding:clamp(24px,4vw,44px);
  box-shadow:var(--scaw-sh-2);border:1px solid var(--scaw-line-l);font-family:var(--scaw-font-b);
}
.scaw-section--dark .scaw-form-card,.scaw-section--darker .scaw-form-card{
  background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  border:1px solid var(--scaw-line-d2);box-shadow:var(--scaw-sh-3);
}
.scaw-form-card h3{color:var(--scaw-ink);margin-bottom:.4em}
.scaw-section--dark .scaw-form-card h3,.scaw-section--darker .scaw-form-card h3{color:#fff}
.scaw-form-card__lead{font-size:14.4px;color:var(--scaw-ink-3);margin:0 0 24px}
.scaw-section--dark .scaw-form-card__lead,.scaw-section--darker .scaw-form-card__lead{color:var(--scaw-on-dark-3)}

.scaw-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.scaw-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.scaw-field--full{grid-column:1/-1}
.scaw-field label{font-family:var(--scaw-font-h);font-size:11.8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--scaw-ink)}
.scaw-section--dark .scaw-field label,.scaw-section--darker .scaw-field label{color:var(--scaw-on-dark)}
.scaw-field label sup{color:var(--scaw-g-500);font-size:13px;top:0}
.scaw-field input,.scaw-field select,.scaw-field textarea{
  width:100%;max-width:100%;padding:14px 16px;border-radius:var(--scaw-r-sm);
  border:1px solid var(--scaw-line-l);background:var(--scaw-paper-2);color:var(--scaw-ink);
  font-family:inherit;font-size:15px;transition:.25s ease;outline:none;
}
.scaw-section--dark .scaw-field input,.scaw-section--dark .scaw-field select,.scaw-section--dark .scaw-field textarea,
.scaw-section--darker .scaw-field input,.scaw-section--darker .scaw-field select,.scaw-section--darker .scaw-field textarea{
  background:rgba(13,9,25,.55);border-color:rgba(255,255,255,.12);color:#fff;
}
.scaw-field input:focus,.scaw-field select:focus,.scaw-field textarea:focus{
  border-color:var(--scaw-g-400);box-shadow:0 0 0 3px rgba(221,154,50,.16);
}
.scaw-field textarea{resize:vertical;min-height:130px}
.scaw-field select{
  appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:42px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DD9A32' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:17px;
}
.scaw-section--dark .scaw-field select option,.scaw-section--darker .scaw-field select option{background:var(--scaw-v-850);color:#fff}
.scaw-consent{display:flex;gap:11px;align-items:flex-start;grid-column:1/-1;font-size:13.4px;line-height:1.6;color:var(--scaw-ink-3);cursor:pointer}
.scaw-section--dark .scaw-consent,.scaw-section--darker .scaw-consent{color:var(--scaw-on-dark-2)}
.scaw-consent input{width:17px;height:17px;flex:none;margin-top:3px;accent-color:var(--scaw-g-500)}
.scaw-form .scaw-btn{width:100%}
.scaw-form-msg{padding:15px 18px;border-radius:var(--scaw-r-sm);font-size:14.4px;margin-bottom:22px;line-height:1.6}
.scaw-form-msg--ok{background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.4);color:#1d7a43}
.scaw-section--dark .scaw-form-msg--ok,.scaw-section--darker .scaw-form-msg--ok{color:#8ff0b5}
.scaw-form-msg--error{background:rgba(214,69,69,.1);border:1px solid rgba(214,69,69,.38);color:#a32c2c}
.scaw-section--dark .scaw-form-msg--error,.scaw-section--darker .scaw-form-msg--error{color:#ff9d9d}
/* Honeypot: fuera de la vista pero accesible para los bots. */
.scaw-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- Pie ---------- */
.scaw-footer{background:var(--scaw-v-950);color:var(--scaw-on-dark-2);position:relative;overflow:hidden;padding-top:clamp(48px,6vw,80px);font-family:var(--scaw-font-b)}
.scaw-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(249,203,121,.45),transparent)}
.scaw-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:44px;padding-bottom:48px}
.scaw-footer__col{min-width:0}
.scaw-footer h5{
  font-family:var(--scaw-font-h);font-size:12px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:#fff;margin:0 0 22px;position:relative;padding-bottom:12px;
}
.scaw-footer h5::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:var(--scaw-grad-gold);border-radius:2px}
.scaw-footer__brand img{height:74px;width:auto;margin-bottom:20px}
.scaw-footer__brand p{font-size:14.4px;line-height:1.78;color:var(--scaw-on-dark-3);max-width:36ch;margin:0 0 1em}
.scaw-footer__quote{
  margin-top:18px !important;padding-left:16px;border-left:2px solid var(--scaw-g-400);
  font-family:var(--scaw-font-h);font-style:italic;font-size:14.4px;color:var(--scaw-g-300) !important;line-height:1.6;
}
.scaw-footer__links{list-style:none;margin:0;padding:0}
.scaw-footer__links li{margin-bottom:11px}
.scaw-footer__links a{
  font-size:14.4px;color:var(--scaw-on-dark-2);text-decoration:none;
  display:inline-flex;align-items:center;gap:9px;
}
.scaw-footer__links a::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--scaw-g-500);opacity:.55;transition:.25s ease;flex:none}
.scaw-footer__links a:hover{color:var(--scaw-g-300)}
.scaw-footer__links a:hover::before{opacity:1;transform:scale(1.5)}
.scaw-footer__contact{list-style:none;margin:0;padding:0}
.scaw-footer__contact li{display:flex;gap:13px;align-items:flex-start;margin-bottom:16px;font-size:14.4px;line-height:1.55}
.scaw-footer__contact svg,.scaw-footer__contact i{color:var(--scaw-g-400);margin-top:3px}

.scaw-footer__contact a,.scaw-footer__contact span{color:inherit;text-decoration:none;word-break:break-word;min-width:0}
.scaw-footer__contact a:hover{color:var(--scaw-g-300)}
.scaw-footer__social{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.scaw-footer__social a,.scaw-footer__social span{
  width:38px;height:38px;border-radius:var(--scaw-r-sm);display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--scaw-line-d2);color:var(--scaw-on-dark-2);text-decoration:none;transition:.28s ease;
}
.scaw-footer__social a:hover{background:var(--scaw-grad-gold);border-color:transparent;color:var(--scaw-v-900);transform:translateY(-3px)}
.scaw-topbar__social span,.scaw-footer__social span{opacity:.45;cursor:default}
.scaw-footer__bottom{
  border-top:1px solid var(--scaw-line-d2);padding:22px 0;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:13.2px;color:var(--scaw-on-dark-3);
}
.scaw-footer__bottom a{color:var(--scaw-g-400);text-decoration:none}
.scaw-footer__bottom a:hover{color:var(--scaw-g-300)}

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* Tabletas grandes: la navegación horizontal deja de caber. */
@media (max-width:1024px){
  .scaw-nav,.scaw-header__cta .scaw-btn{display:none}
  .scaw-burger{display:inline-flex}
  .scaw-footer__grid{grid-template-columns:1fr 1fr;gap:36px}
}

@media (max-width:900px){
  .scaw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scaw-split{grid-template-columns:1fr;gap:34px}
  .scaw-split--rev .scaw-split__media{order:0}
  .scaw-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .scaw-steps--linked::before{display:none}
  .scaw-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 0}
  .scaw-stat:nth-child(2n){border-right:0}
  .scaw-stat:nth-child(-n+2){padding-bottom:28px;border-bottom:1px solid var(--scaw-line-d2)}
  .scaw-slist{grid-template-columns:1fr}
  .scaw-anchors--sticky{position:static}
  .scaw-topbar__social{display:none}
}

/* ------------------------------------------------------------
   MÓVIL — punto de corte de Elementor (767px).
   Objetivo: que nada desborde el ancho de la pantalla.
   ------------------------------------------------------------ */
@media (max-width:767px){
  :root{--scaw-header-h:72px}

  .scaw-wrap{padding-left:18px;padding-right:18px}

  /* Cabecera: la marca se encoge, el botón desaparece y solo queda
     el logotipo + la hamburguesa. Así nunca se rompe la fila. */
  .scaw-header__inner{gap:12px}
  .scaw-brand{gap:10px;overflow:hidden}
  .scaw-brand img{height:40px}
  .scaw-brand__txt{font-size:13px;letter-spacing:.06em}
  .scaw-burger{width:42px;height:42px}

  /* Botones a ancho completo: evita que dos botones en fila
     empujen el contenedor más allá del viewport. */
  .scaw-btn{width:100%;padding:14px 20px;font-size:13px}
  .scaw-btn-row{gap:10px}
  .scaw-btn-row .scaw-link-gold{width:100%;justify-content:center}
  .scaw-cta .scaw-btn-row{flex-direction:column;align-items:stretch}

  /* Rejillas a una columna */
  .scaw-grid{grid-template-columns:1fr;gap:20px}
  .scaw-steps{grid-template-columns:1fr;gap:28px}
  .scaw-stats__grid{padding-top:36px;padding-bottom:36px}
  .scaw-mv{grid-template-columns:1fr;gap:16px}
  .scaw-form{grid-template-columns:1fr}

  /* Tarjetas y bloques */
  .scaw-card{padding:26px 22px}
  .scaw-card__num{font-size:2.6rem;top:16px;right:18px}
  .scaw-aviso{padding:20px;gap:12px;flex-direction:column}
  .scaw-slist__item .scaw-price{margin-left:0;margin-top:6px;display:table}

  /* Imagen + texto */
  .scaw-split__media--framed::before{display:none}
  .scaw-split__badge{position:static;margin-top:14px;max-width:100%;left:auto;bottom:auto}

  /* Hero */
  .scaw-hero .scaw-wrap{padding-top:48px;padding-bottom:56px}
  .scaw-hero--plain .scaw-wrap{padding-bottom:64px}
  .scaw-hero__scroll{display:none}
  .scaw-hero__trust{gap:10px 18px;margin-top:32px}

  /* El fondo fijo no funciona bien en iOS ni en Android. */
  .scaw-cta__bg--fixed{background-attachment:scroll}

  /* Pie */
  .scaw-footer__grid{grid-template-columns:1fr;gap:30px}
  .scaw-footer__bottom{flex-direction:column;text-align:center;gap:10px}
  .scaw-footer__brand p{max-width:none}

  /* Barra superior: solo lo esencial */
  .scaw-topbar{font-size:12.4px}
  .scaw-topbar .scaw-wrap{justify-content:center}
  .scaw-topbar__items{gap:16px;justify-content:center}
  .scaw-hide-mobile{display:none !important}

  .scaw-sechead{margin-bottom:34px}
}

/* Pantallas muy angostas (por debajo de un iPhone SE) */
@media (max-width:359px){
  .scaw-brand__txt{display:none}
  .scaw-topbar__items li:nth-child(n+2){display:none}
}

/* El fondo fijo tampoco funciona en táctiles de cualquier tamaño. */
@media (hover:none){
  .scaw-cta__bg--fixed{background-attachment:scroll}
}

/* Respeta la preferencia de menos movimiento del sistema. */
@media (prefers-reduced-motion:reduce){
  .scaw-hero__scroll i{animation:none}
  [class^="scaw-"],[class*=" scaw-"]{transition-duration:.01ms !important}
}