
      
    


      
     


      {} *{} /*endBaseStyles*/
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    


        @media (max-width: 639px) {
          
        .global-style-40tnpUPJF {
          font-size: 20px;font-weight: 400;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding-left: 12px;padding-right: 12px;padding-top: 16px;padding-bottom: 16px;width: 100%;height: auto;display: inline-flex;text-decoration-thickness: initial;text-decoration-color: initial;text-decoration-style: initial;text-decoration-line: none;cursor: pointer;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        .global-style-40tnpUPJF {
          font-size: 20px;font-weight: 400;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding-left: 48px;padding-right: 48px;padding-top: 16px;padding-bottom: 16px;width: 100%;height: auto;display: inline-flex;text-decoration-thickness: initial;text-decoration-color: initial;text-decoration-style: initial;text-decoration-line: none;cursor: pointer;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        .global-style-40tnpUPJF {
          font-size: 20px;font-weight: 400;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding-left: 48px;padding-right: 48px;padding-top: 16px;padding-bottom: 16px;width: 100%;height: auto;display: inline-flex;text-decoration-thickness: initial;text-decoration-color: initial;text-decoration-style: initial;text-decoration-line: none;cursor: pointer;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        .global-style-40tnpUPJF {
          font-size: 20px;font-weight: 400;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding-left: 48px;padding-right: 48px;padding-top: 16px;padding-bottom: 16px;width: 100%;height: auto;display: inline-flex;text-decoration-thickness: initial;text-decoration-color: initial;text-decoration-style: initial;text-decoration-line: none;cursor: pointer;
      }
        }
        @media (min-width: 1200px) {
          
        .global-style-40tnpUPJF {
          font-size: 20px;font-weight: 400;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding-left: 48px;padding-right: 48px;padding-top: 16px;padding-bottom: 16px;width: 100%;height: auto;display: inline-flex;text-decoration-thickness: initial;text-decoration-color: initial;text-decoration-style: initial;text-decoration-line: none;cursor: pointer;
      }
        }
        @media (max-width: 639px) {
          
        .global-style-40tnpUPJF:not([data-gp-component="block"]), .global-style-40tnpUPJF [data-section-overlay] {
          background-color: rgb(254, 72, 72);
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        .global-style-40tnpUPJF:not([data-gp-component="block"]), .global-style-40tnpUPJF [data-section-overlay] {
          background-color: rgb(254, 72, 72);
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        .global-style-40tnpUPJF:not([data-gp-component="block"]), .global-style-40tnpUPJF [data-section-overlay] {
          background-color: rgb(254, 72, 72);
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        .global-style-40tnpUPJF:not([data-gp-component="block"]), .global-style-40tnpUPJF [data-section-overlay] {
          background-color: rgb(254, 72, 72);
      }
        }
        @media (min-width: 1200px) {
          
        .global-style-40tnpUPJF:not([data-gp-component="block"]), .global-style-40tnpUPJF [data-section-overlay] {
          background-color: rgb(254, 72, 72);
      }
        }

 .gp-component-id-3uQQeg_sVY { width: 100%;overflow-wrap: break-word; } @media (max-width: 639px) { .gp-component-id-3uQQeg_sVY { width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-3uQQeg_sVY { width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-3uQQeg_sVY { width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-3uQQeg_sVY { width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-3uQQeg_sVY { width: 100%;overflow-wrap: break-word; } }

 .gp-component-id-nnLVgViIA { position: relative;z-index: 15;width: 100%;margin-right: auto;margin-left: auto; } @media (max-width: 639px) { .gp-component-id-nnLVgViIA { position: relative;z-index: 15;width: 100%;margin-right: auto;margin-left: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-nnLVgViIA { position: relative;z-index: 15;width: 100%;margin-right: auto;margin-left: auto;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-nnLVgViIA { position: relative;z-index: 15;width: 100%;margin-right: auto;margin-left: auto;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-nnLVgViIA { position: relative;z-index: 15;width: 100%;margin-right: auto;margin-left: auto;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-nnLVgViIA { position: relative;z-index: 15;width: 100%;margin-right: auto;margin-left: auto;max-width: 1536px; } }

 .gp-component-id-SzFgXUTX0D.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } @media (max-width: 639px) { .gp-component-id-SzFgXUTX0D.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-SzFgXUTX0D.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-SzFgXUTX0D.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-SzFgXUTX0D.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (min-width: 1200px) { .gp-component-id-SzFgXUTX0D.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } }

 .gp-component-id-Ihg2trG8Q { position: relative;z-index: 15;color: inherit;background-color: transparent;cursor: pointer;text-decoration-line: none;text-decoration-thickness: inherit;text-decoration-style: solid;text-decoration-color: initial; } @media (max-width: 639px) { .gp-component-id-Ihg2trG8Q { position: relative;z-index: 15;color: inherit;background-color: transparent;cursor: pointer;text-decoration-line: none;text-decoration-thickness: inherit;text-decoration-style: solid;text-decoration-color: initial; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Ihg2trG8Q { position: relative;z-index: 15;color: inherit;background-color: transparent;cursor: pointer;text-decoration-line: none;text-decoration-thickness: inherit;text-decoration-style: solid;text-decoration-color: initial; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Ihg2trG8Q { position: relative;z-index: 15;color: inherit;background-color: transparent;cursor: pointer;text-decoration-line: none;text-decoration-thickness: inherit;text-decoration-style: solid;text-decoration-color: initial; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Ihg2trG8Q { position: relative;z-index: 15;color: inherit;background-color: transparent;cursor: pointer;text-decoration-line: none;text-decoration-thickness: inherit;text-decoration-style: solid;text-decoration-color: initial; } } @media (min-width: 1200px) { .gp-component-id-Ihg2trG8Q { position: relative;z-index: 15;color: inherit;background-color: transparent;cursor: pointer;text-decoration-line: none;text-decoration-thickness: inherit;text-decoration-style: solid;text-decoration-color: initial; } }

 .gp-component-id-SzFgXUTX0D { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-SzFgXUTX0D { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-SzFgXUTX0D { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-SzFgXUTX0D { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-SzFgXUTX0D { z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-SzFgXUTX0D { z-index: auto;position: relative;min-height: 50px; } }


/* Layout: cabecera azul marino a todo el ancho + una columna central de lectura (máx. 680px), una pantalla por paso */
#rsr-test {
  --cream: #FAF6EF;
  --paper: #FFFDF9;
  --ink: #1C2840;
  --muted: #5E6478;
  --line: #E6DED1;
  --navy-1: #14213D;
  --navy-2: #263A63;
  --on-navy: #F6F1E7;
  --terra: #C2643F;
  --terra-deep: #A44F2D;
  --terra-soft: #F5E3D9;
  --wa: #1F8A57;
  --track: #EFE8DC;
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}

.rsr { font-family: var(--font-body); font-size: 16px; line-height: 1.6; color: var(--ink); background: var(--cream); -webkit-font-smoothing: antialiased; }
.rsr *, .rsr *::before, .rsr *::after { box-sizing: border-box; }
.rsr button { font: inherit; }

.rsr-head { background: linear-gradient(135deg, var(--navy-1) 0%, var(--navy-2) 100%); color: var(--on-navy); }
.rsr-head-in { max-width: 680px; margin: 0 auto; padding-block: 20px; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.rsr-brand { font-family: var(--font-display); font-size: 1.15rem; font-weight: 600; letter-spacing: .01em; }
.rsr-tag { font-family: var(--font-mono); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; opacity: .75; }

.rsr-main { max-width: 680px; margin: 0 auto; padding-block: 32px 48px; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.rsr-screen { display: grid; gap: 24px; animation: rsrIn .35s ease both; }
@keyframes rsrIn { from { opacity: .4; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .rsr-screen { animation: none; } .rsr-bar-fill, .rsr-score-fill { transition: none !important; } }

.rsr-eyebrow { font-family: var(--font-mono); font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; color: var(--terra-deep); margin: 0; }
.rsr h1, .rsr h2, .rsr h3 { font-family: var(--font-display); color: var(--ink); text-wrap: balance; margin: 0; line-height: 1.2; }
.rsr h1 { font-size: clamp(1.9rem, 5.2vw, 2.6rem); font-weight: 700; }
.rsr h1 em { font-style: italic; color: var(--terra); font-weight: 500; }
.rsr h2 { font-size: clamp(1.6rem, 4.4vw, 2.1rem); font-weight: 600; }
.rsr h3 { font-size: 1.2rem; font-weight: 600; }
.rsr p { margin: 0; max-width: 62ch; }
.rsr-lead { font-size: 1.1rem; color: var(--muted); }
.rsr-small { font-size: .86rem; color: var(--muted); }

.rsr-facts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.rsr-facts li { background: var(--paper); padding: 14px 16px; display: grid; gap: 2px; }
.rsr-facts b { font-family: var(--font-mono); font-size: 1rem; color: var(--terra-deep); font-weight: 700; }
.rsr-facts span { font-size: .88rem; color: var(--muted); }

.rsr-note { border-left: 3px solid var(--terra); padding: 4px 0 4px 14px; color: var(--muted); font-size: .95rem; }

.rsr-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 999px; padding: 14px 26px; font-weight: 600; font-size: 1rem; cursor: pointer; text-decoration: none; transition: background .15s, transform .15s, opacity .15s; }
.rsr-btn:focus-visible, .rsr-opt:focus-visible, .rsr-link:focus-visible { outline: 3px solid var(--terra); outline-offset: 3px; }
.rsr-btn-primary { background: var(--terra); color: #fff; }
.rsr-btn-primary:hover { background: var(--terra-deep); }
.rsr-btn-ghost { background: transparent; color: var(--ink); border: 1px solid var(--line); }
.rsr-btn-ghost:hover { border-color: var(--muted); }
.rsr-btn[disabled] { opacity: .4; cursor: not-allowed; }
.rsr-btn-wa { background: var(--wa); color: #fff; font-size: 1.05rem; padding: 16px 28px; }
.rsr-btn-wa:hover { filter: brightness(1.08); }
.rsr-link { background: none; border: 0; padding: 0; color: var(--muted); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font-size: .92rem; }

/* Pregunta */
.rsr-progress { display: grid; gap: 10px; }
.rsr-progress-row { display: flex; justify-content: space-between; gap: 12px; font-family: var(--font-mono); font-size: .78rem; letter-spacing: .08em; color: var(--muted); text-transform: uppercase; font-variant-numeric: tabular-nums; }
.rsr-bar { height: 6px; background: var(--track); border-radius: 99px; overflow: hidden; }
.rsr-bar-fill { height: 100%; background: var(--terra); border-radius: 99px; transition: width .35s ease; }
.rsr-statement { font-family: var(--font-display); font-size: clamp(1.35rem, 3.8vw, 1.75rem); line-height: 1.35; font-weight: 500; text-wrap: pretty; }
.rsr-ask { font-size: .95rem; color: var(--muted); }
.rsr-opts { display: grid; gap: 10px; }
.rsr-opt { display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 14px; text-align: left; width: 100%; background: var(--paper); color: var(--ink); border: 1.5px solid var(--line); border-radius: 12px; padding: 12px 16px; cursor: pointer; transition: border-color .15s, background .15s; }
.rsr-opt:hover { border-color: var(--terra); }
.rsr-opt-num { font-family: var(--font-mono); font-weight: 700; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--track); color: var(--ink); font-size: 1rem; }
.rsr-opt-label { font-weight: 500; font-size: 1.02rem; }
.rsr-opt[aria-checked="true"] { border-color: var(--terra); background: var(--terra-soft); }
.rsr-opt[aria-checked="true"] .rsr-opt-num { background: var(--terra); color: #fff; }
.rsr-nav { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rsr-hint { font-size: .8rem; color: var(--muted); text-align: center; }

/* Resultado */
.rsr-result-head { display: grid; gap: 10px; }
.rsr-profile { background: var(--paper); border: 1px solid var(--line); border-radius: 14px; padding: 24px; display: grid; gap: 18px; }
.rsr-profile + .rsr-profile { margin-top: 0; }
.rsr-block { display: grid; gap: 8px; }
.rsr-block-label { font-family: var(--font-mono); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--terra-deep); }
.rsr-qs { margin: 0; padding-left: 1.2em; display: grid; gap: 6px; }
.rsr-qs li { padding-left: 4px; }
.rsr-qs li::marker { color: var(--terra); font-family: var(--font-display); font-weight: 700; }
.rsr-step { background: var(--terra-soft); border-radius: 10px; padding: 14px 16px; }

.rsr-scores { display: grid; gap: 14px; }
.rsr-score { display: grid; gap: 6px; }
.rsr-score-row { display: flex; justify-content: space-between; gap: 12px; font-size: .95rem; }
.rsr-score-row b { font-weight: 600; }
.rsr-score-val { font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: var(--muted); white-space: nowrap; }
.rsr-score-track { height: 8px; background: var(--track); border-radius: 99px; overflow: hidden; }
.rsr-score-fill { height: 100%; background: var(--muted); opacity: .55; border-radius: 99px; transition: width .6s ease; }
.rsr-score.is-top .rsr-score-fill { background: var(--terra); opacity: 1; }
.rsr-score.is-top .rsr-score-val { color: var(--terra-deep); font-weight: 700; }

.rsr-cta { background: linear-gradient(135deg, var(--navy-1) 0%, var(--navy-2) 100%); color: var(--on-navy); border-radius: 16px; padding: 28px 24px; display: grid; gap: 16px; }
.rsr-cta .rsr-eyebrow { color: #F0A887; }
.rsr-cta h2 { color: var(--on-navy); font-size: clamp(1.4rem, 4vw, 1.8rem); }
.rsr-cta p { color: var(--on-navy); opacity: .9; }
.rsr-cta strong { color: #fff; }
.rsr-cta-fine { font-size: .84rem; opacity: .72 !important; }
.rsr-phone { font-family: var(--font-mono); font-size: .9rem; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; opacity: .9; }
.rsr-copy { background: transparent; color: var(--on-navy); border: 1px solid rgba(246,241,231,.35); border-radius: 999px; padding: 4px 12px; font-size: .78rem; cursor: pointer; font-family: var(--font-body); }
.rsr-copy:hover { border-color: rgba(246,241,231,.7); }

.rsr-foot { border-top: 1px solid var(--line); padding-top: 18px; display: grid; gap: 12px; justify-items: start; }

@media (max-width: 480px) {
  .rsr-facts { grid-template-columns: minmax(0, 1fr); }
  .rsr-profile { padding: 20px 18px; }
  .rsr-cta { padding: 24px 18px; }
  .rsr-btn-wa { width: 100%; }
}


