.elementor-3289 .elementor-element.elementor-element-e4b238a:not(.elementor-motion-effects-element-type-background), .elementor-3289 .elementor-element.elementor-element-e4b238a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F4ED;}.elementor-3289 .elementor-element.elementor-element-e4b238a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3289 .elementor-element.elementor-element-e4b238a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3289 .elementor-element.elementor-element-5911b45 > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-20ef8ab */:root {
  --tierra: #2C1A0E;
  --dorado: #AD844B;
  --crema: #F9F4ED;
  --crema-oscuro: #EDE0C8;
  --crema-suave: #FFFDF9;
  --gris-calido: #9A8878;
  --gris-medio: #6B5B4E;
  --verde-oliva: #4A5240;
}#faro-quiz-root * { box-sizing: border-box; margin: 0; padding: 0; }#faro-quiz-root { font-family: "Jost", sans-serif; background: var(--crema); color: var(--tierra); min-height: 600px; overflow-x: hidden; -webkit-font-smoothing: antialiased; position: relative; isolation: isolate; }#faro-quiz-root::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; }#faro-quiz-root .container { max-width: 660px; margin: 0 auto; padding: 0 clamp(20px,5vw,40px); position: relative; z-index: 1; }#faro-quiz-root .progress-wrap { padding: clamp(14px,3vw,20px) clamp(20px,5vw,40px) 0; position: relative; z-index: 10; background: var(--crema); }#faro-quiz-root .progress-meta { display: flex; justify-content: space-between; font-size: clamp(11px,2.5vw,12px); color: var(--gris-calido); margin-bottom: 8px; font-weight: 300; letter-spacing: 0.04em; }#faro-quiz-root .progress-track { height: 2px; background: var(--crema-oscuro); border-radius: 2px; overflow: hidden; }#faro-quiz-root .progress-fill { height: 100%; background: var(--dorado); border-radius: 2px; transition: width 0.6s cubic-bezier(0.4,0,0.2,1); }#faro-quiz-root .area-label { font-size: clamp(10px,2.5vw,11px); letter-spacing: 0.14em; text-transform: uppercase; color: var(--dorado); font-weight: 500; margin-top: 10px; padding-bottom: 14px; text-align: center; }#faro-quiz-root .screen { display: none; animation: fadeUp 0.45s ease forwards; }#faro-quiz-root .screen.active { display: block; }#faro-quiz-root @keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }#faro-quiz-root .intro-screen { padding: clamp(24px,5vw,40px) 0 clamp(48px,10vw,80px); text-align: center; }#faro-quiz-root .site-logo { display: block; width: clamp(180px,55vw,280px); height: auto; margin: 0 auto clamp(28px,6vw,44px); }#faro-quiz-root .intro-eyebrow { font-size: clamp(10px,2.5vw,11px); letter-spacing: 0.16em; text-transform: uppercase; color: var(--dorado); font-weight: 500; margin-bottom: clamp(14px,3vw,20px); }#faro-quiz-root .intro-title { font-family: "Empoderada Digital", serif; font-size: clamp(36px,7vw,54px); line-height: 1.15; color: var(--tierra); margin-bottom: clamp(16px,4vw,24px); }#faro-quiz-root .intro-title em { font-style: italic; color: var(--dorado); }#faro-quiz-root .intro-desc { font-size: clamp(15px,3.5vw,17px); line-height: 1.8; color: var(--gris-medio); font-weight: 300; max-width: 480px; margin: 0 auto clamp(28px,6vw,44px); }#faro-quiz-root .intro-meta { display: flex; justify-content: center; gap: clamp(20px,5vw,40px); margin-bottom: clamp(32px,7vw,52px); flex-wrap: wrap; }#faro-quiz-root .intro-meta-item { display: flex; flex-direction: column; align-items: center; gap: 5px; }#faro-quiz-root .intro-meta-num { font-family: "Empoderada Digital", serif; font-size: clamp(28px,6vw,38px); color: var(--dorado); line-height: 1; }#faro-quiz-root .intro-meta-label { font-size: clamp(10px,2.5vw,11px); letter-spacing: 0.08em; text-transform: uppercase; color: var(--gris-calido); font-weight: 300; }#faro-quiz-root .divider-ornament { display: flex; align-items: center; gap: 12px; margin: 0 auto clamp(28px,6vw,44px); max-width: 160px; }#faro-quiz-root .divider-ornament::before, #faro-quiz-root .divider-ornament::after { content: ""; flex: 1; height: 1px; background: var(--crema-oscuro); }#faro-quiz-root .divider-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--dorado); flex-shrink: 0; }#faro-quiz-root .btn-primary { display: inline-block; background: var(--dorado); color: var(--crema-suave); font-family: "Jost", sans-serif; font-size: clamp(11px,2.5vw,12px); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; padding: clamp(14px,3vw,18px) clamp(28px,6vw,44px); border-radius: 2px; border: none; cursor: pointer; transition: all 0.3s ease; text-decoration: none; line-height: 1; }#faro-quiz-root .btn-primary:hover { background: #9A7240; transform: translateY(-1px); }#faro-quiz-root .question-screen { padding: clamp(24px,5vw,36px) 0 clamp(48px,10vw,72px); }#faro-quiz-root .question-number { font-size: clamp(11px,2.5vw,12px); letter-spacing: 0.1em; text-transform: uppercase; color: var(--gris-calido); font-weight: 300; margin-bottom: clamp(14px,3vw,20px); }#faro-quiz-root .question-text { font-family: "Empoderada Digital", serif; font-size: clamp(24px,5vw,36px); line-height: 1.3; color: var(--tierra); margin-bottom: clamp(24px,5vw,36px); }#faro-quiz-root .options { display: flex; flex-direction: column; gap: clamp(8px,2vw,12px); }#faro-quiz-root .option { background: var(--crema-suave); border: 1.5px solid var(--crema-oscuro); border-radius: 4px; padding: clamp(16px,3.5vw,20px) clamp(18px,4vw,24px); cursor: pointer; transition: all 0.22s ease; font-family: "Jost", sans-serif; font-size: 0.7em; line-height: 1.6; color: var(--gris-medio); font-weight: 300; text-align: left; width: 100%; }#faro-quiz-root .option:hover { border-color: var(--dorado); background: #FBF6EE; color: var(--tierra); transform: translateX(4px); }#faro-quiz-root .option.selected { border-color: var(--dorado); background: #F5EFE4; color: var(--tierra); }#faro-quiz-root .insight-screen { padding: clamp(40px,8vw,64px) 0 clamp(48px,10vw,72px); text-align: center; }#faro-quiz-root .insight-mark { font-family: "Empoderada Digital", serif; font-size: clamp(48px,10vw,64px); color: var(--dorado); opacity: 0.35; display: block; margin-bottom: clamp(12px,3vw,18px); line-height: 1; }#faro-quiz-root .insight-label { font-size: clamp(10px,2.5vw,11px); letter-spacing: 0.16em; text-transform: uppercase; color: var(--dorado); font-weight: 500; margin-bottom: clamp(14px,3vw,20px); }#faro-quiz-root .insight-text { font-family: "Empoderada Digital", serif; font-size: clamp(22px,5vw,32px); line-height: 1.35; color: var(--tierra); max-width: 440px; margin: 0 auto clamp(12px,2.5vw,16px); }#faro-quiz-root .insight-sub { font-size: clamp(15px,3.5vw,17px); color: var(--gris-calido); font-weight: 300; line-height: 1.75; max-width: 400px; margin: 0 auto clamp(32px,7vw,48px); }#faro-quiz-root .email-screen { padding: clamp(32px,7vw,52px) 0 clamp(48px,10vw,72px); text-align: center; }#faro-quiz-root .email-title { font-family: "Empoderada Digital", serif; font-size: clamp(28px,6vw,38px); line-height: 1.2; color: var(--tierra); margin-bottom: clamp(14px,3vw,18px); }#faro-quiz-root .email-title em { font-style: italic; color: var(--dorado); }#faro-quiz-root .email-desc { font-size: clamp(15px,3.5vw,17px); color: var(--gris-medio); font-weight: 300; line-height: 1.75; max-width: 400px; margin: 0 auto clamp(24px,5vw,36px); }#faro-quiz-root .email-form { display: flex; flex-direction: column; gap: clamp(10px,2vw,14px); max-width: 360px; margin: 0 auto; }#faro-quiz-root .email-input { background: var(--crema-suave); border: 1.5px solid var(--crema-oscuro); border-radius: 4px; padding: clamp(14px,3vw,18px) clamp(16px,3.5vw,20px); font-family: "Jost", sans-serif; font-size: clamp(15px,3.5vw,17px); color: var(--tierra); font-weight: 300; outline: none; transition: border-color 0.2s; width: 100%; }#faro-quiz-root .email-input:focus { border-color: var(--dorado); }#faro-quiz-root .email-input::placeholder { color: var(--gris-calido); }#faro-quiz-root .email-privacy { font-size: clamp(11px,2.5vw,12px); color: var(--gris-calido); font-weight: 300; line-height: 1.6; margin-top: 4px; }#faro-quiz-root .result-screen { padding: clamp(24px,5vw,36px) 0 clamp(60px,12vw,96px); }#faro-quiz-root .result-archetype-label { font-size: clamp(10px,2.5vw,11px); letter-spacing: 0.16em; text-transform: uppercase; color: var(--dorado); font-weight: 500; margin-bottom: 8px; text-align: center; }#faro-quiz-root .result-archetype-name { font-family: "Empoderada Digital", serif; font-size: clamp(44px,9vw,72px); line-height: 1.05; color: var(--tierra); text-align: center; margin-bottom: clamp(16px,3vw,22px); }#faro-quiz-root .result-archetype-desc { font-size: clamp(15px,3.5vw,17px); line-height: 1.8; color: var(--gris-medio); font-weight: 300; text-align: center; max-width: 500px; margin: 0 auto clamp(32px,7vw,48px); }#faro-quiz-root .scores-title { font-size: clamp(10px,2.5vw,11px); letter-spacing: 0.14em; text-transform: uppercase; color: var(--gris-calido); font-weight: 500; margin-bottom: clamp(16px,3vw,24px); text-align: center; }#faro-quiz-root .scores-grid { display: flex; flex-direction: column; gap: clamp(14px,3vw,20px); margin-bottom: clamp(32px,7vw,48px); }#faro-quiz-root .score-item { display: grid; grid-template-columns: clamp(90px,25vw,140px) 1fr clamp(36px,8vw,52px); align-items: center; gap: clamp(10px,2.5vw,16px); }#faro-quiz-root .score-label { font-size: clamp(12px,3vw,14px); color: var(--gris-medio); font-weight: 400; line-height: 1.3; }#faro-quiz-root .score-level { font-size: clamp(9px,2vw,10px); letter-spacing: 0.07em; text-transform: uppercase; font-weight: 500; margin-top: 3px; }#faro-quiz-root .level-solida { color: var(--verde-oliva); }#faro-quiz-root .level-construccion { color: var(--dorado); }#faro-quiz-root .level-critica { color: #A0412E; }#faro-quiz-root .score-bar-track { height: 3px; background: var(--crema-oscuro); border-radius: 3px; overflow: hidden; }#faro-quiz-root .score-bar-fill { height: 100%; border-radius: 3px; transition: width 1.4s cubic-bezier(0.4,0,0.2,1); }#faro-quiz-root .score-num { font-family: "Empoderada Digital", serif; font-size: clamp(18px,4vw,22px); color: var(--tierra); text-align: right; line-height: 1; }#faro-quiz-root .ornament { text-align: center; margin: clamp(24px,5vw,36px) 0; color: var(--crema-oscuro); font-size: 18px; letter-spacing: 10px; }#faro-quiz-root .readings { display: flex; flex-direction: column; gap: 1px; margin-bottom: clamp(32px,7vw,48px); border: 1px solid var(--crema-oscuro); border-radius: 6px; overflow: hidden; }#faro-quiz-root .reading-item { background: var(--crema-suave); padding: clamp(16px,3.5vw,22px) clamp(18px,4vw,24px); border-bottom: 1px solid var(--crema-oscuro); }#faro-quiz-root .reading-item:last-child { border-bottom: none; }#faro-quiz-root .reading-area { font-size: clamp(10px,2.5vw,11px); letter-spacing: 0.12em; text-transform: uppercase; color: var(--dorado); font-weight: 500; margin-bottom: 8px; }#faro-quiz-root .reading-text { font-size: clamp(13px,3vw,15px); line-height: 1.75; color: var(--gris-medio); font-weight: 300; }#faro-quiz-root .pattern-block { background: #F0E8D8; border-radius: 6px; padding: clamp(24px,5vw,36px) clamp(20px,4vw,28px); margin-bottom: clamp(24px,5vw,36px); border-left: 3px solid var(--dorado); }#faro-quiz-root .pattern-label { font-size: clamp(10px,2.5vw,11px); letter-spacing: 0.14em; text-transform: uppercase; color: var(--dorado); font-weight: 500; margin-bottom: clamp(10px,2vw,14px); }#faro-quiz-root .pattern-title { font-family: "Empoderada Digital", serif; font-size: clamp(20px,4.5vw,26px); line-height: 1.3; color: var(--tierra); margin-bottom: clamp(10px,2vw,14px); }#faro-quiz-root .pattern-text { font-size: clamp(13px,3vw,15px); line-height: 1.8; color: var(--gris-medio); font-weight: 300; }#faro-quiz-root .result-cta { background: var(--tierra); border-radius: 6px; padding: clamp(28px,6vw,44px) clamp(20px,5vw,36px); text-align: center; margin-bottom: clamp(20px,4vw,28px); }#faro-quiz-root .result-cta-label { font-size: clamp(10px,2.5vw,11px); letter-spacing: 0.14em; text-transform: uppercase; color: var(--dorado); font-weight: 500; margin-bottom: clamp(10px,2vw,14px); }#faro-quiz-root .result-cta-text { font-family: "Empoderada Digital", serif; font-size: clamp(20px,4.5vw,28px); line-height: 1.35; color: var(--crema); margin-bottom: clamp(12px,2.5vw,18px); }#faro-quiz-root .result-cta-body { font-size: clamp(13px,3vw,15px); color: rgba(249,244,237,0.68); font-weight: 300; line-height: 1.8; margin-bottom: clamp(22px,5vw,32px); max-width: 400px; margin-left: auto; margin-right: auto; }#faro-quiz-root .btn-cta { display: inline-block; background: var(--dorado); color: var(--crema-suave); font-family: "Jost", sans-serif; font-size: clamp(11px,2.5vw,12px); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; padding: clamp(14px,3vw,18px) clamp(28px,6vw,40px); border-radius: 2px; text-decoration: none; transition: all 0.3s ease; border: none; cursor: pointer; }#faro-quiz-root .btn-cta:hover { background: #9A7240; transform: translateY(-1px); }#faro-quiz-root .result-share { text-align: center; font-size: clamp(12px,3vw,14px); color: var(--gris-calido); font-weight: 300; line-height: 1.6; }/* End custom CSS */