/* KASITHA · kx-stitch-p01 · v18.71d
   CSS de la landing P01, TODO acotado a .stx-p01:
   1) preflight del diseño (neutraliza estilos globales de app.css dentro de la landing)
   2) utilidades Tailwind compiladas
   3) CSS de la sección compartir (extraído de la landing anterior)
   4) ajustes puntuales */
.stx-p01 .stx-p01 *, .stx-p01 ::before, .stx-p01 ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}



.stx-p01 ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}



.stx-p01 /*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

.stx-p01 *, .stx-p01 ::before, .stx-p01 ::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}



.stx-p01 ::before, .stx-p01 ::after {
  --tw-content: '';
}



.stx-p01 /*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

.stx-p01 {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}



.stx-p01 /*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

.stx-p01 {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}



.stx-p01 /*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}



.stx-p01 /*
Add the correct text decoration in Chrome, .stx-p01 Edge, .stx-p01 and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}



.stx-p01 /*
Remove the default font size and weight for headings.
*/

h1, .stx-p01 h2, .stx-p01 h3, .stx-p01 h4, .stx-p01 h5, .stx-p01 h6 {
  font-size: inherit;
  font-weight: inherit;
}



.stx-p01 /*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}



.stx-p01 /*
Add the correct font weight in Edge and Safari.
*/

b, .stx-p01 strong {
  font-weight: bolder;
}



.stx-p01 /*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code, .stx-p01 kbd, .stx-p01 samp, .stx-p01 pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}



.stx-p01 /*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}



.stx-p01 /*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub, .stx-p01 sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}



.stx-p01 sub {
  bottom: -0.25em;
}



.stx-p01 sup {
  top: -0.5em;
}



.stx-p01 /*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, .stx-p01 https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, .stx-p01 https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}



.stx-p01 /*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button, .stx-p01 input, .stx-p01 optgroup, .stx-p01 select, .stx-p01 textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}



.stx-p01 /*
Remove the inheritance of text transform in Edge and Firefox.
*/

button, .stx-p01 select {
  text-transform: none;
}



.stx-p01 /*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button, .stx-p01 input:where([type='button']), .stx-p01 input:where([type='reset']), .stx-p01 input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}



.stx-p01 /*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}



.stx-p01 /*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}



.stx-p01 /*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}



.stx-p01 /*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button, .stx-p01 ::-webkit-outer-spin-button {
  height: auto;
}



.stx-p01 /*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}



.stx-p01 /*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}



.stx-p01 /*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}



.stx-p01 /*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}



.stx-p01 /*
Removes the default spacing and border for appropriate elements.
*/

blockquote, .stx-p01 dl, .stx-p01 dd, .stx-p01 h1, .stx-p01 h2, .stx-p01 h3, .stx-p01 h4, .stx-p01 h5, .stx-p01 h6, .stx-p01 hr, .stx-p01 figure, .stx-p01 p, .stx-p01 pre {
  margin: 0;
}



.stx-p01 fieldset {
  margin: 0;
  padding: 0;
}



.stx-p01 legend {
  padding: 0;
}



.stx-p01 ol, .stx-p01 ul, .stx-p01 menu {
  list-style: none;
  margin: 0;
  padding: 0;
}



.stx-p01 /*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}



.stx-p01 /*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}



.stx-p01 /*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, .stx-p01 textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}



.stx-p01 input::placeholder, .stx-p01 textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}



.stx-p01 /*
Set the default cursor for buttons.
*/

button, .stx-p01 [role="button"] {
  cursor: pointer;
}



.stx-p01 /*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}



.stx-p01 /*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img, .stx-p01 svg, .stx-p01 video, .stx-p01 canvas, .stx-p01 audio, .stx-p01 iframe, .stx-p01 embed, .stx-p01 object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}



.stx-p01 /*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img, .stx-p01 video {
  max-width: 100%;
  height: auto;
}



.stx-p01 /* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}



.stx-p01 input:where([type='text']), .stx-p01 input:where(:not([type])), .stx-p01 input:where([type='email']), .stx-p01 input:where([type='url']), .stx-p01 input:where([type='password']), .stx-p01 input:where([type='number']), .stx-p01 input:where([type='date']), .stx-p01 input:where([type='datetime-local']), .stx-p01 input:where([type='month']), .stx-p01 input:where([type='search']), .stx-p01 input:where([type='tel']), .stx-p01 input:where([type='time']), .stx-p01 input:where([type='week']), .stx-p01 select:where([multiple]), .stx-p01 textarea, .stx-p01 select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}



.stx-p01 input:where([type='text']):focus, .stx-p01 input:where(:not([type])):focus, .stx-p01 input:where([type='email']):focus, .stx-p01 input:where([type='url']):focus, .stx-p01 input:where([type='password']):focus, .stx-p01 input:where([type='number']):focus, .stx-p01 input:where([type='date']):focus, .stx-p01 input:where([type='datetime-local']):focus, .stx-p01 input:where([type='month']):focus, .stx-p01 input:where([type='search']):focus, .stx-p01 input:where([type='tel']):focus, .stx-p01 input:where([type='time']):focus, .stx-p01 input:where([type='week']):focus, .stx-p01 select:where([multiple]):focus, .stx-p01 textarea:focus, .stx-p01 select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}



.stx-p01 input::-moz-placeholder, .stx-p01 textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}



.stx-p01 input::placeholder, .stx-p01 textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}



.stx-p01 ::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}



.stx-p01 ::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}



.stx-p01 ::-webkit-datetime-edit {
  display: inline-flex;
}



.stx-p01 ::-webkit-datetime-edit, .stx-p01 ::-webkit-datetime-edit-year-field, .stx-p01 ::-webkit-datetime-edit-month-field, .stx-p01 ::-webkit-datetime-edit-day-field, .stx-p01 ::-webkit-datetime-edit-hour-field, .stx-p01 ::-webkit-datetime-edit-minute-field, .stx-p01 ::-webkit-datetime-edit-second-field, .stx-p01 ::-webkit-datetime-edit-millisecond-field, .stx-p01 ::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}



.stx-p01 select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}



.stx-p01 select:where([multiple]), .stx-p01 select:where([size]:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}



.stx-p01 input:where([type='checkbox']), .stx-p01 input:where([type='radio']) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}



.stx-p01 input:where([type='checkbox']) {
  border-radius: 0px;
}



.stx-p01 input:where([type='radio']) {
  border-radius: 100%;
}



.stx-p01 input:where([type='checkbox']):focus, .stx-p01 input:where([type='radio']):focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}



.stx-p01 input:where([type='checkbox']):checked, .stx-p01 input:where([type='radio']):checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}



.stx-p01 input:where([type='checkbox']):checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}



@media (forced-colors: active)  {
  
.stx-p01 input:where([type='checkbox']):checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }

}



.stx-p01 input:where([type='radio']):checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}



@media (forced-colors: active)  {
  
.stx-p01 input:where([type='radio']):checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }

}



.stx-p01 input:where([type='checkbox']):checked:hover, .stx-p01 input:where([type='checkbox']):checked:focus, .stx-p01 input:where([type='radio']):checked:hover, .stx-p01 input:where([type='radio']):checked:focus {
  border-color: transparent;
  background-color: currentColor;
}



.stx-p01 input:where([type='checkbox']):indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}



@media (forced-colors: active)  {
  
.stx-p01 input:where([type='checkbox']):indeterminate {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }

}



.stx-p01 input:where([type='checkbox']):indeterminate:hover, .stx-p01 input:where([type='checkbox']):indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}



.stx-p01 input:where([type='file']) {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}



.stx-p01 input:where([type='file']):focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}




.stx-p01 .fixed {
  position: fixed;
}



.stx-p01 .absolute {
  position: absolute;
}



.stx-p01 .relative {
  position: relative;
}



.stx-p01 .sticky {
  position: sticky;
}



.stx-p01 .inset-0 {
  inset: 0px;
}



.stx-p01 .inset-x-0 {
  left: 0px;
  right: 0px;
}



.stx-p01 .-left-3 {
  left: -0.75rem;
}



.stx-p01 .-top-3 {
  top: -0.75rem;
}



.stx-p01 .bottom-0 {
  bottom: 0px;
}



.stx-p01 .bottom-6 {
  bottom: 1.5rem;
}



.stx-p01 .left-0 {
  left: 0px;
}



.stx-p01 .left-1\/2 {
  left: 50%;
}



.stx-p01 .left-4 {
  left: 1rem;
}



.stx-p01 .left-6 {
  left: 1.5rem;
}



.stx-p01 .right-4 {
  right: 1rem;
}



.stx-p01 .top-0 {
  top: 0px;
}



.stx-p01 .top-1\/2 {
  top: 50%;
}



.stx-p01 .top-4 {
  top: 1rem;
}



.stx-p01 .top-6 {
  top: 1.5rem;
}



.stx-p01 .-z-10 {
  z-index: -10;
}



.stx-p01 .z-10 {
  z-index: 10;
}



.stx-p01 .z-20 {
  z-index: 20;
}



.stx-p01 .z-30 {
  z-index: 30;
}



.stx-p01 .z-50 {
  z-index: 50;
}



.stx-p01 .col-span-1 {
  grid-column: span 1 / span 1;
}



.stx-p01 .mx-auto {
  margin-left: auto;
  margin-right: auto;
}



.stx-p01 .mb-1 {
  margin-bottom: 0.25rem;
}



.stx-p01 .mb-12 {
  margin-bottom: 3rem;
}



.stx-p01 .mb-2 {
  margin-bottom: 0.5rem;
}



.stx-p01 .mb-3 {
  margin-bottom: 0.75rem;
}



.stx-p01 .mb-4 {
  margin-bottom: 1rem;
}



.stx-p01 .mb-5 {
  margin-bottom: 1.25rem;
}



.stx-p01 .mb-6 {
  margin-bottom: 1.5rem;
}



.stx-p01 .ml-1 {
  margin-left: 0.25rem;
}



.stx-p01 .mt-0\.5 {
  margin-top: 0.125rem;
}



.stx-p01 .mt-12 {
  margin-top: 3rem;
}



.stx-p01 .mt-2 {
  margin-top: 0.5rem;
}



.stx-p01 .mt-4 {
  margin-top: 1rem;
}



.stx-p01 .mt-6 {
  margin-top: 1.5rem;
}



.stx-p01 .block {
  display: block;
}



.stx-p01 .flex {
  display: flex;
}



.stx-p01 .inline-flex {
  display: inline-flex;
}



.stx-p01 .grid {
  display: grid;
}



.stx-p01 .hidden {
  display: none;
}



.stx-p01 .h-10 {
  height: 2.5rem;
}



.stx-p01 .h-14 {
  height: 3.5rem;
}



.stx-p01 .h-16 {
  height: 4rem;
}



.stx-p01 .h-24 {
  height: 6rem;
}



.stx-p01 .h-5 {
  height: 1.25rem;
}



.stx-p01 .h-6 {
  height: 1.5rem;
}



.stx-p01 .h-8 {
  height: 2rem;
}



.stx-p01 .h-80 {
  height: 20rem;
}



.stx-p01 .h-\[650px\] {
  height: 650px;
}



.stx-p01 .h-full {
  height: 100%;
}



.stx-p01 .min-h-screen {
  min-height: 100vh;
}



.stx-p01 .w-0\.5 {
  width: 0.125rem;
}



.stx-p01 .w-1 {
  width: 0.25rem;
}



.stx-p01 .w-10 {
  width: 2.5rem;
}



.stx-p01 .w-14 {
  width: 3.5rem;
}



.stx-p01 .w-32 {
  width: 8rem;
}



.stx-p01 .w-5 {
  width: 1.25rem;
}



.stx-p01 .w-8 {
  width: 2rem;
}



.stx-p01 .w-80 {
  width: 20rem;
}



.stx-p01 .w-\[320px\] {
  width: 320px;
}



.stx-p01 .w-full {
  width: 100%;
}



.stx-p01 .w-max {
  width: -moz-max-content;
  width: max-content;
}



.stx-p01 .max-w-3xl {
  max-width: 48rem;
}



.stx-p01 .max-w-4xl {
  max-width: 56rem;
}



.stx-p01 .max-w-container-max {
  max-width: 1440px;
}



.stx-p01 .max-w-lg {
  max-width: 32rem;
}



.stx-p01 .max-w-md {
  max-width: 28rem;
}



.stx-p01 .flex-1 {
  flex: 1 1 0%;
}



.stx-p01 .flex-shrink-0 {
  flex-shrink: 0;
}



.stx-p01 .flex-grow {
  flex-grow: 1;
}



.stx-p01 .-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}



.stx-p01 .-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}



.stx-p01 .rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}



.stx-p01 .scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}



.stx-p01 .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}



.stx-p01 .cursor-pointer {
  cursor: pointer;
}



.stx-p01 .resize-none {
  resize: none;
}



.stx-p01 .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}



.stx-p01 .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}



.stx-p01 .flex-col {
  flex-direction: column;
}



.stx-p01 .flex-wrap {
  flex-wrap: wrap;
}



.stx-p01 .items-start {
  align-items: flex-start;
}



.stx-p01 .items-center {
  align-items: center;
}



.stx-p01 .items-stretch {
  align-items: stretch;
}



.stx-p01 .justify-end {
  justify-content: flex-end;
}



.stx-p01 .justify-center {
  justify-content: center;
}



.stx-p01 .justify-between {
  justify-content: space-between;
}



.stx-p01 .justify-around {
  justify-content: space-around;
}



.stx-p01 .gap-1 {
  gap: 0.25rem;
}



.stx-p01 .gap-1\.5 {
  gap: 0.375rem;
}



.stx-p01 .gap-12 {
  gap: 3rem;
}



.stx-p01 .gap-16 {
  gap: 4rem;
}



.stx-p01 .gap-2 {
  gap: 0.5rem;
}



.stx-p01 .gap-3 {
  gap: 0.75rem;
}



.stx-p01 .gap-4 {
  gap: 1rem;
}



.stx-p01 .gap-6 {
  gap: 1.5rem;
}



.stx-p01 .gap-8 {
  gap: 2rem;
}



.stx-p01 .gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}



.stx-p01 .gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}



.stx-p01 .gap-y-1 {
  row-gap: 0.25rem;
}



.stx-p01 .space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}



.stx-p01 .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}



.stx-p01 .space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}



.stx-p01 .space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}



.stx-p01 .overflow-hidden {
  overflow: hidden;
}



.stx-p01 .overflow-y-auto {
  overflow-y: auto;
}



.stx-p01 .overflow-x-hidden {
  overflow-x: hidden;
}



.stx-p01 .whitespace-nowrap {
  white-space: nowrap;
}



.stx-p01 .rounded {
  border-radius: 0.25rem;
}



.stx-p01 .rounded-2xl {
  border-radius: 1rem;
}



.stx-p01 .rounded-\[32px\] {
  border-radius: 32px;
}



.stx-p01 .rounded-\[40px\] {
  border-radius: 40px;
}



.stx-p01 .rounded-full {
  border-radius: 9999px;
}



.stx-p01 .rounded-lg {
  border-radius: 0.5rem;
}



.stx-p01 .rounded-xl {
  border-radius: 0.75rem;
}



.stx-p01 .rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}



.stx-p01 .border {
  border-width: 1px;
}



.stx-p01 .border-0 {
  border-width: 0px;
}



.stx-p01 .border-2 {
  border-width: 2px;
}



.stx-p01 .border-\[8px\] {
  border-width: 8px;
}



.stx-p01 .border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}



.stx-p01 .border-b {
  border-bottom-width: 1px;
}



.stx-p01 .border-t {
  border-top-width: 1px;
}



.stx-p01 .border-dashed {
  border-style: dashed;
}



.stx-p01 .border-none {
  border-style: none;
}



.stx-p01 .border-inverse-surface {
  --tw-border-opacity: 1;
  border-color: rgb(50 48 45 / var(--tw-border-opacity, 1));
}



.stx-p01 .border-primary\/30 {
  border-color: rgb(163 0 40 / 0.3);
}



.stx-p01 .border-surface-variant {
  --tw-border-opacity: 1;
  border-color: rgb(231 225 220 / var(--tw-border-opacity, 1));
}



.stx-p01 .border-surface-variant\/50 {
  border-color: rgb(231 225 220 / 0.5);
}



.stx-p01 .border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}



.stx-p01 .bg-\[\#C8233C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(200 35 60 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-background {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 243 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-error-container {
  --tw-bg-opacity: 1;
  background-color: rgb(255 218 214 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-inverse-surface {
  --tw-bg-opacity: 1;
  background-color: rgb(50 48 45 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-on-background {
  --tw-bg-opacity: 1;
  background-color: rgb(29 27 24 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(163 0 40 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-primary-fixed {
  --tw-bg-opacity: 1;
  background-color: rgb(255 218 217 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-primary\/10 {
  background-color: rgb(163 0 40 / 0.1);
}



.stx-p01 .bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(100 93 86 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-surface {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 243 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-surface-container {
  --tw-bg-opacity: 1;
  background-color: rgb(243 237 231 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-surface-container-low {
  --tw-bg-opacity: 1;
  background-color: rgb(249 242 237 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-surface-container-lowest {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-surface-variant {
  --tw-bg-opacity: 1;
  background-color: rgb(231 225 220 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 93 44 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-transparent {
  background-color: transparent;
}



.stx-p01 .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}



.stx-p01 .bg-\[radial-gradient\(ellipse_at_center\2c _var\(--tw-gradient-stops\)\)\] {
  background-image: radial-gradient(ellipse at center, var(--tw-gradient-stops));
}



.stx-p01 .from-primary-fixed\/30 {
  --tw-gradient-from: rgb(255 218 217 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 218 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}



.stx-p01 .to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}



.stx-p01 .object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}



.stx-p01 .p-0 {
  padding: 0px;
}



.stx-p01 .p-1 {
  padding: 0.25rem;
}



.stx-p01 .p-10 {
  padding: 2.5rem;
}



.stx-p01 .p-2 {
  padding: 0.5rem;
}



.stx-p01 .p-3 {
  padding: 0.75rem;
}



.stx-p01 .p-3\.5 {
  padding: 0.875rem;
}



.stx-p01 .p-4 {
  padding: 1rem;
}



.stx-p01 .p-5 {
  padding: 1.25rem;
}



.stx-p01 .p-6 {
  padding: 1.5rem;
}



.stx-p01 .px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}



.stx-p01 .px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}



.stx-p01 .px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}



.stx-p01 .px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}



.stx-p01 .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}



.stx-p01 .px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}



.stx-p01 .px-margin-mobile {
  padding-left: 16px;
  padding-right: 16px;
}



.stx-p01 .py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}



.stx-p01 .py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}



.stx-p01 .py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}



.stx-p01 .py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}



.stx-p01 .py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}



.stx-p01 .py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}



.stx-p01 .py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}



.stx-p01 .py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}



.stx-p01 .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}



.stx-p01 .py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}



.stx-p01 .pb-12 {
  padding-bottom: 3rem;
}



.stx-p01 .pb-4 {
  padding-bottom: 1rem;
}



.stx-p01 .pb-6 {
  padding-bottom: 1.5rem;
}



.stx-p01 .pl-4 {
  padding-left: 1rem;
}



.stx-p01 .pr-2 {
  padding-right: 0.5rem;
}



.stx-p01 .pt-0 {
  padding-top: 0px;
}



.stx-p01 .pt-10 {
  padding-top: 2.5rem;
}



.stx-p01 .pt-4 {
  padding-top: 1rem;
}



.stx-p01 .pt-8 {
  padding-top: 2rem;
}



.stx-p01 .text-center {
  text-align: center;
}



.stx-p01 .font-body-lg {
  font-family: Inter;
}



.stx-p01 .font-body-md {
  font-family: Inter;
}



.stx-p01 .font-body-sm {
  font-family: Inter;
}



.stx-p01 .font-display-lg-mobile {
  font-family: Fraunces;
}



.stx-p01 .font-headline-md {
  font-family: Fraunces;
}



.stx-p01 .font-headline-sm {
  font-family: Fraunces;
}



.stx-p01 .font-label-caps {
  font-family: Inter;
}



.stx-p01 .font-label-md {
  font-family: Inter;
}



.stx-p01 .font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}



.stx-p01 .font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}



.stx-p01 .text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}



.stx-p01 .text-\[10px\] {
  font-size: 10px;
}



.stx-p01 .text-\[12px\] {
  font-size: 12px;
}



.stx-p01 .text-\[14px\] {
  font-size: 14px;
}



.stx-p01 .text-\[16px\] {
  font-size: 16px;
}



.stx-p01 .text-\[18px\] {
  font-size: 18px;
}



.stx-p01 .text-\[20px\] {
  font-size: 20px;
}



.stx-p01 .text-body-lg {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}



.stx-p01 .text-body-md {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}



.stx-p01 .text-body-sm {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}



.stx-p01 .text-display-lg-mobile {
  font-size: 36px;
  line-height: 44px;
  letter-spacing: -0.02em;
  font-weight: 700;
}



.stx-p01 .text-headline-md {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}



.stx-p01 .text-headline-sm {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}



.stx-p01 .text-label-caps {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.06em;
  font-weight: 700;
}



.stx-p01 .text-label-md {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.01em;
  font-weight: 600;
}



.stx-p01 .text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}



.stx-p01 .text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}



.stx-p01 .text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}



.stx-p01 .font-black {
  font-weight: 900;
}



.stx-p01 .font-bold {
  font-weight: 700;
}



.stx-p01 .font-medium {
  font-weight: 500;
}



.stx-p01 .font-semibold {
  font-weight: 600;
}



.stx-p01 .uppercase {
  text-transform: uppercase;
}



.stx-p01 .leading-relaxed {
  line-height: 1.625;
}



.stx-p01 .leading-tight {
  line-height: 1.25;
}



.stx-p01 .tracking-tight {
  letter-spacing: -0.025em;
}



.stx-p01 .tracking-wider {
  letter-spacing: 0.05em;
}



.stx-p01 .text-error {
  --tw-text-opacity: 1;
  color: rgb(186 26 26 / var(--tw-text-opacity, 1));
}



.stx-p01 .text-on-background {
  --tw-text-opacity: 1;
  color: rgb(29 27 24 / var(--tw-text-opacity, 1));
}



.stx-p01 .text-on-surface {
  --tw-text-opacity: 1;
  color: rgb(29 27 24 / var(--tw-text-opacity, 1));
}



.stx-p01 .text-on-surface-variant {
  --tw-text-opacity: 1;
  color: rgb(91 64 64 / var(--tw-text-opacity, 1));
}



.stx-p01 .text-on-tertiary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}



.stx-p01 .text-primary {
  --tw-text-opacity: 1;
  color: rgb(163 0 40 / var(--tw-text-opacity, 1));
}



.stx-p01 .text-secondary {
  --tw-text-opacity: 1;
  color: rgb(100 93 86 / var(--tw-text-opacity, 1));
}



.stx-p01 .text-tertiary {
  --tw-text-opacity: 1;
  color: rgb(0 93 44 / var(--tw-text-opacity, 1));
}



.stx-p01 .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}



.stx-p01 .antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.stx-p01 .placeholder-secondary::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(100 93 86 / var(--tw-placeholder-opacity, 1));
}



.stx-p01 .placeholder-secondary::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(100 93 86 / var(--tw-placeholder-opacity, 1));
}



.stx-p01 .opacity-90 {
  opacity: 0.9;
}



.stx-p01 .shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}



.stx-p01 .shadow-\[0_-4px_12px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0 -4px 12px rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 -4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}



.stx-p01 .shadow-\[0_0_0_3px_rgba\(200\2c 35\2c 60\2c 0\.2\)\] {
  --tw-shadow: 0 0 0 3px rgba(200,35,60,0.2);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}



.stx-p01 .shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}



.stx-p01 .shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}



.stx-p01 .outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}



.stx-p01 .blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}



.stx-p01 .blur-3xl {
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}



.stx-p01 .transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}



.stx-p01 .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}



.stx-p01 .transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}



.stx-p01 .transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}



.stx-p01 .transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}



.stx-p01 .duration-300 {
  transition-duration: 300ms;
}



.stx-p01 .focus-within\:border-primary:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(163 0 40 / var(--tw-border-opacity, 1));
}



.stx-p01 .focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}



.stx-p01 .focus-within\:ring-primary:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(163 0 40 / var(--tw-ring-opacity, 1));
}



.stx-p01 .hover\:z-40:hover {
  z-index: 40;
}



.stx-p01 .hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}



.stx-p01 .hover\:rotate-0:hover {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}



.stx-p01 .hover\:bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(163 0 40 / var(--tw-bg-opacity, 1));
}



.stx-p01 .hover\:bg-surface-container:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 237 231 / var(--tw-bg-opacity, 1));
}



.stx-p01 .hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(163 0 40 / var(--tw-text-opacity, 1));
}



.stx-p01 .hover\:opacity-90:hover {
  opacity: 0.9;
}



.stx-p01 .hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}



.stx-p01 .focus\:border-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(163 0 40 / var(--tw-border-opacity, 1));
}



.stx-p01 .focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}



.stx-p01 .active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}



.stx-p01 .group[open] .group-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}



@media (min-width: 768px) {
  
.stx-p01 .md\:absolute {
    position: absolute;
  }


  
.stx-p01 .md\:bottom-14 {
    bottom: 3.5rem;
  }


  
.stx-p01 .md\:left-4 {
    left: 1rem;
  }


  
.stx-p01 .md\:right-8 {
    right: 2rem;
  }


  
.stx-p01 .md\:top-16 {
    top: 4rem;
  }


  
.stx-p01 .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }


  
.stx-p01 .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }


  
.stx-p01 .md\:m-0 {
    margin: 0px;
  }


  
.stx-p01 .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }


  
.stx-p01 .md\:mt-0 {
    margin-top: 0px;
  }


  
.stx-p01 .md\:block {
    display: block;
  }


  
.stx-p01 .md\:flex {
    display: flex;
  }


  
.stx-p01 .md\:hidden {
    display: none;
  }


  
.stx-p01 .md\:h-40 {
    height: 10rem;
  }


  
.stx-p01 .md\:h-\[520px\] {
    height: 520px;
  }


  
.stx-p01 .md\:h-auto {
    height: auto;
  }


  
.stx-p01 .md\:min-h-\[360px\] {
    min-height: 360px;
  }


  
.stx-p01 .md\:w-2\/5 {
    width: 40%;
  }


  
.stx-p01 .md\:w-3\/5 {
    width: 60%;
  }


  
.stx-p01 .md\:w-\[280px\] {
    width: 280px;
  }


  
.stx-p01 .md\:w-\[320px\] {
    width: 320px;
  }


  
.stx-p01 .md\:-rotate-6 {
    --tw-rotate: -6deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }


  
.stx-p01 .md\:rotate-3 {
    --tw-rotate: 3deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }


  
.stx-p01 .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }


  
.stx-p01 .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }


  
.stx-p01 .md\:flex-row {
    flex-direction: row;
  }


  
.stx-p01 .md\:justify-start {
    justify-content: flex-start;
  }


  
.stx-p01 .md\:gap-gutter {
    gap: 24px;
  }


  
.stx-p01 .md\:p-6 {
    padding: 1.5rem;
  }


  
.stx-p01 .md\:px-margin-desktop {
    padding-left: 64px;
    padding-right: 64px;
  }


  
.stx-p01 .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }


  
.stx-p01 .md\:text-left {
    text-align: left;
  }


  
.stx-p01 .md\:font-display-lg {
    font-family: Fraunces;
  }


  
.stx-p01 .md\:text-display-lg {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.02em;
    font-weight: 700;
  }

}


.stx-p01 #kx-row{position:relative}
.stx-p01 #hero-zone-suggestions{left:0;right:0;top:100%}

.stx-p01{--max:1200px}
.stx-p01 .lk2-step2 .opts .lk-btn {height:52px;border-radius:13px;font-size:14.5px;justify-content:center}


.stx-p01 .lk2-final .act .lk-btn {font-size:15.5px;padding:16px 30px;justify-content:center}


.stx-p01 .lk2-share {max-width:var(--max);margin:16px auto 0;padding:24px 24px 72px}


.stx-p01 .lk2-share-in {background:var(--paper);border:1px solid var(--hairline-2);border-radius:22px;padding:30px 34px;display:flex;align-items:center;gap:26px;box-shadow:var(--shadow-sm)}


.stx-p01 .lk2-share .sic {width:52px;height:52px;flex:none;border-radius:16px;background:var(--accent-tint);color:var(--accent);display:flex;align-items:center;justify-content:center}


.stx-p01 .lk2-share .sic svg {width:25px;height:25px}


.stx-p01 .lk2-share .stx {flex:1;min-width:0}


.stx-p01 .lk2-share .stx b {font:500 20px var(--serif);letter-spacing:-.02em;display:block;margin-bottom:4px;color:var(--ink)}


.stx-p01 .lk2-share .stx b em {font-style:italic;color:var(--accent)}


.stx-p01 .lk2-share .stx p {font:500 13.5px/1.5 var(--sans);color:var(--ink-soft);margin:0}


.stx-p01 .lk2-share .sac {display:flex;gap:10px;flex:none}


.stx-p01 .lk2-wa {background:#25D366!important;color:#fff!important;box-shadow:0 4px 14px rgba(37,211,102,.25)!important}


.stx-p01 .lk2-wa:hover {background:#1eb857!important}


.stx-p01 .lk2-share .sac svg {width:17px;height:17px}


@media(max-width:960px){.stx-p01 .lk2-share-in {flex-direction:column;text-align:center;gap:16px;padding:28px 24px}
.stx-p01 .lk2-share .sac {width:100%;flex-direction:column}
.stx-p01 .lk2-share .sac .lk-btn {width:100%;justify-content:center}}

/* fixes v4 */
.stx-p01 #hero-zone-input{min-width:0}
.stx-p01 #kx-row{position:relative}
.stx-p01 #hero-zone-suggestions{left:0;right:0;top:100%}
.stx-p01 .stx-ico{flex:none}

/* toggle Busco/Tengo: el estado lo pinta .lk-stg-on (kxHeroRole lo alterna) */
.stx-p01 .lk2-toggle > .lk2-tg{color:#5b4040;background:transparent;box-shadow:none;transition:background .15s,color .15s,box-shadow .15s;cursor:pointer}
.stx-p01 .lk2-toggle > .lk2-tg .stx-ico{color:#8f6f6f}
.stx-p01 .lk2-toggle > .lk2-tg.lk-stg-on{background:#fff;color:#1d1b18;box-shadow:0 1px 2px rgba(35,25,18,.1)}
.stx-p01 .lk2-toggle > .lk2-tg.lk-stg-on .stx-ico{color:#a30028}

/* v6 · botón de arranque: contenido en móvil aunque el texto sea largo */
.stx-p01 #lk-start-go{flex:none;white-space:nowrap;font-size:15px;padding:12px 18px}
@media (max-width:420px){.stx-p01 #lk-start-go{font-size:14px;padding:11px 14px}}

/* v7 · barra de arranque apilada en móvil: input y botón legibles al 100% */
@media (max-width: 640px){
  .stx-p01 #kx-row{flex-wrap:wrap;border-radius:22px;padding:10px;gap:10px;
    background:#fff;border:1.5px solid rgba(35,25,18,.16);
    box-shadow:0 2px 10px rgba(35,25,18,.07)}
  .stx-p01 #kx-row > div:first-child{width:auto;flex:none}   /* icono en línea con el input */
  .stx-p01 #hero-zone-input{flex:1 1 0;width:auto;min-width:0;font-size:16px}
  .stx-p01 #lk-start-go{width:100%;padding:14px 18px;font-size:16px}
  .stx-p01 #hero-zone-suggestions{top:calc(100% - 58px)}
}

/* ===== v8 · fichas del hero con clases propias (sin depender de utilidades no compiladas) ===== */
.stx-p01 .stx-card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(35,25,18,.08),0 4px 14px rgba(35,25,18,.06)}
.stx-p01 .stx-card--buyer{border:2px solid rgba(47,82,51,.35)}
.stx-p01 .stx-card--owner{border:2px solid rgba(163,0,40,.30)}
.stx-p01 .stx-card-photo{position:relative;flex:1 1 auto;min-height:120px;overflow:hidden}
.stx-p01 .stx-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.stx-p01 .stx-card-pill{position:absolute;top:10px;left:10px;z-index:10;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;font:700 11px Inter,sans-serif;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);white-space:nowrap}
.stx-p01 .stx-pill--buyer{background:#2f5233}
.stx-p01 .stx-pill--owner{background:#a30028}
.stx-p01 .stx-card-body{padding:14px;display:flex;flex-direction:column}
.stx-p01 .stx-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px;border-top:1px solid rgba(35,25,18,.09);padding-top:12px;margin-top:12px}
.stx-p01 .stx-title-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;margin-bottom:4px}
.stx-p01 .stx-owner-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none}
/* encaje 95%: puente centrado ENTRE las dos fichas (móvil) */
.stx-p01 .stx-match-bridge{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);z-index:40;display:inline-flex;align-items:center;gap:5px;background:#0e4d2c;color:#fff;padding:7px 13px;border-radius:99px;font:700 13px Inter,sans-serif;box-shadow:0 3px 10px rgba(0,0,0,.3);white-space:nowrap;pointer-events:none}
/* badge del encaje dentro de la foto (solo escritorio, donde las fichas se solapan) */
.stx-p01 .stx-match-badge{position:absolute;top:12px;right:12px;z-index:10;align-items:center;gap:5px;background:#0e4d2c;color:#fff;padding:5px 11px;border-radius:99px;font:700 12px Inter,sans-serif;box-shadow:0 1px 4px rgba(0,0,0,.3);white-space:nowrap}
@media (min-width:768px){
  .stx-p01 .stx-card{height:auto}
  .stx-p01 .stx-card-photo{flex:0 0 auto;height:170px;min-height:0}
  .stx-p01 .stx-card-body{padding:20px}
}

/* v10 · marco del phone-demo: perfil de móvil garantizado y diferenciado del fondo */
.stx-p01 .stx-phone-frame{width:320px;max-width:88vw;height:650px;background:#fff;
  border:10px solid #32302d;border-radius:46px;overflow:hidden;position:relative;
  display:flex;flex-direction:column;margin-left:auto;margin-right:auto;
  box-shadow:0 28px 60px rgba(35,25,18,.30),0 6px 18px rgba(35,25,18,.18),0 0 0 1px rgba(255,255,255,.6)}

/* v12 · escritorio: la landing a página completa (el SPA capa #app a 480-760px;
   la landing anterior escapaba con #app:has(.hero-art) — replicamos y reforzamos) */
#app:has(.stx-p01){max-width:none!important;margin:0!important;box-shadow:none!important;background:var(--paper)}
.stx-p01{width:100%;}
@supports not selector(:has(*)){
  .stx-p01{width:100vw;position:relative;left:50%;margin-left:-50vw}
}

/* ===== v13 · escritorio: layout de las fichas del hero con reglas PROPIAS
   (mis reglas base .stx-card van al final del archivo y pisaban md:absolute/
   md:w-[...]/md:hidden con igual especificidad — aquí retomamos el control) ===== */
.stx-p01 .stx-match-badge{display:none}
@media (min-width:768px){
  .stx-p01 .stx-hero-visuals{position:relative;display:block;height:520px}
  .stx-p01 .stx-card--buyer{position:absolute;left:16px;top:64px;width:280px;height:auto;transform:rotate(-6deg);z-index:20}
  .stx-p01 .stx-card--owner{position:absolute;right:32px;bottom:56px;width:320px;height:auto;transform:rotate(3deg);z-index:30}
  .stx-p01 .stx-card--buyer:hover,.stx-p01 .stx-card--owner:hover{transform:rotate(0);z-index:40}
  .stx-p01 .stx-match-bridge{display:none}
  .stx-p01 .stx-match-badge{display:inline-flex}
}
/* encuadre de la foto de la pareja: que se vean las caras */
.stx-p01 #sc-img{object-position:50% 26%}
/* la landing no lleva tabbar: fuera el hueco inferior del contenedor del SPA */
#app:has(.stx-p01) .screen-container{padding-bottom:0}

/* v17 · el desplegable de zonas no debe secuestrar los taps del botón
   Empezar (en móvil se superpone a él). El estado vacío («Sin resultados»)
   es informativo: los toques lo atraviesan; las sugerencias reales siguen
   siendo pulsables. */
.stx-p01 #hero-zone-suggestions{pointer-events:none}
.stx-p01 #hero-zone-suggestions > *{pointer-events:auto}
.stx-p01 #hero-zone-suggestions .zs-empty{pointer-events:none}

/* v18 · botón Empezar del header a juego con el Entrar (misma familia de
   píldoras: geometría idéntica, relleno rojo, sin sombra ni borde duro) */
.stx-p01 .stx-header-cta{background:var(--accent,#C8233C);color:#fff;border:1.5px solid transparent;padding:7px 16px;border-radius:99px;font:700 13px Inter,sans-serif;cursor:pointer;transition:background .15s ease;box-shadow:none}
.stx-p01 .stx-header-cta:hover{background:#a30028}


/* ════════════════════════════════════════════════════════════════
   v18.74 · RESTYLE "diseño aprobado 2026" · ADITIVO
   Remapea los tokens del P01 (crema → blanco luminoso, primary →
   rojo de marca #C8233C) y aplica el skin aprobado a los
   componentes. Todo acotado a .stx-p01. Rollback = borrar bloque.
   ════════════════════════════════════════════════════════════════ */

/* ── Inter autohospedada (activa la fuente que --sans ya declara) ── */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/inter-latin-800-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/inter-latin-900-normal.woff2') format('woff2')}
.stx-p01{font-family:'Inter',-apple-system,system-ui,sans-serif;letter-spacing:-.011em}

/* ── Remapeo de tokens: crema → blanco · primary → #C8233C ── */
.stx-p01 .bg-background{background-color:#FFFFFF}
.stx-p01 .bg-surface,.stx-p01 .bg-surface-container-lowest{background-color:#FFFFFF}
.stx-p01 .bg-surface-container{background-color:#F6F5F3}
.stx-p01 .bg-surface-container-low{background-color:#FFFFFF}
.stx-p01 .text-on-background{color:#141210}
.stx-p01 .text-secondary{color:#71716E}
.stx-p01 .text-primary{color:#C8233C}
.stx-p01 .bg-primary{background-color:#C8233C}
.stx-p01 .bg-primary\/10{background-color:#FCEEEF}
.stx-p01 .border-surface-variant{border-color:rgba(20,18,16,.09)}
.stx-p01 .border-primary{border-color:#C8233C}
.stx-p01 .focus-within\:ring-primary:focus-within{--tw-ring-color:#C8233C}
.stx-p01 .hover\:text-primary:hover{color:#C8233C}
.stx-p01 .hover\:bg-surface-container:hover{background-color:#F6F5F3}

/* ── Tipografía de titulares: Inter 800, prieta; el acento en rojo sin itálica serif ── */
.stx-p01 h1{font-family:'Inter',sans-serif!important;font-weight:800;letter-spacing:-.03em}
.stx-p01 h1 i{font-family:'Inter',sans-serif!important;font-style:normal;font-weight:800;color:#C8233C}
.stx-p01 h2{font-family:'Inter',sans-serif!important;font-weight:800;letter-spacing:-.025em}
.stx-p01 h3{font-family:'Inter',sans-serif!important;font-weight:700}
.stx-p01 .font-headline-sm,.stx-p01 .font-label-md,.stx-p01 .font-label-caps,
.stx-p01 .font-body-lg,.stx-p01 .font-body-sm,.stx-p01 .font-display-lg-mobile{font-family:'Inter',sans-serif}

/* ── Widget del hero (toggle + zona + Empezar) → tarjeta aprobada ── */
.stx-p01 #lk-start{background:#fff;border:1px solid rgba(20,18,16,.09);border-radius:18px;box-shadow:0 14px 40px rgba(20,18,16,.10);padding:10px}
.stx-p01 #kx-tog{background:#F6F5F3;border-radius:13px;padding:4px;gap:5px}
.stx-p01 .lk2-tg{border-radius:10px;font-weight:700;color:#71716E}
.stx-p01 .lk2-tg.lk-stg-on{background:#fff;color:#141210;box-shadow:0 2px 8px rgba(20,18,16,.08)}
.stx-p01 .lk2-tg.lk-stg-on svg{color:#C8233C}
/* sublanding (?lp=): el lado prefijado, en rojo sólido bien visible */
html[data-kx-lp] .stx-p01 .lk2-tg.lk-stg-on{background:#C8233C;color:#fff;box-shadow:0 2px 10px rgba(200,35,60,.30)}
html[data-kx-lp] .stx-p01 .lk2-tg.lk-stg-on svg{color:#fff}
.stx-p01 #kx-row{border-radius:13px;border-color:rgba(20,18,16,.12);box-shadow:none}
.stx-p01 #kx-row input{font-weight:500}
.stx-p01 #kx-row button,.stx-p01 #lk-start-go{border-radius:11px!important;font-weight:700}

/* ── Fichas del hero (Buscador / Kasita): rectas, borde+sombra aprobados ── */
.stx-p01 .stx-card{border:1px solid rgba(20,18,16,.09);border-radius:16px;box-shadow:0 14px 40px rgba(20,18,16,.10)}
@media(min-width:768px){
  .stx-p01 .md\:-rotate-6{--tw-rotate:-3deg}
  .stx-p01 .md\:rotate-6,.stx-p01 .md\:rotate-3{--tw-rotate:3deg}
}

/* ── FAQ: tarjetas blancas con borde + sombra suave ── */
.stx-p01 .lk-faq details,.stx-p01 details.group{background:#fff;border-color:rgba(20,18,16,.09);border-radius:14px;box-shadow:0 4px 14px rgba(20,18,16,.06)}

/* ── Contacto: panel rojo de marca, inputs aprobados ── */
.stx-p01 #lk-contacto .rounded-\[32px\]{border-radius:22px}
.stx-p01 #lk-contacto input,.stx-p01 #lk-contacto textarea{border:1px solid rgba(20,18,16,.12);border-radius:12px;background:#fff;font-family:'Inter',sans-serif}
.stx-p01 #lk-contacto input:focus,.stx-p01 #lk-contacto textarea:focus{border-color:#C8233C;outline:none;box-shadow:0 0 0 3px rgba(200,35,60,.12)}
.stx-p01 #lk-contacto button[onclick*="kxP01Contact"]{border-radius:11px;font-weight:700}

/* ── Sombra "tactile" del sistema → sombra aprobada ── */
.stx-p01 .shadow-tactile{box-shadow:0 14px 40px rgba(20,18,16,.10)}
.stx-p01 .shadow-md,.stx-p01 .hover\:shadow-md:hover{box-shadow:0 10px 26px rgba(20,18,16,.10)}


/* ── v18.74 · secciones del rediseño (stx26-) ── */
.stx-p01 .stx26-comhead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
@media(max-width:880px){.stx-p01 .stx26-comhead{flex-direction:column;align-items:center;text-align:center;gap:16px}}
.stx-p01 .stx26-flechas{display:flex;gap:10px}
.stx-p01 .stx26-flecha{width:40px;height:40px;border-radius:50%;border:1px solid rgba(20,18,16,.09);background:#fff;display:grid;place-items:center;cursor:pointer}
.stx-p01 .stx26-flecha svg{width:16px;height:16px;stroke:#141210;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stx-p01 .stx26-vp{overflow:hidden}
.stx-p01 .stx26-track{display:flex;gap:22px;transition:transform .4s ease}
@media(prefers-reduced-motion:reduce){.stx-p01 .stx26-track{transition:none}}
.stx-p01 .stx26-tarj{flex:0 0 calc((100% - 44px)/3);min-width:0;background:#fff;border:1px solid rgba(20,18,16,.09);border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(20,18,16,.06);display:flex;flex-direction:column}
@media(max-width:880px){.stx-p01 .stx26-tarj{flex:0 0 100%}}
.stx-p01 .stx26-fotobox img{width:100%;height:200px;object-fit:cover;background:#F6F5F3}
.stx-p01 .stx26-cuerpo{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1;text-align:left}
.stx-p01 .stx26-cuerpo b{font:700 15.5px/1.3 'Inter',sans-serif;color:#141210}
.stx-p01 .stx26-meta{font-size:12.5px;color:#71716E}
.stx-p01 .stx26-cuerpo q{font-size:13.5px;color:#71716E;line-height:1.55;flex:1;quotes:"\201C" "\201D"}
.stx-p01 .stx26-ver{font:600 13.5px/1 'Inter',sans-serif;color:#C8233C;text-decoration:none;margin-top:8px}
.stx-p01 .stx26-ver:hover{text-decoration:underline}
.stx-p01 .stx26-dots{display:flex;gap:8px;justify-content:center;margin-top:22px}
.stx-p01 .stx26-dot{width:8px;height:8px;border-radius:50%;background:rgba(20,18,16,.12);border:0;padding:0;cursor:pointer}
.stx-p01 .stx26-dot.on{background:#C8233C}
/* teléfono + pasos */
.stx-p01 .stx26-grid{display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:center;max-width:900px;margin:0 auto}
@media(max-width:840px){.stx-p01 .stx26-grid{grid-template-columns:1fr;gap:36px;justify-items:center}}
.stx-p01 .stx26-ph{width:282px;height:560px;background:#0D0D0D;border-radius:48px;padding:11px;position:relative;box-shadow:0 30px 70px rgba(20,18,16,.30);flex-shrink:0}
.stx-p01 .stx26-notch{position:absolute;top:21px;left:50%;transform:translateX(-50%);width:96px;height:24px;background:#0D0D0D;border-radius:999px;z-index:3}
.stx-p01 .stx26-pant{position:relative;background:#fff;border-radius:38px;height:100%;overflow:hidden}
.stx-p01 .stx26-scr{position:absolute;inset:0;padding:52px 16px 20px;display:flex;flex-direction:column;opacity:0;transform:translateX(16px);transition:opacity .35s,transform .35s;pointer-events:none}
.stx-p01 .stx26-scr.on{opacity:1;transform:none;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.stx-p01 .stx26-scr{transition:none}}
.stx-p01 .stx26-marca{font:800 13px/1 'Inter',sans-serif;color:#C8233C;text-align:center;letter-spacing:.05em;margin-bottom:8px}
.stx-p01 .stx26-phead{font:700 15px/1.25 'Inter',sans-serif;text-align:center;margin-bottom:16px;color:#141210}
.stx-p01 .stx26-perfil{display:flex;flex-direction:column;flex:1;text-align:center;min-height:0;align-items:center}
.stx-p01 .stx26-perfil img{width:92px;height:92px;border-radius:50%;object-fit:cover;background:#F6F5F3;margin-bottom:12px}
.stx-p01 .stx26-fotow{position:relative;width:92px;margin-bottom:12px}
.stx-p01 .stx26-fotow img{margin-bottom:0}
.stx-p01 .stx26-sello{position:absolute;top:-4px;right:-16px;background:#C8233C;color:#fff;font:800 12.5px/1 'Inter',sans-serif;border-radius:999px;padding:8px 10px;box-shadow:0 6px 16px rgba(200,35,60,.4)}
.stx-p01 .stx26-perfil b{font:700 15.5px/1.25 'Inter',sans-serif;color:#141210;display:block}
.stx-p01 .stx26-perfil>span{font-size:12px;color:#71716E;margin:6px 0 12px;display:block}
.stx-p01 .stx26-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.stx-p01 .stx26-chip{background:#F6F5F3;font:600 10.5px/1 'Inter',sans-serif;border-radius:999px;padding:7px 10px;color:#141210}
.stx-p01 .stx26-chip.verde{background:#E6F5EE;color:#178A63;font-weight:700}
.stx-p01 .stx26-phbtns{display:flex;flex-direction:column;gap:9px;margin-top:auto;width:100%}
.stx-p01 .stx26-phbtn{font:600 13px/1 'Inter',sans-serif;border-radius:10px;padding:14px;text-align:center;border:0;cursor:pointer}
.stx-p01 .stx26-phbtn.rojo{background:#C8233C;color:#fff}
.stx-p01 .stx26-phbtn.gris{background:#F6F5F3;color:#141210}
.stx-p01 .stx26-hitos{display:flex;flex-direction:column;gap:10px;flex:1;text-align:left}
.stx-p01 .stx26-hito{border:1px solid rgba(20,18,16,.09);border-radius:12px;padding:11px 13px;position:relative;padding-left:30px}
.stx-p01 .stx26-hito::before{content:"";position:absolute;left:12px;top:16px;width:9px;height:9px;border-radius:50%;background:rgba(20,18,16,.18)}
.stx-p01 .stx26-hito.ok::before{background:#178A63}
.stx-p01 .stx26-hito.act::before{background:#C8233C}
.stx-p01 .stx26-hito b{font:700 12.5px/1.3 'Inter',sans-serif;display:block;color:#141210}
.stx-p01 .stx26-hito span{font-size:11px;color:#71716E}
.stx-p01 .stx26-carpeta{font:600 10px/1.4 'Inter',sans-serif;letter-spacing:.08em;color:#71716E;border-top:1px dashed rgba(20,18,16,.15);padding-top:10px;margin-top:auto;margin-bottom:10px}
.stx-p01 .stx26-steps{display:flex;flex-direction:column;gap:10px;max-width:420px}
.stx-p01 .stx26-step{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:14px;cursor:pointer;border:1px solid transparent;background:none;text-align:left;transition:background .15s}
.stx-p01 .stx26-step:hover{background:#F6F5F3}
.stx-p01 .stx26-step.on{background:#F6F5F3;border-color:rgba(20,18,16,.09)}
.stx-p01 .stx26-n{width:30px;height:30px;border-radius:50%;background:#F6F5F3;color:#71716E;font:800 13px/30px 'Inter',sans-serif;text-align:center;flex-shrink:0}
.stx-p01 .stx26-step.on .stx26-n{background:#C8233C;color:#fff}
.stx-p01 .stx26-step h3{font:700 15.5px/1.3 'Inter',sans-serif;margin-bottom:3px;color:#141210}
.stx-p01 .stx26-step p{font-size:13px;color:#71716E;line-height:1.5}
/* dinero */
.stx-p01 .stx26-dinero{background:#191715;color:#fff}
.stx-p01 .stx26-dinero-in{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;padding-top:88px;padding-bottom:88px}
@media(max-width:880px){.stx-p01 .stx26-dinero-in{grid-template-columns:1fr;gap:40px;padding-top:60px;padding-bottom:60px}}
.stx-p01 .stx26-dinero h2{color:#fff;font:800 clamp(26px,3.2vw,38px)/1.18 'Inter',sans-serif;letter-spacing:-.025em}
.stx-p01 .stx26-dinero h2 em{font-style:normal;color:#FF8DA0}
.stx-p01 .stx26-puntos{margin-top:26px;display:flex;flex-direction:column;gap:18px}
.stx-p01 .stx26-punto{display:flex;gap:14px;align-items:flex-start;text-align:left}
.stx-p01 .stx26-check{width:20px;height:20px;border-radius:50%;background:#C8233C;flex-shrink:0;display:grid;place-items:center;margin-top:3px}
.stx-p01 .stx26-check svg{width:11px;height:11px}
.stx-p01 .stx26-punto b{font:700 15px/1.4 'Inter',sans-serif;display:block;color:#fff}
.stx-p01 .stx26-punto span{font-size:13.5px;color:rgba(255,255,255,.55);line-height:1.55}
.stx-p01 .stx26-tarifa{background:#22201D;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:34px 30px}
.stx-p01 .stx26-cero{text-align:center;margin-bottom:22px}
.stx-p01 .stx26-cero b{font:800 52px/1 'Inter',sans-serif;letter-spacing:-.03em;color:#fff}
.stx-p01 .stx26-cero span{display:block;font-size:12.5px;color:rgba(255,255,255,.5);margin-top:8px}
.stx-p01 .stx26-tarifa ul{list-style:none;margin:0;padding:0}
.stx-p01 .stx26-tarifa li{display:flex;justify-content:space-between;gap:16px;padding:13px 2px;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px;color:rgba(255,255,255,.85)}
.stx-p01 .stx26-tarifa li b{color:#fff;font-weight:600}
/* herramientas / primeros / movi / ctas */
.stx-p01 .stx26-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:980px;margin:0 auto}
@media(max-width:820px){.stx-p01 .stx26-tools{grid-template-columns:1fr}}
.stx-p01 .stx26-tool{background:#fff;border:1px solid rgba(20,18,16,.09);border-radius:14px;padding:26px 24px;box-shadow:0 4px 14px rgba(20,18,16,.06);display:flex;flex-direction:column;text-align:left}
.stx-p01 .stx26-tool h3{font:700 16px/1.35 'Inter',sans-serif;margin-bottom:6px;color:#141210}
.stx-p01 .stx26-tool p{font-size:13.5px;color:#71716E;line-height:1.55}
.stx-p01 .stx26-tool .stx26-ver{margin-top:auto;padding-top:14px}
.stx-p01 .stx26-primeros{background:#fff;border:1px solid rgba(20,18,16,.09);border-radius:14px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:26px;box-shadow:0 4px 14px rgba(20,18,16,.06)}
@media(max-width:760px){.stx-p01 .stx26-primeros{flex-direction:column;align-items:stretch;text-align:left}}
.stx-p01 .stx26-primeros p{font-size:14px;color:#71716E;line-height:1.6;max-width:62ch;margin:0}
.stx-p01 .stx26-primeros p b{color:#141210}
.stx-p01 .stx26-cta{background:#C8233C;color:#fff;border:0;border-radius:11px;padding:15px 24px;font:700 15px/1 'Inter',sans-serif;cursor:pointer;white-space:nowrap}
.stx-p01 .stx26-cta:hover{background:#9E1830}
.stx-p01 .stx26-movi{background:linear-gradient(120deg,#7E1023 0%,#B31E36 55%,#C8233C 100%);border-radius:20px;text-align:center;color:#fff;padding:64px 36px}
.stx-p01 .stx26-movi h2{color:#fff;font:800 clamp(26px,3.2vw,36px)/1.15 'Inter',sans-serif;margin-bottom:10px}
.stx-p01 .stx26-movi p{color:rgba(255,255,255,.82);margin:0 auto 28px;max-width:54ch;font-size:15px}
.stx-p01 .stx26-ctarow{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.stx-p01 .stx26-cta.blanca{background:#fff;color:#141210}
.stx-p01 .stx26-cta.blanca:hover{background:#F4F2EF}
.stx-p01 .stx26-cta.linea{background:transparent;border:1px solid rgba(255,255,255,.6)}
.stx-p01 .stx26-cta.linea:hover{background:rgba(255,255,255,.12)}

/* v18.74 · utilidades de espaciado que el purge no incluía (solo las nuevas) */
.stx-p01 .pb-10{padding-bottom:2.5rem}
.stx-p01 .pt-6{padding-top:1.5rem}
.stx-p01 .pb-14{padding-bottom:3.5rem}
.stx-p01 .py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.stx-p01 .pb-16{padding-bottom:4rem}
.stx-p01 .mb-10{margin-bottom:2.5rem}

/* v18.74b · herramientas con icono (4 col) + cabecera/tarjeta de contacto aprobadas */
.stx-p01 .stx26-tools.t4{grid-template-columns:repeat(4,1fr);max-width:1080px}
@media(max-width:1020px){.stx-p01 .stx26-tools.t4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.stx-p01 .stx26-tools.t4{grid-template-columns:1fr}}
.stx-p01 .stx26-ico{width:52px;height:52px;border-radius:13px;background:#FCEEEF;display:grid;place-items:center;margin-bottom:16px}
.stx-p01 .stx26-ico svg{width:24px;height:24px;stroke:#C8233C;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stx-p01 .stx26-chead{text-align:center;max-width:560px;margin:0 auto 30px}
.stx-p01 .stx26-eyebrow{font:700 13px/1 'Inter',sans-serif;color:#C8233C;margin-bottom:10px}
.stx-p01 .stx26-cform{max-width:640px;margin:0 auto;background:#fff;border:1px solid rgba(20,18,16,.09);border-radius:16px;box-shadow:0 4px 14px rgba(20,18,16,.06);padding:26px}
.stx-p01 .stx26-crow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
@media(max-width:560px){.stx-p01 .stx26-crow{grid-template-columns:1fr}}
.stx-p01 .stx26-cform input,.stx-p01 .stx26-cform textarea{width:100%;border:1px solid rgba(20,18,16,.12);border-radius:12px;padding:15px 16px;font:500 14.5px/1.4 'Inter',sans-serif;color:#141210;background:#fff;outline:none;resize:vertical}
.stx-p01 .stx26-cform input:focus,.stx-p01 .stx26-cform textarea:focus{border-color:#C8233C;box-shadow:0 0 0 3px rgba(200,35,60,.12)}
.stx-p01 .stx26-cfoot{display:flex;justify-content:flex-end;margin-top:14px}
@media(max-width:560px){.stx-p01 .stx26-cfoot .stx26-cta{width:100%}}

/* v18.74c · utilidad de rejilla que el purge no incluía (hero centrado a 12 col) */
@media (min-width: 768px){
  .stx-p01 .md\:col-span-12{grid-column: span 12 / span 12}
}

/* ════ v18.74c · AFINADO DEL WIDGET DEL HERO (bordes, radios, sombras) ════ */
.stx-p01 #lk-start{background:#fff;border:1px solid rgba(20,18,16,.08);border-radius:20px;box-shadow:0 18px 50px rgba(20,18,16,.12);padding:12px}
.stx-p01 #lk-start .lk2-toggle,.stx-p01 #kx-tog{background:#F3F2F0;border:0;border-radius:14px;padding:5px;gap:6px;margin-bottom:10px;box-shadow:none}
.stx-p01 .lk2-toggle > .lk2-tg{border:0 !important;outline:0;background:transparent;border-radius:10px !important;min-height:46px;padding:0 10px;font:700 14px/1 'Inter',sans-serif;color:#71716E;box-shadow:none}
.stx-p01 .lk2-toggle > .lk2-tg .stx-ico{color:#9C9A97;width:16px;height:16px}
.stx-p01 .lk2-toggle > .lk2-tg:hover{background:#ECEAE7;color:#141210}
.stx-p01 .lk2-toggle > .lk2-tg.lk-stg-on{background:#fff;color:#141210;box-shadow:0 2px 8px rgba(20,18,16,.10);border:0 !important}
.stx-p01 .lk2-toggle > .lk2-tg.lk-stg-on .stx-ico{color:#C8233C}
html[data-kx-lp] .stx-p01 .lk2-toggle > .lk2-tg.lk-stg-on{background:#C8233C;color:#fff;box-shadow:0 2px 10px rgba(200,35,60,.30)}
html[data-kx-lp] .stx-p01 .lk2-toggle > .lk2-tg.lk-stg-on .stx-ico{color:#fff}
.stx-p01 #kx-row{border:1px solid rgba(20,18,16,.12) !important;border-radius:13px !important;padding:5px 5px 5px 2px;gap:6px;background:#fff;box-shadow:none !important}
.stx-p01 #kx-row:focus-within{border-color:#C8233C !important;box-shadow:0 0 0 3px rgba(200,35,60,.10) !important}
.stx-p01 #kx-row .hero-zone-input,.stx-p01 #kx-row input{border:0;outline:0;box-shadow:none;font:500 14.5px/1 'Inter',sans-serif;color:#141210;background:transparent}
.stx-p01 #kx-row input::placeholder{color:#8B8985}
.stx-p01 #lk-start-go{border-radius:10px !important;min-height:46px;padding:0 22px !important;font:700 14.5px/1 'Inter',sans-serif !important;background:#C8233C;color:#fff;border:0;box-shadow:none}
.stx-p01 #lk-start-go:hover{background:#9E1830}
.stx-p01 #lk-start > p:last-child,.stx-p01 #lk-start p.lk2-hint{font:600 12px/1.4 'Inter',sans-serif;color:#8B8985;text-align:center;margin:10px 2px 2px}
/* desplegable de zonas acorde */
.stx-p01 .zs-suggestions{border:1px solid rgba(20,18,16,.10);border-radius:12px;box-shadow:0 14px 34px rgba(20,18,16,.14);overflow:hidden}