.elementor-7386 .elementor-element.elementor-element-a27cad9{--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;}/* Start custom CSS for text-editor, class: .elementor-element-1bf44f6 */.ambassador-landing {        font-family: 'Helvetica', 'Arial', sans-serif;        color: #333;        line-height: 1.6;        max-width: 100%;        overflow-x: hidden;    }
    /* HERO SECTION */    .hero-section {        background: linear-gradient(135deg, #2c3e50 0%, #000000 100%); /* Fondo oscuro elegante */        color: white;        text-align: center;        padding: 60px 20px;        border-radius: 10px;        margin-bottom: 40px;        position: relative;    }    .hero-title {        font-size: 2.5em;        font-weight: 800;        text-transform: uppercase;        margin-bottom: 10px;        letter-spacing: 1px;        line-height: 1.2;    }    .hero-subtitle {        font-size: 1.2em;        font-weight: 300;        margin-bottom: 30px;        color: #ddd;    }    .highlight-text {        color: #f1c40f; /* Dorado VIP */        font-weight: bold;    }
    /* RECOMPENSA PRINCIPAL */    .reward-box {        background: #fff;        border: 2px solid #f1c40f;        border-radius: 15px;        padding: 30px;        text-align: center;        max-width: 800px;        margin: -40px auto 40px auto; /* Efecto flotante sobre el hero */        box-shadow: 0 10px 25px rgba(0,0,0,0.1);        position: relative;        z-index: 10;    }    .reward-title {        font-size: 1.5em;        text-transform: uppercase;        color: #333;        margin-bottom: 15px;    }    .reward-big {        font-size: 3em;        font-weight: 900;        color: #3f51b5; /* Azul corporativo */        display: block;        margin: 10px 0;    }
    /* CÓMO FUNCIONA (PASOS) */    .how-it-works {        padding: 40px 20px;        text-align: center;    }    .steps-grid {        display: grid;        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));        gap: 30px;        max-width: 1000px;        margin: 40px auto;    }    .step-card {        background: #f9f9f9;        padding: 30px 20px;        border-radius: 10px;        transition: transform 0.3s ease;    }    .step-card:hover {        transform: translateY(-5px);        background: #fff;        box-shadow: 0 5px 15px rgba(0,0,0,0.1);    }    .step-icon {        font-size: 3em;        display: block;        margin-bottom: 15px;    }    .step-num {        background: #3f51b5;        color: white;        width: 30px;        height: 30px;        border-radius: 50%;        display: inline-block;        line-height: 30px;        font-weight: bold;        margin-bottom: 10px;    }
    /* DONDE ENCONTRARLO */    .find-link-section {        background: #eef2f7;        padding: 50px 20px;        text-align: center;        border-radius: 10px;        margin: 40px 0;    }    .find-grid {        display: flex;        flex-wrap: wrap;        justify-content: center;        gap: 20px;        margin-top: 30px;    }    .find-box {        background: white;        padding: 20px;        border-radius: 8px;        flex: 1;        min-width: 280px;        max-width: 450px;        border: 1px dashed #999;    }
    /* BOTONES CTA */    .cta-container {        display: flex;        justify-content: center;        gap: 20px;        flex-wrap: wrap;        margin-top: 20px;    }    .btn-main {        padding: 15px 30px;        border-radius: 50px;        text-decoration: none;        font-weight: bold;        text-transform: uppercase;        font-size: 1.1em;        transition: 0.3s;        display: inline-block;    }    .btn-buy {        background-color: #3f51b5;        color: white;        border: 2px solid #3f51b5;    }    .btn-buy:hover { background-color: #303f9f; }
    .btn-panel {        background-color: transparent;        color: #333;        border: 2px solid #333;    }    .btn-panel:hover { background-color: #333; color: white; }
    /* RESPONSIVE */    @media (max-width: 768px) {        .hero-title { font-size: 2em; }        .reward-big { font-size: 2.5em; }        .steps-grid { grid-template-columns: 1fr; }/* End custom CSS */