.elementor-18 .elementor-element.elementor-element-7c27140{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-6647326{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:14px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-124e161{--display:flex;--justify-content:flex-end;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18 .elementor-element.elementor-element-67bcb16{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-0ac778d .elementor-heading-title{font-size:60px;font-weight:900;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18 .elementor-element.elementor-element-8333500 .elementor-button{background-color:#532DFC;border-style:solid;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-18 .elementor-element.elementor-element-8333500 .elementor-button-content-wrapper{flex-direction:row;}.elementor-18 .elementor-element.elementor-element-dafbb3b .elementor-button{background-color:#532DFC;border-style:solid;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-18 .elementor-element.elementor-element-dafbb3b .elementor-button-content-wrapper{flex-direction:row;}.elementor-18 .elementor-element.elementor-element-fa4e72b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-cae4df4{--display:flex;}.elementor-18 .elementor-element.elementor-element-e29e9bd{--display:flex;}.elementor-18 .elementor-element.elementor-element-5e56855{--display:flex;}.elementor-18 .elementor-element.elementor-element-53ac701{--display:flex;}.elementor-18 .elementor-element.elementor-element-957ec5b{--display:flex;}.elementor-18 .elementor-element.elementor-element-a170ebd{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-265bcb7{text-align:center;}.elementor-18 .elementor-element.elementor-element-265bcb7 .elementor-heading-title{color:var( --e-global-color-astglobalcolor6 );}.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-18 .elementor-element.elementor-element-567033f{text-align:center;}.elementor-18 .elementor-element.elementor-element-1db6ca5{--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;}.elementor-18 .elementor-element.elementor-element-6b49916{--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 *//* --- FUENTES Y GENERALES --- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');

body, h1, h2, h3, h4, h5, h6, p, span, a {
    font-family: 'Montserrat', sans-serif !important;
}

/* --- SECCIÓN HERO (Fondo Morado) --- */
/* Apunta al contenedor principal superior */
.elementor-element.rm-container {
    background: radial-gradient(circle at 30% 50%, #7a5fff 0%, #3b16f3 50%, #080336 100%) !important;
    padding-top: 60px !important;
    padding-bottom: 80px !important;
    position: relative;
    overflow: visible !important; /* Permitir que elementos sobresalgan si es necesario */
}

/* --- NOMBRE Y NÚMERO --- */
/* El número grande de fondo */
.rm-bg-number .elementor-heading-title {
    color: rgba(255, 255, 255, 0.1) !important;
    font-size: 180px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 0;
}

/* Nombre del jugador */
.rm-name .elementor-heading-title {
    color: #ffffff !important;
    font-size: 45px !important;
    font-weight: 700 !important;
    text-transform: capitalize;
    margin-bottom: 0px !important;
    z-index: 2;
    position: relative;
}

/* Posición (Defensa, Mediocentro) */
.rm-position .elementor-heading-title {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px !important;
}

/* Imagen del jugador */
.rm-player-img img {
    filter: drop-shadow(0px 10px 20px rgba(0,0,0,0.3));
    z-index: 2;
    position: relative;
    mask-image: linear-gradient(to bottom, black 90%, transparent 100%); /* Desvanecido suave abajo */
    -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
}

/* --- BARRA DE ESTADÍSTICAS (Caja Oscura) --- */
/* Contenedor de estadísticas */
.rm-stats-bar {
    background-color: #0f132a !important; /* Azul muy oscuro casi negro */
    border-radius: 20px !important;
    padding: 25px !important;
    margin-top: -40px !important; /* Truco para que suba un poco hacia la imagen si es necesario */
    z-index: 10;
    position: relative;
    box-shadow: 0 15px 40px rgba(0,0,0,0.4) !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Textos dentro de las estadísticas */
.rm-stat-label .elementor-heading-title {
    color: #ffffff !important;
    text-align: center;
}

/* El número del dato (ej: 16, 1, 1272) */
.rm-stat-box .elementor-widget-heading:nth-child(2) .elementor-heading-title {
    font-size: 28px !important;
    font-weight: 700 !important;
}

/* La etiqueta del dato (ej: Partidos, Goles) */
.rm-stat-box .elementor-widget-heading:nth-child(1) .elementor-heading-title {
    font-size: 12px !important;
    font-weight: 400 !important;
    opacity: 0.7;
    text-transform: uppercase;
    margin-bottom: 5px !important;
}

/* --- TARJETAS DE DATOS INFERIORES (Blancas) --- */
/* Sección de detalles (Datos personales y Trayectoria) */
.rm-details {
    background-color: #f5f7fa !important; /* Fondo gris muy claro para la sección */
    padding-top: 60px !important;
}

/* Estilo para convertir los contenedores hijos en "Tarjetas" */
.rm-details .e-con-inner > .elementor-element {
    background-color: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    padding: 40px !important;
    margin: 10px !important;
}

/* Títulos de las secciones inferiores */
.rm-details h2, .rm-details h3 {
    color: #111 !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 25px !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

/* Iconos y textos de lista */
.rm-details .elementor-icon-list-text {
    color: #333 !important;
    font-weight: 500 !important;
}

.rm-details .elementor-icon-list-icon i {
    color: #3b16f3 !important; /* Mismo morado que el hero */
}/* End custom CSS */