.elementor-201 .elementor-element.elementor-element-a03771b{--display:flex;}.elementor-201 .elementor-element.elementor-element-e1683af{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-201 .elementor-element.elementor-element-621c3f8{--display:flex;}.elementor-201 .elementor-element.elementor-element-297e119{--display:flex;}.elementor-widget-title-section .elespare-widget-title-section .elespare-widget-title .elespare-section-title{color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-8 .elespare-widget-title .elespare-section-title{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-9 .elespare-widget-title .elespare-section-title{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-1 .elespare-widget-title .elespare-section-title-after{background-color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-2 .elespare-widget-title span.elespare-section-title:after{background-color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-3 .elespare-widget-title .elespare-section-title{border-bottom-color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-4 .elespare-widget-title .elespare-section-title-before{background-color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-5 .elespare-widget-title .elespare-section-title-after{background-color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-6 .elespare-widget-title .elespare-section-title-after{background-color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-6 .elespare-widget-title .elespare-section-title-before{background-color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-7 .elespare-widget-title .elespare-section-title-after{color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-7 .elespare-widget-title .elespare-section-title-before{color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-8 .elespare-widget-title .elespare-section-title:before{border-top-color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-9 .elespare-widget-title {border-bottom-color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-10 .elespare-widget-title .elespare-section-title:before{background-color:var( --e-global-color-primary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-1 .elespare-widget-title .elespare-section-title-before{background-color:var( --e-global-color-secondary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-3 .elespare-widget-title .elespare-section-title-after{background-color:var( --e-global-color-secondary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-4 .elespare-widget-title .elespare-section-title-after{background-color:var( --e-global-color-secondary );}.elementor-widget-title-section .elespare-widget-title-section.title-style-5 .elespare-widget-title .elespare-section-title-before{background-color:var( --e-global-color-secondary );}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section .elespare-widget-title .elespare-section-title{color:#FFFFFF;font-size:29px;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-1 .elespare-widget-title .elespare-section-title-after{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-2 .elespare-widget-title span.elespare-section-title:after{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-3 .elespare-widget-title .elespare-section-title{border-bottom-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-4 .elespare-widget-title .elespare-section-title-before{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-5 .elespare-widget-title .elespare-section-title-after{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-6 .elespare-widget-title .elespare-section-title-after{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-6 .elespare-widget-title .elespare-section-title-before{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-7 .elespare-widget-title .elespare-section-title-after{color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-7 .elespare-widget-title .elespare-section-title-before{color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-8 .elespare-widget-title .elespare-section-title{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-8 .elespare-widget-title .elespare-section-title:before{border-top-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-9 .elespare-widget-title .elespare-section-title{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-9 .elespare-widget-title {border-bottom-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-10 .elespare-widget-title .elespare-section-title:before{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-1 .elespare-widget-title .elespare-section-title-before{background-color:#efefef;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-3 .elespare-widget-title .elespare-section-title-after{background-color:#efefef;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-4 .elespare-widget-title .elespare-section-title-after{background-color:#efefef;}.elementor-201 .elementor-element.elementor-element-58df4f2 .elespare-widget-title-section.title-style-5 .elespare-widget-title .elespare-section-title-before{background-color:#efefef;}.elementor-201 .elementor-element.elementor-element-8704739{--display:flex;}.elementor-201 .elementor-element.elementor-element-5b807b7{color:#BBBBBB;}.elementor-201 .elementor-element.elementor-element-a458958{--display:flex;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section .elespare-widget-title .elespare-section-title{color:#FFFFFF;font-size:25px;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-1 .elespare-widget-title .elespare-section-title-after{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-2 .elespare-widget-title span.elespare-section-title:after{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-3 .elespare-widget-title .elespare-section-title{border-bottom-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-4 .elespare-widget-title .elespare-section-title-before{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-5 .elespare-widget-title .elespare-section-title-after{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-6 .elespare-widget-title .elespare-section-title-after{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-6 .elespare-widget-title .elespare-section-title-before{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-7 .elespare-widget-title .elespare-section-title-after{color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-7 .elespare-widget-title .elespare-section-title-before{color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-8 .elespare-widget-title .elespare-section-title{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-8 .elespare-widget-title .elespare-section-title:before{border-top-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-9 .elespare-widget-title .elespare-section-title{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-9 .elespare-widget-title {border-bottom-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-10 .elespare-widget-title .elespare-section-title:before{background-color:#bb1919;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-1 .elespare-widget-title .elespare-section-title-before{background-color:#efefef;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-3 .elespare-widget-title .elespare-section-title-after{background-color:#efefef;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-4 .elespare-widget-title .elespare-section-title-after{background-color:#efefef;}.elementor-201 .elementor-element.elementor-element-6cc3169 .elespare-widget-title-section.title-style-5 .elespare-widget-title .elespare-section-title-before{background-color:#efefef;}.elementor-201 .elementor-element.elementor-element-fe25b1d{--display:flex;}.elementor-201 .elementor-element.elementor-element-fdf9d72{color:#D8D8D8;}/* Start custom CSS for html, class: .elementor-element-657f100 *//* --- RESET Y ESTILOS BASE --- */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
    background-color: #1a1c1e; /* Fondo oscuro como en la imagen */
    padding: 50px 20px;
    color: #333;
}

.main-container {
    max-width: 1100px;
    margin: 0 auto;
}

.main-title {
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
    font-size: 2rem;
}

/* --- CONTENEDOR DE TARJETAS (GRID) --- */
.cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    align-items: stretch; /* Asegura que todas las tarjetas tengan la misma altura máxima */
}

/* --- ESTILO BASE DE LA TARJETA (LA SOLUCIÓN ESTÁ AQUÍ) --- */
.card {
    background-color: #fff;
    border-radius: 12px;
    padding: 25px;
    position: relative;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    
    /* TRUCO DE ALINEACIÓN 1: Flexbox vertical */
    display: flex;
    flex-direction: column;
}

/* Destacado sutil para Juega en Línea */
.card.featured {
    border: 2px solid #ffb703; /* Borde dorado suave */
    box-shadow: 0 6px 20px rgba(255, 183, 3, 0.15);
}

.featured-badge {
    position: absolute;
    top: -12px;
    right: 20px;
    background-color: #ffb703;
    color: #000;
    font-weight: bold;
    font-size: 0.7rem;
    padding: 4px 12px;
    border-radius: 20px;
    text-transform: uppercase;
}

/* --- ENCABEZADO Y RATING --- */
.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.operator-logo {
    max-width: 120px;
    height: auto;
}

.rating-box {
    background-color: #f0f3f6;
    padding: 4px 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.star {
    color: #ffb703;
    font-size: 1.1rem;
}

.score {
    font-weight: bold;
    font-size: 0.9rem;
}

/* --- SECCIÓN DEL BONO --- */
.bonus-section {
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.yellow-bonus {
    background-color: #fffdf5;
    border-left: 4px solid #ffb703;
}

.blue-bonus {
    background-color: #f5faff;
    border-left: 4px solid #007bff;
}

.bonus-title {
    display: block;
    font-size: 0.75rem;
    font-weight: bold;
    color: #6c757d;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.bonus-text {
    font-size: 0.95rem;
    font-weight: 700;
    color: #111;
    line-height: 1.3;
}

/* --- LISTA DE PROS (ESTO EMPUJA LOS BOTONES) --- */
.pros-list {
    list-style: none;
    font-size: 0.85rem;
    color: #555;
    margin-bottom: 25px; /* Espacio antes de los botones */
    
    /* TRUCO DE ALINEACIÓN 2: Ocupa todo el espacio vertical disponible */
    flex-grow: 1; 
}

.pros-list li {
    margin-bottom: 8px;
}

/* --- SECCIÓN DE BOTONES --- */
.card-actions {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Espacio entre botones */
    
    /* Asegura que los botones se queden al fondo si pros-list es corta */
    margin-top: auto; 
}

.btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9rem;
    transition: background-color 0.2s;
}

/* Botones Primarios */
.btn-primary {
    color: #fff;
}

.btn-juega {
    background-color: #e67e22; /* Naranja para destacar */
}

.btn-juega:hover {
    background-color: #d35400;
}

.btn-green {
    background-color: #27ae60; /* Verde estándar */
}

.btn-green:hover {
    background-color: #219150;
}

/* Botón Secundario (CORREGIDO Y ALINEADO) */
.btn-secondary {
    background-color: #f0f3f6; /* Gris muy claro */
    color: #495057;
    border: 1px solid #dfe3e8;
}

.btn-secondary:hover {
    background-color: #e2e6ea;
}/* End custom CSS */