/*
Theme Name:   Kadence Child · Web Argenta
Theme URI:    https://webargenta.com
Description:  Tema hijo de Kadence con el diseño y el movimiento del sitio de Web Argenta. Las clases wa- se ponen en cada bloque (Avanzado > Clases CSS adicionales).
Author:       Web Argenta
Author URI:   https://webargenta.com
Template:     kadence
Version:      1.0.24
Text Domain:  kadence-child-web-argenta
*/

:root{
  --wa-ink:#0F2C4C; --wa-navy:#173E69; --wa-celeste:#43A1D5; --wa-gold:#D5B048;
  --wa-text:#3D4B59; --wa-muted:#5B6975; --wa-line:#E3E8EE; --wa-paper:#F7F5F0;
  --wa-head:'Space Grotesk',system-ui,sans-serif;
  --wa-ease:cubic-bezier(.2,.7,.1,1);
}

/* ---------- Etiqueta de sección:  wa-eyebrow ---------- */
.wa-eyebrow{font-family:var(--wa-head)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--wa-muted)!important;display:flex!important;align-items:center;gap:14px;line-height:1.4!important}
.wa-eyebrow::before{content:"";width:28px;height:1px;background:var(--wa-gold);flex:none}

/* ---------- Sección oscura:  wa-dark ---------- */
.wa-dark{color:#C9D6E3}
.wa-dark h1,.wa-dark h2,.wa-dark h3,.wa-dark h4{color:#fff}
.wa-dark .wa-eyebrow{color:#9FB8D0!important}

/* ---------- Título del inicio:  wa-hero-title ---------- */
.wa-hero-title{letter-spacing:-.04em!important;line-height:.98!important;font-size:clamp(44px,5.2vw,76px)!important}
.wa-hero-title .wa-ln{display:block;overflow:hidden;padding-bottom:.06em}
.wa-hero-title .wa-ln>span{display:inline-block}
.wa-hero-title mark{background:none!important;color:inherit!important;position:relative;white-space:nowrap;padding:0}
.wa-hero-title mark svg{position:absolute;left:-2%;bottom:-.08em;width:104%;height:.32em;overflow:visible}
.wa-hero-title mark path{fill:none;stroke:var(--wa-gold);stroke-width:5;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:0}

/* ---------- Enlace con línea:  wa-link   ·   Flecha:  wa-arrow ---------- */
.wa-link .wp-block-button__link,a.wa-link,.wa-link.kb-button,.wa-link .kb-button{
  background:linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat!important;
  color:var(--wa-ink)!important;padding:0 0 5px!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  font-family:var(--wa-head);font-weight:600;transition:background-size .45s var(--wa-ease)}
.wa-link .wp-block-button__link:hover,a.wa-link:hover,.wa-link.kb-button:hover,.wa-link .kb-button:hover{background-size:35% 1px!important}
.wa-dark .wa-link .wp-block-button__link,.wa-dark a.wa-link,.wa-dark .wa-link.kb-button,.wa-dark .wa-link .kb-button{color:#fff!important}
.wa-arrow .wp-block-button__link::after,a.wa-arrow::after,.wa-arrow.kb-button::after,.wa-arrow .kb-button::after{content:"→";display:inline-block;margin-left:12px;transition:transform .35s var(--wa-ease)}
.wa-arrow .wp-block-button__link:hover::after,a.wa-arrow:hover::after,.wa-arrow.kb-button:hover::after,.wa-arrow .kb-button:hover::after{transform:translateX(4px)}

/* ---------- Pastillas para saltar a secciones:  wa-chips ---------- */
.wa-chips a{display:inline-block;border:1px solid var(--wa-line);padding:9px 18px;border-radius:999px;font-weight:600;font-size:14.5px;color:var(--wa-ink);text-decoration:none;margin:0 6px 10px 0;transition:background .35s var(--wa-ease),color .35s,border-color .35s}
.wa-chips a:hover{background:var(--wa-ink);border-color:var(--wa-ink);color:#fff}
/* También con el bloque Botones avanzados de Kadence (wa-chips en el bloque) */
.wa-chips.kb-buttons-wrap,.wa-chips .kb-buttons-wrap{flex-wrap:wrap!important;gap:0 6px!important;justify-content:flex-start!important}
.wa-chips .kb-button{background:transparent!important;border:1px solid var(--wa-line)!important;border-radius:999px!important;padding:9px 18px!important;font-size:14.5px!important;font-weight:600!important;color:var(--wa-ink)!important;box-shadow:none!important;margin:0 0 10px!important;transition:background .35s var(--wa-ease),color .35s,border-color .35s}
.wa-chips .kb-button:hover{background:var(--wa-ink)!important;border-color:var(--wa-ink)!important;color:#fff!important}

/* ---------- Banda en movimiento:  wa-band  (en un bloque Lista) ---------- */
.wa-band-wrap{background:var(--wa-ink);overflow:hidden;padding:26px 0}
.wa-band-track{display:flex;width:max-content;animation:wa-marquee 38s linear infinite}
.wa-band-wrap:hover .wa-band-track{animation-play-state:paused}
.wa-band-track ul{display:flex;list-style:none!important;margin:0!important;padding:0!important}
.wa-band-track li{font-family:var(--wa-head);font-size:clamp(22px,2.4vw,32px);font-weight:500;letter-spacing:-.01em;color:#fff;white-space:nowrap;display:flex;align-items:center;margin:0!important}
.wa-band-track li::after{content:"";width:7px;height:7px;background:var(--wa-gold);transform:rotate(45deg);margin:0 34px}
@keyframes wa-marquee{to{transform:translateX(-50%)}}

/* ---------- Lista numerada de servicios o proyectos:  wa-rows  >  wa-row ---------- */
.wa-rows{border-top:1px solid var(--wa-ink);counter-reset:wa}
.wa-row{position:relative;border-bottom:1px solid var(--wa-line);padding:30px 44px 30px 56px!important;margin:0!important;counter-increment:wa}
.wa-row::before{content:counter(wa,decimal-leading-zero);position:absolute;left:0;top:35px;font-family:var(--wa-head);font-size:14px;color:var(--wa-celeste)}
.wa-row::after{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--wa-celeste);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--wa-ease)}
.wa-row:hover::after{transform:scaleX(1)}
.wa-row h2,.wa-row h3,.wa-row h4{margin-top:0!important;margin-bottom:8px!important;transition:transform .45s var(--wa-ease)}
.wa-row:hover h2,.wa-row:hover h3,.wa-row:hover h4{transform:translateX(6px)}
.wa-row p{color:var(--wa-muted);margin:0!important}
.wa-row h2 a,.wa-row h3 a,.wa-row h4 a{color:inherit!important;text-decoration:none!important}
.wa-row .wa-arr{position:absolute;right:0;top:32px;width:22px;height:22px;color:var(--wa-ink);opacity:.25;transition:opacity .3s,transform .45s var(--wa-ease)}
.wa-row:hover .wa-arr{opacity:1;transform:translate(3px,-3px)}
.wa-row.wa-click{cursor:pointer}
.wa-dark .wa-rows{border-top-color:rgba(255,255,255,.3)}
.wa-dark .wa-row{border-bottom-color:rgba(255,255,255,.18)}
.wa-dark .wa-row::before{color:var(--wa-gold)}
.wa-dark .wa-row p{color:#C9D6E3}
.wa-dark .wa-row .wa-arr{color:#fff}

/* ---------- Lista con tildes:  wa-ticks  (en un bloque Lista; wa-one = una columna) ---------- */
.wa-ticks{list-style:none!important;padding-left:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}
.wa-ticks.wa-one{grid-template-columns:minmax(0,1fr)}
/* Lista ancha en 4 columnas:  wa-ticks wa-wide  (2 en tablet, 1 en celular) */
.wa-ticks.wa-wide{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){ .wa-ticks.wa-wide{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .wa-ticks.wa-wide{grid-template-columns:minmax(0,1fr)} }
.wa-ticks li{display:flex;gap:12px;align-items:flex-start;margin:0!important;line-height:1.45}
.wa-tick{flex:none;width:20px;height:20px;margin-top:1px}
.wa-tick circle{fill:none;stroke:var(--wa-line);stroke-width:1.5}
.wa-tick path{fill:none;stroke:var(--wa-celeste);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:0}
.wa-dark .wa-tick circle,.wa-rec .wa-tick circle{stroke:rgba(255,255,255,.22)}

/* ---------- Foto que se descubre:  wa-media  (wa-from-right = desde la derecha) ---------- */
.wa-media,.wa-hero-photo{overflow:hidden}
.wa-media img,.wa-hero-photo img{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- Número grande de fondo:  wa-bignum ---------- */
.wa-bignum{position:absolute!important;top:-.5em;right:0;margin:0!important;font-family:var(--wa-head)!important;font-weight:700!important;font-size:clamp(96px,13vw,190px)!important;line-height:1!important;color:transparent!important;-webkit-text-stroke:1px #D9E2EB;letter-spacing:-.05em;z-index:0;pointer-events:none;will-change:transform}

/* ---------- Pasos con línea:  wa-steps  >  wa-step  >  wa-num ---------- */
.wa-steps{position:relative}
.wa-rail{position:absolute;left:0;right:0;height:1px;background:var(--wa-line);pointer-events:none;z-index:0}
.wa-rail i{position:absolute;inset:0;background:var(--wa-navy);transform:scaleX(var(--p,0));transform-origin:left}
.wa-num{width:56px!important;height:56px!important;border-radius:50%;background:#fff;border:1px solid var(--wa-line);display:grid!important;place-items:center;padding:0!important;font-family:var(--wa-head)!important;font-weight:600!important;font-size:17px!important;line-height:1!important;color:var(--wa-ink)!important;margin:0 0 28px!important;position:relative;z-index:1;transition:background .5s,border-color .5s,color .5s}
.wa-step.wa-on .wa-num{background:var(--wa-navy);border-color:var(--wa-navy);color:#fff!important}

/* ---------- Tarjeta de plan:  wa-plan  (wa-rec = recomendado)  ·  wa-badge ---------- */
.wa-plan{position:relative;background:#fff;border:1px solid var(--wa-line);padding:clamp(28px,3vw,40px)!important;height:100%;transition:transform .5s var(--wa-ease),box-shadow .5s var(--wa-ease),border-color .5s}
.wa-plan:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(15,44,76,.10);border-color:#CFD9E3}
.wa-plan.wa-rec{background:var(--wa-ink);border-color:var(--wa-ink);color:#C9D6E3}
.wa-plan.wa-rec h2,.wa-plan.wa-rec h3,.wa-plan.wa-rec h4{color:#fff}
.wa-plan.wa-rec::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--wa-gold);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--wa-ease) .5s}
.wa-plan.wa-rec.wa-in::before{transform:scaleX(1)}
.wa-plan.wa-rec h2,.wa-plan.wa-rec h3,.wa-plan.wa-rec h4{color:#fff!important}
.wa-plan.wa-rec p,.wa-plan.wa-rec li,.wa-plan.wa-rec .wa-muted{color:#C9D6E3!important}
.wa-plan .wa-badge,.wa-plan.wa-rec .wa-badge{color:var(--wa-gold)!important;border:1px solid rgba(213,176,72,.5)!important}
/* Precio de la tarjeta:  wa-price  (en el título "Presupuesto a medida"; el párrafo siguiente queda debajo, entre líneas) */
.wa-price{margin:28px 0 0!important;padding:22px 0 0!important;border:0!important;border-top:1px solid var(--wa-line)!important;font-family:var(--wa-head)!important;font-size:24px!important;font-weight:600!important;line-height:1.25!important;letter-spacing:-.01em;color:var(--wa-ink)!important}
.wa-price+:is(p,.wp-block-kadence-advancedheading),.wa-price+style+:is(p,.wp-block-kadence-advancedheading){margin:4px 0 26px!important;padding:0 0 22px!important;border:0!important;border-bottom:1px solid var(--wa-line)!important;font-size:14px!important}
.wa-rec .wa-price{border-top-color:rgba(255,255,255,.15)!important;color:#fff!important}
.wa-rec .wa-price+:is(p,.wp-block-kadence-advancedheading),.wa-rec .wa-price+style+:is(p,.wp-block-kadence-advancedheading){border-bottom-color:rgba(255,255,255,.15)!important;color:#9FB8D0!important}
.wa-badge{position:absolute!important;top:22px;right:22px;margin:0!important;font-family:var(--wa-head)!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--wa-gold)!important;border:1px solid rgba(213,176,72,.5);padding:5px 10px!important;line-height:1.3!important}

/* ---------- Preguntas frecuentes:  wa-faq  (grupo con bloques Detalles) ---------- */
.wa-faq{border-top:1px solid var(--wa-ink)}
.wa-faq details{border-bottom:1px solid var(--wa-line);margin:0!important;padding:0!important}
.wa-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 0;font-family:var(--wa-head);font-size:clamp(18px,1.6vw,21px);font-weight:600;color:var(--wa-ink)}
.wa-faq summary::-webkit-details-marker{display:none}
.wa-faq summary::after{content:"+";flex:none;width:30px;height:30px;border:1px solid var(--wa-line);border-radius:50%;display:grid;place-items:center;font-weight:400;font-size:18px;line-height:1;transition:background .4s,color .4s,border-color .4s}
.wa-faq details[open] summary::after{content:"−";background:var(--wa-ink);border-color:var(--wa-ink);color:#fff}
.wa-faq .wa-ans{overflow:hidden}
.wa-faq .wa-ans>*{color:var(--wa-muted);margin:0 56px 26px 0!important}

/* ---------- Ventana de navegador para capturas:  wa-frame  (en un bloque Imagen) ---------- */
.wa-frame{background:#fff;border:1px solid var(--wa-line);border-radius:10px;overflow:hidden;box-shadow:0 30px 60px rgba(15,44,76,.10);transition:transform .8s var(--wa-ease)}
.wa-frame:hover{transform:translateY(-6px) rotate(-.4deg)}
.wa-frame img{display:block;width:100%;height:auto}
.wa-frame-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--wa-line);background:#FBFCFD}
.wa-frame-bar i{width:9px;height:9px;border-radius:50%;background:#DCE3EA}
.wa-frame-bar span{margin-left:14px;flex:1;height:22px;border-radius:11px;background:#F4F7FA}

/* ---------- Llamado final con círculos:  wa-cta ---------- */
.wa-cta{position:relative;overflow:hidden}
.wa-cta>*:not(.wa-ring){position:relative;z-index:1}
.wa-ring{position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.wa-ring.r1{right:-120px;top:-120px;width:360px;height:360px;border:1px solid rgba(213,176,72,.35);animation:wa-spin 40s linear infinite}
.wa-ring.r2{right:-60px;top:-60px;width:240px;height:240px;border:1px solid rgba(67,161,213,.35)}
@keyframes wa-spin{to{transform:rotate(360deg)}}

/* ---------- Formulario Fluent Forms con línea:  wa-form ---------- */
.wa-form .ff-el-form-control{border:0!important;border-bottom:1px solid #CFC8B8!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:8px 0 12px!important;font-size:17px!important;color:var(--wa-ink)!important;transition:border-color .4s}
.wa-form .ff-el-form-control:focus{border-bottom-color:var(--wa-navy)!important}
.wa-form .ff-el-input--label label{font-family:var(--wa-head);font-size:12.5px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--wa-muted)!important}

/* =====================================================================
   MOVIMIENTO  (solo en el sitio publicado: wa-kadence.js agrega wa-js)
   ===================================================================== */
html.wa-js .wa-rv{opacity:0;transform:translateY(28px);transition:opacity 1s var(--wa-ease),transform 1s var(--wa-ease);transition-delay:var(--d,0s)}
html.wa-js .wa-rv.wa-in{opacity:1;transform:none}
.wa-d1{--d:.08s}.wa-d2{--d:.16s}.wa-d3{--d:.24s}.wa-d4{--d:.32s}

html.wa-js .wa-hero-title:not(.wa-ready){opacity:0}
html.wa-js .wa-hero-title .wa-ln>span{transform:translateY(105%);transition:transform 1.1s var(--wa-ease);transition-delay:var(--d,0s)}
html.wa-js .wa-hero-title.wa-in .wa-ln>span{transform:none}
html.wa-js .wa-hero-title mark path{stroke-dashoffset:420;transition:stroke-dashoffset 1.3s var(--wa-ease) 1.05s}
html.wa-js .wa-hero-title.wa-in mark path{stroke-dashoffset:0}

html.wa-js .wa-hero-photo img{clip-path:inset(0 0 100% 0);transition:clip-path 1.4s var(--wa-ease) .35s}
html.wa-js .wa-hero-photo.wa-in img{clip-path:inset(0 0 0 0)}

html.wa-js .wa-media img{clip-path:inset(0 100% 0 0);transform:scale(1.14);transition:clip-path 1.4s var(--wa-ease),transform 1.8s var(--wa-ease)}
html.wa-js .wa-media.wa-from-right img{clip-path:inset(0 0 0 100%)}
html.wa-js .wa-media.wa-in img{clip-path:inset(0 0 0 0);transform:scale(1)}

html.wa-js .wa-ticks li{opacity:0;transform:translateX(-8px);transition:opacity .6s var(--wa-ease),transform .6s var(--wa-ease);transition-delay:calc(var(--i,0) * 70ms + .2s)}
html.wa-js .wa-ticks .wa-tick path{stroke-dashoffset:14;transition:stroke-dashoffset .6s var(--wa-ease);transition-delay:calc(var(--i,0) * 70ms + .45s)}
html.wa-js .wa-ticks.wa-in li{opacity:1;transform:none}
html.wa-js .wa-ticks.wa-in .wa-tick path{stroke-dashoffset:0}

/* ---------- Celular ---------- */
@media (max-width:960px){ .wa-rail{display:none} .wa-bignum{font-size:96px!important} }
@media (max-width:600px){ .wa-ticks{grid-template-columns:minmax(0,1fr)} .wa-row{padding-left:40px!important} .wa-faq .wa-ans>*{margin-right:0!important} }

/* ---------- Sin movimiento si el sistema lo pide ---------- */
@media (prefers-reduced-motion:reduce){
  .wa-band-track,.wa-ring.r1{animation:none}
  html.wa-js .wa-rv,html.wa-js .wa-ticks li,html.wa-js .wa-hero-title:not(.wa-ready){opacity:1;transform:none}
  html.wa-js .wa-hero-title .wa-ln>span{transform:none}
  html.wa-js .wa-hero-photo img,html.wa-js .wa-media img{clip-path:none;transform:none}
  html.wa-js .wa-ticks .wa-tick path,html.wa-js .wa-hero-title mark path{stroke-dashoffset:0}
  *{transition:none!important}
}

/* =====================================================================
   PÁGINAS ARMADAS CON BLOQUES DE WORDPRESS (código para pegar)
   ===================================================================== */
/* Sección de ancho completo:  wa-sec  (wa-tight-top = sin espacio arriba) */
.wa-sec{padding:clamp(80px,10vw,140px) clamp(20px,4vw,48px)!important;margin-top:0!important;margin-bottom:0!important}
.wa-sec.wa-tight-top{padding-top:0!important}
.wa-sec>.wp-block-columns+.wp-block-columns{margin-top:clamp(40px,6vw,80px)}
.wa-sec .wp-block-columns{gap:clamp(32px,6vw,96px)}
.wa-band-sec{margin:0!important;padding:0!important}
.wa-band-sec .wa-band-wrap{margin:0}

/* Textos */
.wa-lead{font-size:clamp(17px,1.5vw,20px)!important;color:var(--wa-muted)!important;max-width:34em}
.wa-muted{color:var(--wa-muted)!important}
.wa-dark .wa-muted{color:#C9D6E3!important}
.wa-tag{font-family:var(--wa-head)!important;font-size:13px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--wa-gold)!important;margin:0 0 6px!important}
.wa-quote{font-family:var(--wa-head)!important;font-weight:500!important;font-size:clamp(26px,3.2vw,42px)!important;line-height:1.22!important;letter-spacing:-.02em;color:var(--wa-ink)!important}
.wa-cite{display:flex;align-items:center;gap:14px;font-size:15px!important;color:var(--wa-muted)!important;margin-top:30px!important}
.wa-cite::before{content:"";width:28px;height:1px;background:var(--wa-gold)}

/* Datos bajo el encabezado y principios */
.wa-facts{border-top:1px solid var(--wa-line);margin-top:clamp(48px,6vw,80px)!important;padding-top:22px}
.wa-facts p{font-size:15px;color:var(--wa-muted)}
.wa-facts strong{display:inline-block;font-family:var(--wa-head);font-weight:600;font-size:17px;color:var(--wa-ink);margin-bottom:2px}
.wa-principle{border-top:1px solid #D8D2C4;padding-top:18px}
.wa-principle h3{font-size:19px!important;margin:0 0 8px!important}
.wa-principle p{font-size:15.5px;color:var(--wa-muted)}
.wa-head{margin-bottom:clamp(40px,5vw,64px)!important}

/* Botones apilados o a la derecha */
.wa-stack{flex-direction:column;align-items:flex-start!important;gap:20px!important}
.wa-right{justify-content:flex-end}
@media (max-width:781px){.wa-right{justify-content:flex-start}}

/* Recuadro del llamado final:  wa-box */
.wa-box{padding:clamp(40px,6vw,80px)!important;color:#C9D6E3}
.wa-box h2{margin-top:0}

/* ---------- Tarjeta flotante sobre la foto:  wa-hero-col (columna)  >  wa-card (párrafo) ---------- */
.wa-hero-col{position:relative}
.wa-card{position:absolute!important;left:-28px;bottom:32px;z-index:2;margin:0!important;background:#fff;padding:16px 20px!important;max-width:250px;box-shadow:0 18px 40px rgba(15,44,76,.12);font-size:14px!important;line-height:1.45!important;color:var(--wa-text)}
.wa-card strong{display:block;font-family:var(--wa-head);font-size:15px;color:var(--wa-ink);margin-bottom:2px}
.wa-card strong::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#3BA776;margin-right:8px;vertical-align:1px;animation:wa-pulse 2.4s infinite}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(59,167,118,.5)}70%{box-shadow:0 0 0 9px rgba(59,167,118,0)}100%{box-shadow:0 0 0 0 rgba(59,167,118,0)}}
@media (max-width:781px){.wa-card{left:16px;bottom:16px}}

/* Entrada de la tarjeta flotante: aparece después del título y la foto */
html.wa-js .wa-card{opacity:0;translate:0 16px;transition:opacity .9s var(--wa-ease) 1.1s,translate .9s var(--wa-ease) 1.1s}
html.wa-js .wa-card.wa-in{opacity:1;translate:0 0}
@media (prefers-reduced-motion:reduce){html.wa-js .wa-card{opacity:1;translate:0 0}}

/* La flecha no se corta al pasar el mouse (los botones de Kadence recortan lo que sobresale) */
.wa-arrow.kb-button,.wa-arrow .kb-button,.wa-arrow .wp-block-button__link{overflow:visible!important}
.wa-link.kb-button,.wa-link .kb-button,.wa-link .wp-block-button__link{padding-right:6px!important}

/* Etiqueta de la banda:  wa-band-label  (párrafo justo antes de la lista wa-band) */
.wa-band-wrap{display:flex;align-items:center;gap:40px}
.wa-band-wrap .wa-band-label{flex:none;margin:0!important;padding-left:clamp(20px,4vw,48px);font-family:var(--wa-head)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:#9FB8D0!important;white-space:nowrap;line-height:1.3!important}
@media (max-width:600px){.wa-band-wrap .wa-band-label{display:none}}
.wa-band-view{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 48px);mask-image:linear-gradient(to right,transparent,#000 48px)}
.wa-band-wrap:hover .wa-band-track{animation-play-state:paused}

/* Etiqueta pegada a su título (Kadence agrega margen arriba de los títulos) */
.wa-eyebrow{margin-bottom:18px!important}
.wa-eyebrow+h1,.wa-eyebrow+h2,.wa-eyebrow+h3,.wa-eyebrow+div>h1,.wa-eyebrow+div>h2{margin-top:0!important}

/* Columna que acompaña al bajar:  wa-sticky  (en la columna) */
@media (min-width:782px){
  .wa-sticky{align-self:flex-start!important;position:sticky!important;top:48px}
  /* si la cabecera queda fija, la columna se para debajo de ella */
  body:has(.kadence-sticky-header) .wa-sticky,body:has([data-sticky]) .wa-sticky{top:120px}
  .kt-row-column-wrap:has(>.wa-sticky){align-items:flex-start}
}

/* Círculos de los pasos: ganan a los estilos propios de los títulos de Kadence */
.wa-steps .wa-num{border-radius:50%!important;background:#fff!important;border:1px solid var(--wa-line)!important;text-align:center!important;justify-content:center!important}
.wa-steps .wa-step.wa-on .wa-num{background:var(--wa-navy)!important;border-color:var(--wa-navy)!important;color:#fff!important}

/* Títulos blancos en secciones oscuras, aunque el bloque tenga un color propio */
.wa-dark h1,.wa-dark h2,.wa-dark h3,.wa-dark h4{color:#fff!important}
.wa-dark p:not(.wa-eyebrow):not(.wa-tag):not(.wa-num){color:#C9D6E3}

/* ---------- Lista de proyectos en una línea:  wa-projects  (junto con wa-rows) ---------- */
.wa-projects .wa-row{padding:34px 60px 34px 0!important;overflow:hidden}
.wa-projects .wa-row::before{content:"";counter-increment:none;position:absolute;inset:0;top:0;left:0;width:auto;height:auto;background:rgba(255,255,255,.05);transform:translateY(101%);transition:transform .55s var(--wa-ease);font-size:0}
.wa-projects .wa-row:hover::before{transform:translateY(0)}
.wa-projects .wa-row>*:not(.wa-arr),.wa-projects .wa-row>.wp-block-group__inner-container>*{position:relative;z-index:1}
.wa-projects .wa-row>.wa-arr{position:absolute!important;right:8px}
.wa-projects .wa-row>.wp-block-group__inner-container,.wa-projects .wa-row:not(:has(>.wp-block-group__inner-container)){display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.6fr) minmax(0,1.3fr);gap:16px 32px;align-items:center}
.wa-projects .wa-row h2,.wa-projects .wa-row h3,.wa-projects .wa-row h4{margin:0!important;font-size:clamp(26px,3vw,40px)!important;letter-spacing:-.03em;line-height:1.1!important;transition:transform .5s var(--wa-ease)}
.wa-projects .wa-row:hover h2,.wa-projects .wa-row:hover h3,.wa-projects .wa-row:hover h4{transform:translateX(10px)}
.wa-projects .wa-row p{margin:0!important;max-width:none!important}
.wa-projects .wa-row .wa-arr{top:50%;margin-top:-12px;width:24px;height:24px;opacity:.6;z-index:1}
.wa-projects .wa-row:hover .wa-arr{opacity:1}
@media (max-width:781px){
  .wa-projects .wa-row>.wp-block-group__inner-container,.wa-projects .wa-row:not(:has(>.wp-block-group__inner-container)){grid-template-columns:minmax(0,1fr);gap:8px}
  .wa-projects .wa-row .wa-arr{top:38px;margin-top:0}
}
.wa-projects .wa-row::after{top:0;z-index:2}

/* Botón blanco para fondos azules:  wa-btn-light  (en el botón) */
.wa-btn-light.kb-button,.wa-btn-light .kb-button,.wa-btn-light .wp-block-button__link{background:#fff!important;color:var(--wa-ink)!important;border-color:#fff!important;padding:16px 26px!important}
.wa-btn-light.kb-button:hover,.wa-btn-light .kb-button:hover,.wa-btn-light .wp-block-button__link:hover{background:var(--wa-gold)!important;border-color:var(--wa-gold)!important;color:var(--wa-ink)!important}
/* Botones uno debajo del otro:  wa-stack  (en la columna o en el grupo de botones de Kadence) */
.wa-stack .kb-buttons-wrap,.wa-stack.kb-buttons-wrap{flex-direction:column!important;align-items:flex-start!important;gap:24px!important}

/* Columnas alineadas abajo:  wa-bottom  (en la fila). El llamado final (wa-cta) ya lo trae */
.wa-bottom>.kt-row-column-wrap,.wa-cta>.kt-row-column-wrap{align-items:end!important}
.wa-bottom>.kt-row-column-wrap>.wp-block-kadence-column,.wa-cta>.kt-row-column-wrap>.wp-block-kadence-column{align-self:end!important}

/* ---------- Pie de página (Personalizar > Pie de página: fila del medio con 4 widgets y fila inferior) ---------- */
.site-footer .site-middle-footer-wrap .site-footer-row-container-inner{border-top:3px solid var(--wa-gold)}
.site-footer .site-footer-section:not(:last-child):after{display:none!important}
.site-footer .site-middle-footer-wrap,.site-footer .site-middle-footer-wrap p,.site-footer .site-middle-footer-wrap li{color:#9FB8D0!important;font-size:15px;line-height:1.7}
.site-footer .site-middle-footer-wrap .widget{margin-bottom:0!important}
.site-footer .site-middle-footer-wrap .widget+.widget{margin-top:0}
.site-footer .site-middle-footer-wrap h1,.site-footer .site-middle-footer-wrap h2,.site-footer .site-middle-footer-wrap h3,.site-footer .site-middle-footer-wrap h4,.site-footer .site-middle-footer-wrap .widget-title{color:#fff!important;font-family:var(--wa-head)!important;font-weight:600!important;font-size:14px!important;line-height:1.3!important;text-transform:uppercase;letter-spacing:.12em;margin:0 0 22px!important;padding:0!important}
.site-footer .site-middle-footer-wrap ul{list-style:none!important;margin:0!important;padding:0!important}
.site-footer .site-middle-footer-wrap li{margin:0 0 10px!important;padding:0!important}
.site-footer .site-middle-footer-wrap li::marker{content:none}
.site-footer .site-middle-footer-wrap a{text-decoration:none!important;transition:color .25s}
.site-footer .site-middle-footer-wrap a:hover{color:#fff!important}
.site-footer .site-middle-footer-wrap p{margin:0;max-width:330px}
/* Logo arriba del texto de la primera columna (no hace falta agregar una imagen al widget) */
.site-footer .footer-widget1 .footer-widget-area-inner::before{content:"";display:block;width:160px;height:55px;margin:0 0 24px;background:url(/wp-content/uploads/2026/10/cropped-logo-horizontal-dark-300x102.png) left center/contain no-repeat}
.site-footer .footer-widget1 .footer-widget-area-inner:has(img)::before{display:none}
@media (min-width:1025px){
  .site-middle-footer-inner-wrap.site-footer-row-columns-4{grid-template-columns:1.4fr 1fr 1fr 1.3fr!important;column-gap:56px!important}
  .site-footer .footer-widget4 li{white-space:nowrap}
}
/* Franja inferior */
.site-footer .site-bottom-footer-inner-wrap{border-top:1px solid rgba(255,255,255,.12);padding:26px 0 30px!important;align-items:center}
.site-footer .site-bottom-footer-wrap,.site-footer .site-bottom-footer-wrap p,.site-footer .site-bottom-footer-wrap a{color:#9FB8D0!important;font-size:13.5px!important;margin:0!important}
.site-footer .site-bottom-footer-wrap a:hover{color:#fff!important}
.site-footer .site-bottom-footer-wrap .widget{margin-bottom:0!important}
.site-footer .site-footer-bottom-section-2{justify-content:flex-end}
.site-footer .site-footer-bottom-section-2>*,.site-footer .site-footer-bottom-section-2 .footer-widget-area-inner,.site-footer .site-footer-bottom-section-2 nav{width:100%;justify-content:flex-end;text-align:right}
#colophon .footer-navigation .footer-menu-container>ul{justify-content:flex-end}
.site-footer .site-middle-footer-wrap .menu a{display:inline-block;padding:0!important;line-height:1.7}
#colophon .footer-navigation .footer-menu-container>ul>li>a{padding:0 0 0 22px!important}
@media (max-width:767px){
  .site-footer .site-footer-bottom-section-2,.site-footer .site-footer-bottom-section-2>*,.site-footer .site-footer-bottom-section-2 nav,#colophon .footer-navigation .footer-menu-container>ul{justify-content:flex-start;text-align:left}
  #colophon .footer-navigation .footer-menu-container>ul>li>a{padding:0 22px 0 0!important}
}

/* Tarjetas de plan: igual al diseño */
.wa-plan>.kt-inside-inner-col{position:static!important;display:flex!important;flex-direction:column;height:100%}
.wa-plan h3{font-size:26px!important;line-height:1.2!important;margin:0 0 10px!important}
.wa-plan .wa-muted:not(.wa-price){font-size:15.5px!important;line-height:1.55!important;min-height:3.1em;margin:0!important}
.wa-plan.wa-rec .wa-muted{color:#9FB8D0!important}
.wa-plan .wa-ticks{margin:0 0 34px!important}
.wa-plan .wa-ticks li{font-size:15.5px!important}
.wa-plan .kb-buttons-wrap{margin-top:auto!important;justify-content:flex-start!important}
.wa-plan .kb-button{margin:0!important}
/* Nota con línea dorada:  wa-note */
.wa-note{display:flex!important;align-items:center;gap:14px;margin-top:30px!important;font-size:15px!important;color:var(--wa-muted)!important}
.wa-note::before{content:"";width:28px;height:1px;background:var(--wa-gold);flex:none}
/* Etiqueta celeste arriba del título de un plan:  wa-kind  (por ejemplo "Abono mensual") */
.wa-kind{font-family:var(--wa-head)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--wa-celeste)!important;line-height:1.3!important;margin:0 0 12px!important}
/* Etiquetas en pastillas:  wa-pills  (en un bloque Lista; cada ítem es una pastilla, no son enlaces) */
.wa-pills{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-wrap:wrap;gap:8px}
.wa-pills li{margin:0!important;padding:6px 14px!important;border:1px solid var(--wa-line);border-radius:999px;font-size:14px!important;font-weight:600;line-height:1.4!important;color:var(--wa-ink)}
.wa-pills li::marker{content:none}
.wa-dark .wa-pills li{border-color:rgba(255,255,255,.22);color:#fff}
/* El título que sigue a una etiqueta wa-kind va pegado a ella */
.wa-kind+:is(h2,h3),.wa-kind+style+:is(h2,h3){margin-top:0!important}

/* Texto de historia:  wa-story  (en cada párrafo)  ·  wa-drop = letra capital (solo en el primero) */
.wa-story{font-size:clamp(17px,1.4vw,19px)!important;line-height:1.65!important;color:var(--wa-text)!important;max-width:36em;margin:0 0 24px!important}
.wa-drop::first-letter{font-family:var(--wa-head);font-weight:600;font-size:3.6em;line-height:.85;float:left;margin:.06em .12em 0 0;color:var(--wa-navy)}
/* Grilla con recuadros:  wa-tools  (en un bloque Lista; en cada ítem, título en negrita + Mayús+Enter + texto) */
.wa-tools{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.wa-tools li{position:relative;overflow:hidden;margin:0!important;padding:28px 26px!important;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);font-size:14.5px!important;line-height:1.45!important;color:#9FB8D0!important}
.wa-tools li::marker{content:none}
.wa-tools li::before{content:"";position:absolute;inset:0;background:var(--wa-navy);transform:translateY(101%);transition:transform .55s var(--wa-ease);z-index:0}
.wa-tools li:hover::before{transform:none}
.wa-tools li>*{position:relative;z-index:1}
.wa-tools li strong{display:block;font-family:var(--wa-head);font-size:19px;font-weight:600;color:#fff;margin-bottom:6px}
.wa-tools li br{display:none}
@media (max-width:960px){ .wa-tools{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .wa-tools{grid-template-columns:minmax(0,1fr)} }

/* Canales de contacto:  wa-channels  (en un bloque Lista; en cada ítem: título chico, Mayús+Enter, dato en negrita, Mayús+Enter, aclaración) */
.wa-channels{list-style:none!important;margin:0!important;padding:0!important;border-top:1px solid var(--wa-ink)}
.wa-channels li{position:relative;margin:0!important;padding:24px 44px 24px 0!important;border-bottom:1px solid var(--wa-line);font-size:14.5px!important;line-height:1.5!important;color:var(--wa-muted)}
.wa-channels li::marker{content:none}
.wa-channels li::first-line{font-family:var(--wa-head);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}
.wa-channels li br{display:none}
.wa-channels li strong{display:block;margin:6px 0 2px;font-family:var(--wa-head);font-size:clamp(19px,1.8vw,24px);font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--wa-ink);transition:transform .45s var(--wa-ease)}
.wa-channels li a{color:inherit!important;text-decoration:none!important}
.wa-channels li a::before{content:"";position:absolute;inset:0}
.wa-channels li:hover strong{transform:translateX(6px)}
.wa-channels li:has(a)::after{content:"↗";position:absolute;right:0;top:50%;margin-top:-14px;font-size:22px;line-height:28px;color:var(--wa-ink);opacity:.25;transition:opacity .3s,transform .45s var(--wa-ease)}
.wa-channels li:has(a):hover::after{opacity:1;transform:translate(3px,-3px)}
/* Formulario (Fluent Forms dentro de una columna con wa-form): título, campos, ayuda, botón y mensaje */
.wa-form h2{font-size:clamp(26px,2.6vw,34px)!important;line-height:1.15!important;margin:0 0 30px!important}
.wa-form .ff-el-group{margin-bottom:26px!important}
.wa-form .ff-t-container{gap:28px}
.wa-form .ff-t-cell{padding:0!important}
.wa-form .ff-el-input--label{margin-bottom:6px!important}
.wa-form .ff-el-input--label.ff-el-is-required.asterisk-right label::after{color:var(--wa-gold)!important}
.wa-form textarea.ff-el-form-control{min-height:120px!important;resize:vertical}
.wa-form select.ff-el-form-control{appearance:none!important;-webkit-appearance:none!important;padding-right:30px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F2C4C' stroke-width='1.6'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 4px center/18px!important}
.wa-form .ff-el-help-message{font-size:13.5px!important;font-style:normal!important;color:var(--wa-muted)!important;margin-top:8px!important}
.wa-form .ff-btn-submit{background:var(--wa-navy)!important;color:#fff!important;border:0!important;border-radius:2px!important;box-shadow:none!important;padding:16px 26px!important;font-family:var(--wa-head)!important;font-size:16px!important;font-weight:600!important;transition:background .3s!important}
.wa-form .ff-btn-submit::after{content:"→";margin-left:12px}
.wa-form .ff-btn-submit:hover{background:var(--wa-ink)!important;opacity:1!important}
.wa-form .wa-muted{font-size:13.5px!important;margin-top:18px!important}
.wa-form .ff-message-success{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;font-size:17px;color:var(--wa-text)}
.wa-form .fluentform,.wa-form .fluentform form,.wa-form .ff_submit_btn_wrapper{margin-bottom:0!important}