.elementor-3651 .elementor-element.elementor-element-12714ce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:18%;--padding-bottom:13%;--padding-left:25%;--padding-right:25%;}.elementor-3651 .elementor-element.elementor-element-12714ce:not(.elementor-motion-effects-element-type-background), .elementor-3651 .elementor-element.elementor-element-12714ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-de0bfbb );}.elementor-3651 .elementor-element.elementor-element-cfb84c9{--display:flex;--justify-content:center;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3651 .elementor-element.elementor-element-cfb84c9:not(.elementor-motion-effects-element-type-background), .elementor-3651 .elementor-element.elementor-element-cfb84c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-3651 .elementor-element.elementor-element-f1fbd79{width:100%;max-width:100%;text-align:center;}.elementor-3651 .elementor-element.elementor-element-f1fbd79 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-3651 .elementor-element.elementor-element-f1fbd79 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-astglobalcolor2 );}.elementor-3651 .elementor-element.elementor-element-cef377e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3651 .elementor-element.elementor-element-cef377e{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-astglobalcolor2 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3651 .elementor-element.elementor-element-12714ce{--padding-top:15%;--padding-bottom:15%;--padding-left:10%;--padding-right:10%;}.elementor-3651 .elementor-element.elementor-element-f1fbd79 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-3651 .elementor-element.elementor-element-cef377e{text-align:center;}}@media(max-width:767px){.elementor-3651 .elementor-element.elementor-element-12714ce{--padding-top:45%;--padding-bottom:30%;--padding-left:5%;--padding-right:5%;}.elementor-3651 .elementor-element.elementor-element-cfb84c9{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-3651 .elementor-element.elementor-element-f1fbd79 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-3651 .elementor-element.elementor-element-f1fbd79{text-align:center;}.elementor-3651 .elementor-element.elementor-element-f1fbd79 .elementor-heading-title{font-size:28px;}.elementor-3651 .elementor-element.elementor-element-cef377e > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-3651 .elementor-element.elementor-element-cef377e{text-align:center;}}@media(min-width:768px){.elementor-3651 .elementor-element.elementor-element-cfb84c9{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3651 .elementor-element.elementor-element-cfb84c9{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-f1fbd79 */.destacado-2 {
    font-family: "Instrument Serif", serif;
    color: #F9631D;
    font-size: 53px;
    font-style: italic;
    line-height: 1em;
    letter-spacing: -3px;
    font-weight: 400;
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: manual;
    display:inline-block;
}

@media (max-width: 768px) {
  .destacado-2 {
      font-size: 1.3em;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cef377e */.destacado{
    background-color:#DEFC6E;
    display:inline-block !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d957fae *//* Variables para este esquema (Ajustar al diseño global) */
:root {
    --dark-blue: #1a202c;     /* Fondo oscuro para contraste */
    --gold-accent: #DFFD64;   /* Dorado para el dinero */
    --green-success: #34d399; /* Verde para las cantidades de dinero */
    --light-gray: #ffffff;
    --card-bg: #ffffff;
    --text-color-dark: #374151;
}

#programa-referidos {
    color: var(--light-gray);
    font-family: sans-serif;

}

.conditions-block h3{
    color: var(--light-gray);
    font-family: sans-serif;
    margin-top: 30px;
}

#programa-referidos h2{
    color: var(--light-gray);
    font-family: sans-serif;
    margin: 50px 0px;
}


/* Bloque Principal de Valor */
.value-proposition {
    padding: 20px 30px;
    border-radius: 10px;
    border: 3px solid var(--gold-accent);
    display: inline-block;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    background-color:#12413F;
}

.text-gold-accent {
    color: var(--gold-accent);
}
.text-green-success {
    color: var(--green-success);
}

/* --- ESTILO DE LAS TARJETAS DE PASOS (STEP-CARD) --- */

.step-flow {
    position: relative;
}
/* Opcional: Líneas de conexión para hacer un diagrama de flujo (más avanzado) */
/* .step-flow::before { content: ""; ... } */

.step-card {
    background-color: var(--card-bg);
    color: var(--text-color-dark);
    padding: 25px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-bottom: 5px solid #12413F;
    height: 100%;
}



.step-number {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--gold-accent);
    background-color: #0D2521;
    border: 3px solid var(--gold-accent);
    width: 40px;
    height: 40px;
    line-height: 34px;
    border-radius: 50%;
    margin: -45px auto 15px; /* Saca el número de la tarjeta */
}

.step-icon {
    font-size: 2.5rem;
    color: var(--dark-blue);
    margin-bottom: 10px;
}

.step-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--dark-blue);
}

/* --- BLOQUES SECUNDARIOS --- */

/* Acceso a Recompensas */
.rewards-access-block {
    background-color: var(--light-gray);
    padding: 30px;
    border-radius: 10px;
    margin-top: 50px;
    color: var(--text-color-dark);
    border-left: 5px solid var(--green-success);
}

/* Condiciones */
.conditions-block {
    margin-top: 40px;
    padding: 20px 0;
}

.conditions-list {
    list-style: none;
    padding: 0;
}

.conditions-list li {
    font-size: 1.1rem;
    color: var(--light-gray);
    padding: 8px 0;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    padding-left: 20px;
    position: relative;
}

.conditions-list li::before {
    content: "✔️";
    position: absolute;
    left: 0;
    color: var(--green-success);
}/* End custom CSS */