.sosf-ds{--radius-card: 32px 32px 32px 0; --sec-y: 80px; --fs-h1: 40px; --lh-h1: 44px; --fs-h2: 32px; --lh-h2: 36px; --fs-h3: 24px; --lh-h3: 28px; --fs-copy: 14px; --lh-copy: 18px; --ls-copy: -.016em; --fs-small: 14px; --lh-small: 18px; --ls-small: -.016em; --fs-caption: 12px; --lh-caption: 16px; --ls-caption: -.01em; --eyebrow-size: 20px; --eyebrow-ls: 2px; --eyebrow-size-sm: 15px; --eyebrow-ls-sm: 1px; --arrow-circle-size: 40px; --card-pad: 24px; --fs-card-copy: 15px; --lh-card-copy: 24px;}
@media (min-width: 768px){.sosf-ds{--sec-y: 96px; --fs-h1: 64px; --lh-h1: 68px; --fs-h2: 40px; --lh-h2: 44px; --fs-h3: 24px; --lh-h3: 28px; --fs-copy: 17px; --lh-copy: 25px; --ls-copy: -.022em; --card-pad: 28px;}}
@media (min-width: 1025px){.sosf-ds{--sec-y: 144px; --fs-h1: 80px; --lh-h1: 84px; --fs-h2: 48px; --lh-h2: 52px; --fs-h3: 28px; --lh-h3: 32px; --card-pad: 32px;}}
.sosf-ds{--color-primary: #FF5A00; --color-secondary: #BCB79F; --color-text: #3C3A2E; --color-accent: #02FFF5; --color-dark-bg: #32312C; --color-white: #FFFFFF; --color-black: #000000; --color-link-hover-dark: #555349; --color-link-hover-light: #CAC5AF; --color-line-light: rgba(188, 183, 159, .2); --color-darken: rgba(0, 0, 0, .1); --color-darken-hover: rgba(0, 0, 0, .19); --bg-dark-1: var(--color-text); --bg-dark-2: var(--color-dark-bg); --btn-bg-dark: var(--color-dark-bg); --overlay-soft: var(--color-darken); --overlay: var(--color-darken-hover);}
.sosf-ds :where(p, li, a, span, figcaption, td, th){font-family: Inter, sans-serif; letter-spacing: 0px;}
.sosf-ds *{word-spacing: normal;}
.sosf-ds p{margin: 0px 0px 13px; color: rgb(60, 58, 46);}
.sosf-ds ul,.sosf-ds ol{margin: 0px 0px 13px;}
.sosf-ds li{margin: 0px 0px 9px; color: rgb(60, 58, 46);}
.sosf-ds :is(h2, h3, h4){font-family: "Barlow Condensed", sans-serif; font-weight: 700; color: rgb(60, 58, 46); text-transform: none;}
.sosf-ds :is(h3, h4){font-weight: 600; letter-spacing: 0.02em;}
.sosf-ds :is(h3, h4){font-weight: 600;}
.sosf-ds h2{font-size: 36px; line-height: 45px; letter-spacing: -0.3px;}
.sosf-ds h3{font-size: 25px; line-height: 1.2; letter-spacing: 0px;}
.sosf-ds img{max-width: 100%; height: auto; min-width: 1px; min-height: 1px;}
.sosf-ds{--space-xs: 8px; --space-sm: 12px; --space-md: 20px; --space-lg: 32px; --space-xl: 48px; --space-2xl: 64px; --space-3xl: 96px; --space-4xl: 128px; --measure: 65ch; --radius-xs: 4px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-xl: 32px; --radius-full: 100px; --shadow-card: 0 2px 4px rgba(0, 0, 0, 0.28); --shadow-card-hover: 0 4px 8px rgba(0, 0, 0, 0.32); --card-lift: -5px; --transition-fast: 0.25s ease; --transition-base: 0.3s ease; --transition-btn: 0.3s ease-in-out; --transition-slow: 0.5s ease-in-out;}
.sosf-ds .card-subtle{display: flex; flex-direction: column; gap: var(--space-sm); padding: var(--card-pad); border: 1px solid var(--color-darken-hover); border-radius: var(--radius-card);}
.sosf-ds .card-subtle{border-color: transparent; background: var(--color-darken);}
.sosf-ds .card-subtle :is(h2, h3, h4){margin: 0px;}
.sosf-ds .tip{--tip-col: 94px; box-sizing: border-box; max-width: 720px; position: relative; display: flex; padding-left: calc(var(--tip-col) + var(--space-lg) + 16px);}
.sosf-ds .tip > img{position: absolute; left: 0px; bottom: 0px; height: 135.2%; width: auto; max-width: none;}
.sosf-ds .tip > .card-subtle{position: relative; flex: 1 1 0%; min-width: 0px; justify-content: center; gap: 4px; padding: 16px; border-radius: var(--radius-md);}
.sosf-ds .tip > .card-subtle::before{content: ""; position: absolute; left: -13px; top: 50%; width: 0px; height: 0px; margin-top: -12px; border-width: 12px 12px 12px 0px; border-style: solid solid solid none; border-top-color: transparent; border-bottom-color: transparent; border-image: none; border-left-color: currentcolor; border-right-color: var(--color-darken);}
@media (max-width: 600px){.sosf-ds .tip{padding-left: 0px; align-items: flex-end; gap: var(--space-md);}.sosf-ds .tip > img{position: static; flex: 0 0 auto; width: 72px; height: auto;}.sosf-ds .tip > .card-subtle::before{top: calc(50% + 30px);}}
.sosf-ds .card-subtle p{font-size: var(--fs-card-copy); line-height: var(--lh-card-copy);}
.sosf-ds .card-subtle p{margin: 0px;}
.sosf-ds:not(.ds) :is(.section, [class^="section--"], [class*=" section--"]){width: 100%; padding: var(--sec-y) 0; overflow: visible; box-sizing: border-box;}
.sosf-ds:not(.ds) :is(.wrapper, [class^="wrapper--"], [class*=" wrapper--"]){position: static; left: auto; z-index: auto; max-width: calc(1500px + 2 * var(--space-md)); margin-inline: auto; padding-inline: var(--space-md); background: none; box-sizing: border-box;}
.sosf-ds:not(.ds) :is(.wrapper, [class^="wrapper--"], [class*=" wrapper--"]){max-width: calc(var(--wrapper-width, 1500px) + 2 * var(--space-md));}
.sosf-ds:not(.ds) .wrapper--narrow{--wrapper-width: 1000px;}
.sosf-ds:not(.ds) :is(.section, [class^="section--"], [class*=" section--"]) > :is(.wrapper, [class^="wrapper--"], [class*=" wrapper--"]){display: flex; flex-direction: column; gap: var(--wrapper-gap, var(--space-xl));}
.sosf-ds:not(.ds) :is(.section, [class^="section--"], [class*=" section--"]) > :is(.wrapper, [class^="wrapper--"], [class*=" wrapper--"]) > *{min-width: 0px;}
@media (max-width: 767px){.sosf-ds:not(.ds) :is(.section, [class^="section--"], [class*=" section--"]) > :is(.wrapper, [class^="wrapper--"], [class*=" wrapper--"]){--wrapper-gap: var(--space-lg); --header-gap: var(--space-md);}}
.sosf-ds .btn{font-family: "Barlow Condensed", sans-serif !important; letter-spacing: 0.04em !important;}
.sosf-ds .btn{box-sizing: border-box; display: inline-block; justify-content: center; text-align: center; padding: 10px 16px; font-size: 18px; line-height: 21px; text-decoration: none !important;}
.sosf-ds .btn{--btn-bg: transparent; --btn-color: var(--color-text); --btn-border-color: var(--color-text); --btn-border-width: 2px; --btn-bg-hover: var(--btn-bg); --btn-color-hover: var(--btn-color); --btn-border-hover: var(--btn-border-color); --btn-shadow-hover: none; background-color: var(--btn-bg) !important; color: var(--btn-color) !important; border: var(--btn-border-width) solid var(--btn-border-color) !important; border-radius: var(--radius-full) !important; transition: all var(--transition-btn) !important; font-weight: 600 !important; text-transform: uppercase !important;}
.sosf-ds .btn:hover{background-color: var(--btn-bg-hover) !important; color: var(--btn-color-hover) !important; border-color: var(--btn-border-hover) !important; box-shadow: var(--btn-shadow-hover) !important;}
.sosf-ds .btn.-primary{--btn-bg: var(--color-text); --btn-color: var(--color-accent); --btn-border-color: var(--color-secondary); --btn-border-hover: var(--color-accent); --btn-shadow-hover: 0 0 10px var(--color-accent);}
.sosf-ds .btn.-ghost{--btn-border-width: 0; --btn-bg-hover: var(--overlay-soft);}
.sosf-ds :is(.on-accent, .theme-accent) .btn.-primary{--btn-bg: var(--color-text); --btn-color: var(--color-accent); --btn-border-color: var(--color-accent); --btn-bg-hover: var(--color-text);}
.sosf-ds .pill{--btn-bg: transparent; --btn-color: var(--color-text); --btn-border-color: var(--color-text); --btn-border-width: 1px; --btn-bg-hover: var(--btn-bg); --btn-color-hover: var(--btn-color); --btn-border-hover: var(--btn-border-color); --btn-shadow-hover: none; line-height: 1.4; font-size: 12px !important; font-weight: normal !important; padding: 2px 10px !important; text-transform: none !important; transition: all var(--transition-btn) !important; background-color: var(--btn-bg) !important; color: var(--btn-color) !important; border: var(--btn-border-width) solid var(--btn-border-color) !important; border-radius: var(--radius-full) !important;}
.sosf-ds .pill:hover{background-color: var(--btn-bg-hover) !important; color: var(--btn-color-hover) !important; border-color: var(--btn-border-hover) !important; box-shadow: var(--btn-shadow-hover) !important;}
.sosf-ds .pill.-primary{--btn-bg: var(--color-text); --btn-color: var(--color-secondary); --btn-border-color: var(--color-text); --btn-border-hover: var(--color-accent); --btn-shadow-hover: 0 0 10px var(--color-accent);}
.sosf-ds .pill.-secondary{--btn-bg-hover: var(--color-text); --btn-color-hover: var(--color-secondary);}
.sosf-ds .pill{display: inline-flex; align-items: center; gap: 0.5em; text-decoration: none !important;}
.sosf-ds .pill.-large{gap: var(--space-xs); padding: var(--space-xs) var(--space-md) !important; font-size: var(--fs-small) !important;}
.sosf-ds .pills{display: flex; flex-wrap: wrap; gap: var(--space-xs);}
.sosf-ds:not(.ds) .btn.-arrow{display: inline-flex; align-items: center; gap: var(--space-xs);}
.sosf-ds:not(.ds) .btn.-arrow::after{content: ""; flex: 0 0 auto; width: 10px; height: 15px; background: currentcolor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 18'%3E%3Cpath d='M4 3l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / contain no-repeat;}

/* CTA y onboarding (copia de page-36659.css) */
.sosf-ds{overflow-x:clip}
.sosf-ds :where(h1,h2,h3,p,ul,ol,dl,dd,fieldset,legend){margin:0}
.sosf-ds :where(ul,ol){padding:0;list-style:none}
.sosf-ds li{margin:0}


html:has(.onb-modal[open]),html:has(.onb-modal[open]) body{overflow:hidden}
.sosf-ds .onb-modal{box-sizing:border-box;display:flex;flex-direction:column;width:min(760px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:var(--radius-card);background:var(--color-link-hover-light);color:var(--color-text);box-shadow:0 24px 64px rgba(0,0,0,.35);overflow:hidden}
.sosf-ds .onb-modal:not([open]){display:none}
.sosf-ds .onb-modal::backdrop{background:rgba(50,49,44,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.sosf-ds .onb-modal[open]{animation:onb-pop .28s ease-out}
.sosf-ds .onb-modal[open]::backdrop{animation:onb-fade .28s ease-out}
@keyframes onb-pop{from{opacity:0;transform:translateY(24px) scale(.98)}}
@keyframes onb-fade{from{opacity:0}}
.sosf-ds .onb-modal__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--card-pad) + 16px) var(--card-pad) var(--card-pad)}
.sosf-ds .onb-modal__x{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--radius-full);background:var(--color-darken);color:var(--color-text);font:400 28px/1 Inter,sans-serif;cursor:pointer;transition:background var(--transition-fast,.15s)}
.sosf-ds .onb-modal__x:hover{background:var(--color-darken-hover)}
.sosf-ds .onb-modal__x:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}
.sosf-ds .onb-modal .onb-card{padding:0;border:0;border-radius:0}
.sosf-ds .onb-modal .onb :is(input[type=text],input[type=email],textarea){border-color:color-mix(in srgb,var(--color-text) 20%,transparent)}
@media (prefers-reduced-motion:reduce){.sosf-ds .onb-dots__track{transition:none}.sosf-ds .onb-modal[open],.sosf-ds .onb-modal[open]::backdrop,.sosf-ds .onb:is(.-a,.-b) .onb-step:not([hidden]){animation:none}.sosf-ds .onb-dots *{transition:none}}

.sosf-ds .onb{--onb-accent:var(--color-accent);max-width:720px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-lg)}
.sosf-ds .onb-err{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--color-primary);font-weight:600}
.sosf-ds .onb .pill[aria-pressed="true"]{--btn-bg:var(--onb-accent);--btn-color:var(--btn-bg-dark);--btn-border-color:var(--btn-bg-dark);--btn-shadow-hover:none}
.sosf-ds .onb-modal .onb :is(input,textarea):focus{outline:0;border-color:var(--color-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--onb-accent) 70%,transparent)}
.sosf-ds .onb-check input{width:18px;height:18px;margin:0;accent-color:var(--onb-accent)}
.sosf-ds .onb-choice[aria-pressed="true"]{border-color:var(--onb-accent);box-shadow:inset 0 0 0 1px var(--onb-accent);background:color-mix(in srgb,var(--onb-accent) 18%,transparent)}
.sosf-ds .onb-next li::before{content:counter(n);display:grid;place-items:center;width:32px;height:32px;margin-bottom:var(--space-xs);border-radius:var(--radius-full);background:var(--onb-accent);color:var(--color-text);font-weight:600}
.sosf-ds .onb-card{padding:var(--card-pad);border:1px solid var(--color-darken-hover);border-radius:var(--radius-card)}
.sosf-ds .onb-step{display:flex;flex-direction:column;gap:var(--space-md);min-width:0;padding:0;border:0}
.sosf-ds .onb-step[hidden]{display:none}
.sosf-ds .onb-q{float:left;width:100%;padding:0;font-family:"Barlow Condensed",sans-serif;font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:600;color:var(--color-text)}
.sosf-ds .onb-q+*{clear:both}
.sosf-ds .onb-err[hidden]{display:none}
.sosf-ds .onb-nav{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-sm);flex-wrap:wrap}
.sosf-ds .onb-nav [data-back]{margin-right:auto}
.sosf-ds .onb button{cursor:pointer}

.sosf-ds .onb-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:600;color:var(--color-text)}
.sosf-ds .onb-field small{font-weight:400;opacity:.75}
.sosf-ds .onb :is(input[type=text],input[type=email],textarea){display:block;width:100%;box-sizing:border-box;margin:0;padding:12px 16px;border:1px solid color-mix(in srgb,var(--color-text) 25%,transparent);border-radius:var(--radius-md);background:var(--color-white,#fff);color:var(--color-text);font-family:Inter,sans-serif;font-size:16px;line-height:20px;font-weight:400;box-shadow:none}
.sosf-ds .onb textarea{height:132px;resize:vertical}
.sosf-ds .onb ::placeholder{color:color-mix(in srgb,var(--color-text) 55%,#fff);opacity:1}
.sosf-ds .onb-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}
.sosf-ds .onb-check{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--color-text);cursor:pointer}


.sosf-ds .onb-dots{overflow:hidden;padding-block:2px}
.sosf-ds .onb-dots[hidden]{display:none}
.sosf-ds .onb-dots__track{position:relative;display:flex;align-items:center;gap:var(--space-sm);width:max-content;transition:transform .45s cubic-bezier(.3,.7,.2,1)}
.sosf-ds .onb-dots li{position:relative;flex:none;display:grid;place-items:center;width:10px;height:10px;border:1px solid var(--color-text);border-radius:var(--radius-full);box-sizing:border-box;background:transparent;color:var(--color-text);transition:width .3s ease,background-color .3s ease}
.sosf-ds .onb-dots li.is-done{background:var(--color-text)}
.sosf-ds .onb-dots li.is-on{width:28px;background:var(--color-text)}
.sosf-ds .onb .onb-dots__b{position:absolute;inset:-13px -8px;z-index:1;width:auto;height:auto;min-width:0;margin:0;padding:0;border:0;border-radius:var(--radius-full);background:transparent;box-shadow:none;cursor:pointer}
.sosf-ds .onb .onb-dots__b:disabled{cursor:default}
.sosf-ds .onb-dots li:has(> .onb-dots__b:not(:disabled):hover){box-shadow:0 0 0 3px var(--onb-accent)}
.sosf-ds .onb-dots li:has(> .onb-dots__b:focus-visible){outline:2px solid var(--color-text);outline-offset:3px}
.sosf-ds .onb-dots{padding-block:6px}

.sosf-ds .onb-modal.-fixed{width:min(600px,calc(100vw - 32px));height:min(720px,calc(100dvh - 48px))}
.sosf-ds .onb-modal.-fixed .onb-modal__body{display:flex;flex-direction:column;padding-bottom:0}
.sosf-ds .onb-modal.-fixed .onb{flex:1 0 auto;width:100%;gap:var(--space-md)}
.sosf-ds .onb-modal.-fixed .onb-card{flex:1 0 auto;display:flex;flex-direction:column}
.sosf-ds .onb-modal.-fixed .onb-step:not([hidden]){flex:1 0 auto}
.sosf-ds .onb-modal.-fixed .onb-nav{position:sticky;bottom:0;z-index:1;margin-top:auto;padding-block:var(--space-sm) var(--card-pad);background:var(--color-link-hover-light)}
.sosf-ds .onb-modal.-fixed .onb-done .onb-reset{margin-top:auto;margin-bottom:var(--card-pad)}

.sosf-ds .onb-files{display:flex;flex-direction:column;gap:var(--space-xs)}
.sosf-ds .onb-drop{position:relative;display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md);border:1px dashed color-mix(in srgb,var(--color-text) 40%,transparent);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:border-color .15s,background-color .15s}
.sosf-ds .onb-drop[hidden]{display:none}
.sosf-ds .onb-drop:hover,.sosf-ds .onb-drop.is-over{border-color:var(--color-text);background:var(--color-darken)}
.sosf-ds .onb-drop:focus-within{outline:2px solid var(--color-text);outline-offset:2px}
.sosf-ds .onb-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.sosf-ds .onb-drop__t{font-size:var(--fs-small);line-height:var(--lh-small);font-weight:600}
.sosf-ds .onb-drop__t small{font-weight:400;opacity:.75}
.sosf-ds .onb-drop__d{font-size:var(--fs-small);line-height:var(--lh-small);opacity:.75}
.sosf-ds .onb-files__list{display:flex;flex-direction:column;gap:6px}
.sosf-ds .onb-files__list:empty{display:none}
.sosf-ds .onb-files__list li{display:flex;align-items:center;gap:var(--space-sm);min-width:0;padding:6px 6px 6px var(--space-sm);border-radius:var(--radius-md);background:var(--color-darken);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--color-text)}
.sosf-ds .onb-files__n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.sosf-ds .onb-files__s{flex:none;opacity:.75}
.sosf-ds .onb-files__x{flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text);font:400 20px/1 Inter,sans-serif;cursor:pointer}
.sosf-ds .onb-files__x:hover{background:var(--color-darken-hover)}
.sosf-ds .onb-ferr{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--color-primary);font-weight:600}
.sosf-ds .onb-ferr[hidden]{display:none}
.sosf-ds .onb-modal.-fixed :is(.onb,.onb-card,.onb-step,.onb-files,.onb-files__list){min-width:0;max-width:100%}
.sosf-ds .onb:is(.-a,.-b){overflow-x:clip}
.sosf-ds .onb:is(.-a,.-b) .onb-step:not([hidden]){animation:onb-in-fwd .35s ease-out}
.sosf-ds .onb:is(.-a,.-b)[data-dir=back] .onb-step:not([hidden]){animation-name:onb-in-back}
@keyframes onb-in-fwd{from{opacity:0;transform:translateX(48px)}}
@keyframes onb-in-back{from{opacity:0;transform:translateX(-48px)}}
.sosf-ds .onb:is(.-a,.-b) .onb-choices{grid-template-columns:minmax(0,1fr)}
.sosf-ds .onb:is(.-a,.-b) .onb-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-md);row-gap:2px;align-items:center;padding:var(--space-sm) var(--space-md)}
.sosf-ds .onb:is(.-a,.-b) .onb-choice__p{grid-column:2;grid-row:1/span 2;margin:0;text-align:right}
.sosf-ds .onb-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}
.sosf-ds .onb-choice{min-width:0;background:transparent;color:var(--color-text);text-align:left;transition:border-color var(--transition-fast,.15s),box-shadow var(--transition-fast,.15s)}
.sosf-ds .onb-choice:hover{border-color:var(--color-text)}
.sosf-ds .onb-choice__p{margin-top:var(--space-xs);font-size:var(--fs-small);line-height:var(--lh-small);font-weight:600}
.sosf-ds .onb-choices.-compact .onb-choice{padding:var(--space-sm) var(--space-md)}

.sosf-ds .onb-done{align-items:center;text-align:center}
.sosf-ds .onb-done h3{font-family:"Barlow Condensed",sans-serif;font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:600;color:var(--color-text);text-transform:none!important}
.sosf-ds .onb-next{counter-reset:n;display:flex;flex-direction:column;gap:var(--space-md);width:100%;margin:0;padding:0;list-style:none}
.sosf-ds .onb-next li{counter-increment:n;display:flex;flex-direction:column;align-items:center;font-size:var(--fs-copy);line-height:var(--lh-copy);color:var(--color-text)}
@media (min-width:601px){.sosf-ds .onb-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
.sosf-ds .onb-done__alt{margin:0;font-size:var(--fs-copy);line-height:var(--lh-copy)}
.sosf-ds .onb-reset{font-size:14px;opacity:.7}



@media (max-width:600px){
.sosf-ds .onb-modal.-fixed{height:calc(100dvh - 24px)}
.sosf-ds .onb:is(.-a,.-b) .onb-choice{grid-template-columns:minmax(0,1fr)}
.sosf-ds .onb:is(.-a,.-b) .onb-choice__p{grid-column:1;grid-row:auto;margin-top:var(--space-xs);text-align:left}
.sosf-ds .onb-modal,.sosf-ds .onb-modal.-fixed{width:100%;max-height:calc(100dvh - 24px);margin:auto 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}
.sosf-ds .onb-modal[open]{animation-name:onb-up}
@keyframes onb-up{from{transform:translateY(100%)}}
.sosf-ds .onb-row,.sosf-ds .onb-choices{grid-template-columns:minmax(0,1fr)}
.sosf-ds .onb-nav .btn{flex:1}
.sosf-ds .onb-nav [data-back]{flex:0 0 auto}
}
.theme-white{--color-darken:rgba(60,58,46,.05);--color-darken-hover:rgba(60,58,46,.12);--color-link-hover-light:var(--color-white);background-color:var(--color-white);color:var(--color-text)}
.theme-white .btn.-primary{--btn-bg:var(--color-accent);--btn-color:var(--btn-bg-dark);--btn-border-color:var(--color-accent);--btn-border-hover:var(--btn-bg-dark);--btn-shadow-hover:0 0 10px var(--color-accent)}
.sosf-ds .onb-modal__body{scrollbar-width:none}
.sosf-ds .onb-modal__body::-webkit-scrollbar{display:none}
.sosf-ds .onb-tip{max-width:100%;margin-top:var(--space-lg)}
.sosf-ds .onb-tip > .card-subtle{padding:var(--space-md)}
.sosf-ds .onb-tip :is(h2,p){margin:0}
.sosf-ds .onb-tip h2{font-size:var(--fs-h3)!important;line-height:var(--lh-h3)!important}
.sosf-ds .onb-tip p{font-size:var(--fs-small);line-height:var(--lh-small)}
.sosf-ds .onb-modal[data-head="center"] .onb-tip{align-self:center}
.sosf-ds .onb-modal[data-head="center"] .onb-tip > .card-subtle{flex:0 1 auto;text-align:center}
.sosf-ds .home-cta{--cta-h:760px;--shape-h:clamp(64px,9vw,128px);position:relative;z-index:101;isolation:isolate;background:var(--color-accent);color:var(--color-text);text-align:center}
.sosf-ds .home-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/wp-content/uploads/2026/11/home-hero-pattern.webp) 50% 100%/1100px auto no-repeat;opacity:.25;mix-blend-mode:multiply}
.sosf-ds .home-cta::after{content:"";position:absolute;left:0;right:0;top:calc(1px - var(--shape-h));height:var(--shape-h);background:var(--color-accent);pointer-events:none;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'><g transform='rotate(180 500 50)'><path fill-opacity='.33' d='M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z'/><path fill-opacity='.66' d='M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z'/><path d='M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z'/></g></svg>") 50% 0/130% 100% no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'><g transform='rotate(180 500 50)'><path fill-opacity='.33' d='M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z'/><path fill-opacity='.66' d='M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z'/><path d='M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z'/></g></svg>") 50% 0/130% 100% no-repeat}
.sosf-ds .home-cta__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}
.sosf-ds .home-cta .eyebrow{margin:0!important;color:var(--color-text)}
.sosf-ds .home-cta h2{max-width:14ch;margin:0;font-size:var(--fs-h1)!important;line-height:var(--lh-h1)!important;color:var(--color-text);text-transform:uppercase!important}
.sosf-ds .home-cta h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--color-text)}
.sosf-ds .home-cta .actions{margin-top:var(--space-sm)}
.sosf-ds .home-cta .actions .btn.-primary{--btn-shadow-hover:0 0 0 6px rgba(60,58,46,.15)}
.sosf-ds .home-cta__meta{margin:0;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:700;opacity:.75}
@media (max-width:767px){.sosf-ds .home-cta h2 em{-webkit-text-stroke-width:1.5px}}
.sosf-ds .home-cta__bubbles{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.sosf-ds .home-cta__bubbles span{position:absolute;left:var(--x);bottom:calc(-1 * var(--s));width:var(--s);height:var(--s);border-radius:var(--radius-full);background:var(--color-text);opacity:var(--o,.14);animation:home-cta-rise var(--d) linear var(--dl) infinite}
@keyframes home-cta-rise{from{transform:translate(0,0) scale(1)}35%{transform:translate(14px,calc(-.35 * var(--e,.7) * var(--cta-h,760px))) scale(.85)}60%{opacity:var(--o,.14)}to{transform:translate(-8px,calc(-1 * var(--e,.7) * var(--cta-h,760px))) scale(.05);opacity:0}}
.sosf-ds .home-cta__bubbles span:nth-child(1){--e:.45;--o:.16}.sosf-ds .home-cta__bubbles span:nth-child(2){--e:.8;--o:.12}.sosf-ds .home-cta__bubbles span:nth-child(3){--e:.6;--o:.1}.sosf-ds .home-cta__bubbles span:nth-child(4){--e:.95;--o:.18}.sosf-ds .home-cta__bubbles span:nth-child(5){--e:.55;--o:.12}.sosf-ds .home-cta__bubbles span:nth-child(6){--e:.7;--o:.16}.sosf-ds .home-cta__bubbles span:nth-child(7){--e:.4;--o:.14}.sosf-ds .home-cta__bubbles span:nth-child(8){--e:.85;--o:.1}.sosf-ds .home-cta__bubbles span:nth-child(9){--e:.65;--o:.18}.sosf-ds .home-cta__bubbles span:nth-child(10){--e:.5;--o:.12}
.sosf-ds .home-cta__meta{font-weight:400;opacity:1;color:var(--color-text)}
@media (prefers-reduced-motion:reduce){.sosf-ds .home-cta__bubbles span{animation:none;bottom:auto;top:calc(var(--x) * 1.1)}}
.sosf-ds .onb-tip.is-sent > .card-subtle{--color-darken:var(--color-accent);background:var(--color-accent);color:var(--color-text)}
.sosf-ds .onb-tip.is-sent > .card-subtle::before{border-right-color:var(--color-accent)}
.sosf-ds .onb-tip [hidden]{display:none}
.sosf-ds .onb-tip.is-sent :is(h2,p,strong){color:var(--color-text)}
.sosf-ds .onb-tip.is-sent{flex-direction:column;align-items:center;gap:var(--space-md);padding-left:0}
.sosf-ds .onb-tip.is-sent > .card-subtle{order:-1;flex:none;max-width:100%;text-align:center}
.sosf-ds .onb-tip.is-sent > .card-subtle::before{left:50%;top:100%;margin:0 0 0 -12px;border-width:12px 12px 0;border-style:solid;border-color:var(--color-accent) transparent transparent}
.sosf-ds .onb-tip.is-sent > .onb-tip__sit{position:static;flex:none;width:auto;height:var(--onb-sit,220px);max-width:none}
.sosf-ds .onb-done h3{margin:0;font-size:var(--fs-h3)!important;line-height:var(--lh-h3)!important}

/* Contact Form 7 dentro del onboarding */
.sosf-ds .onb-card :is(.wpcf7,.wpcf7-form){display:contents}
.sosf-ds .onb-card :is(.wpcf7-response-output,.wpcf7-spinner,.screen-reader-response,.hidden-fields-container,.onb-cf7files){display:none!important}
.sosf-ds .onb .wpcf7-form-control-wrap{display:block;position:relative}
.sosf-ds .onb .wpcf7-not-valid-tip{display:block;margin-top:4px;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:400;color:var(--color-primary)}
.sosf-ds .onb :is(input,textarea).wpcf7-not-valid{border-color:var(--color-primary)}
.sosf-ds .onb-err{display:flex;align-items:flex-start;gap:6px;margin:0}
.sosf-ds .onb-err::before{content:"!";flex:none;display:grid;place-items:center;width:16px;height:16px;margin-top:calc((var(--lh-small) - 16px) / 2);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);font-size:11px;line-height:1;font-weight:700}
.sosf-ds .onb-err:empty::before{display:none}
.sosf-ds .onb-modal .onb .is-invalid :is(input[type=text],input[type=email],textarea){border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}
.sosf-ds .onb-modal .onb .is-invalid :is(input,textarea):focus{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary),0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,transparent)}
.sosf-ds .onb-choices.is-invalid .onb-choice{border-color:var(--color-primary)}
.sosf-ds .onb-pills.is-invalid .pill{--btn-border-color:var(--color-primary);border-color:var(--color-primary)}
.sosf-ds .onb-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sosf-ds .onb-mc p{margin:0}
.sosf-ds .onb-mc label{display:flex;align-items:center;gap:var(--space-xs);margin:0;font-family:Inter,sans-serif;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:400;color:var(--color-text);cursor:pointer}
.sosf-ds .onb-mc input{width:18px;height:18px;margin:0;accent-color:var(--onb-accent)}
.sosf-ds .onb [data-fail]{color:var(--color-primary)}
.sosf-ds .onb.is-sending [data-send]{opacity:.6;cursor:wait}
.sosf-ds.onb-muestras{display:grid;gap:var(--space-xl);padding-block:var(--space-xl)}
.sosf-ds .onb-muestras__item{display:grid;gap:var(--space-sm);justify-items:center}
.sosf-ds .onb-modal.onb-muestra{position:relative;display:flex;margin:0;animation:none}

.sosf-ds .onb-head{display:flex;flex-direction:column;gap:4px;text-align:center}
.sosf-ds .onb-head[hidden],.sosf-ds .onb-logo[hidden],.sosf-ds .onb-sent-t[hidden]{display:none}
.sosf-ds .onb-head h2{font-size:var(--fs-h3)!important;line-height:var(--lh-h3)!important;margin:0}
.sosf-ds .onb-head p{margin:0;font-size:var(--fs-small);line-height:var(--lh-small)}
.sosf-ds .onb-logo{display:block;width:96px;margin-inline:auto;--lg-t:var(--color-text);--lg-h:var(--color-text);--lg-hs:var(--color-text);--lg-c:var(--color-text);--lg-cs:var(--color-text);--lg-d:var(--color-secondary);--lg-sw:13px}
.sosf-ds .onb-logo svg{display:block;width:100%;height:auto;aspect-ratio:425/210;overflow:visible}
.sosf-ds .onb-sent-t{margin:0;text-align:center;font-size:var(--fs-h2)!important;line-height:var(--lh-h2)!important}
.sosf-ds .onb-tip{margin-top:var(--space-md)}
.sosf-ds .onb-tip.is-sent{margin-top:0}
.sosf-ds .onb-tip.is-sent > .onb-tip__sit{height:var(--onb-sit,260px)}
.sosf-ds .onb-next strong{font-weight:600}
.sosf-ds .onb-modal__x{border-radius:0;background:transparent;color:var(--bg-dark-2)}
.sosf-ds .onb-modal__x:hover{background:transparent;opacity:.65}
.sosf-ds .onb-q{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;float:none}
.sosf-ds .onb-tip:not(.is-sent) > img{height:auto;width:var(--tip-col);max-height:none}
.sosf-ds .onb-tip:not(.is-sent){padding-left:calc(var(--tip-col) + 22px)}
@media (max-width:600px){.sosf-ds .onb-tip:not(.is-sent){padding-left:0}}
.sosf-ds .onb-tip .card-subtle h3{margin:0;font-size:var(--fs-h3);line-height:var(--lh-h3)}
.sosf-ds .onb-tip:not(.is-sent) > img{bottom:50%;transform:translateY(50%)}
@media (max-width:600px){.sosf-ds .onb-tip:not(.is-sent){padding-left:0;align-items:center}.sosf-ds .onb-tip:not(.is-sent) > img{position:static;transform:none}}

.sosf-ds .onb-drop{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-sm);align-items:center}
.sosf-ds .onb-drop__i{grid-row:1/3;width:28px;height:28px;opacity:.75}
.sosf-ds .onb-tip > .card-subtle{border:1px solid var(--color-darken-hover)}
.sosf-ds .onb-tip > .card-subtle::before{border-right-color:var(--color-darken-hover)}
.sosf-ds .onb-tip.is-sent > .card-subtle{border-color:var(--color-accent)}
.sosf-ds .onb-tip:not(.is-sent) > .card-subtle{--onb-tipbg:color-mix(in srgb,#3c3a2e 9%,#fff);background:var(--onb-tipbg)}
.sosf-ds .onb-tip:not(.is-sent) > .card-subtle{top:5px}
.sosf-ds .onb-tip:not(.is-sent) > .card-subtle::before{border-right-color:var(--color-dark-bg)}
.sosf-ds .onb-tip:not(.is-sent) > .card-subtle{top:0}
@media (min-width:601px){.sosf-ds .onb-tip:not(.is-sent){min-height:calc(var(--tip-col) * .96);align-items:center}.sosf-ds .onb-tip:not(.is-sent) > img{bottom:0;transform:none}}
.sosf-ds .onb-sep{height:0;margin:0;border:0;border-top:1px dashed var(--color-darken-hover)}
.sosf-ds .onb-tip:not(.is-sent){position:relative;top:calc(var(--space-xs) * -1)}
.sosf-ds .onb-nav .onb-dots{flex:0 0 auto;width:auto;display:flex;justify-content:center;overflow:visible}
.sosf-ds .onb-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.sosf-ds .onb-nav .onb-dots{grid-column:2;grid-row:1;margin:0}
.sosf-ds .onb-nav :is([data-next],[data-send]){grid-column:3;grid-row:1;justify-self:end}
.sosf-ds .onb-nav [data-next]{display:inline-flex;align-items:center;gap:var(--space-xs)}
.sosf-ds .onb-nav .btn.-arrow{display:inline-flex;align-items:center;gap:var(--space-xs)}
.sosf-ds .onb-nav .btn.-arrow::after{ content: ""; flex: none; width: 10px; height: 15px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 18'%3E%3Cpath d='M4 3l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 18'%3E%3Cpath d='M4 3l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.sosf-ds .onb-nav .l-arrow{grid-column:1;grid-row:1;justify-self:start;position:relative;margin:0;padding-left:1.2em;color:var(--color-text)}
.sosf-ds .onb-nav .l-arrow a{color:inherit;text-decoration:none}
.sosf-ds .onb-nav .l-arrow::after{content:"→";position:absolute;left:0;top:0;transform:rotate(180deg);transition:transform var(--transition-base)}
.sosf-ds .onb-nav .l-arrow:hover::after{transform:translateX(calc(var(--space-xs) / -2)) rotate(180deg)}
.sosf-ds .onb-choice :is(h3,p){margin:0}
.sosf-ds .onb:is(.-a,.-b) .onb-choice > p:nth-of-type(1){grid-column:1}