.elementor-12371 .elementor-element.elementor-element-70853d1{--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-12371 .elementor-element.elementor-element-70853d1:not(.elementor-motion-effects-element-type-background), .elementor-12371 .elementor-element.elementor-element-70853d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ba97f84 );}.elementor-12371 .elementor-element.elementor-element-f0a4db4{--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;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-12371 .elementor-element.elementor-element-6b0596d{--display:flex;}.elementor-12371 .elementor-element.elementor-element-def77cb{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#363636;--border-color:#363636;}.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-12371 .elementor-element.elementor-element-4c3d61a{text-align:center;}.elementor-12371 .elementor-element.elementor-element-4c3d61a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.6px;color:var( --e-global-color-text );}.elementor-12371 .elementor-element.elementor-element-fc686b2{text-align:center;}.elementor-12371 .elementor-element.elementor-element-fc686b2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:800;color:#FFFFFF;}.elementor-12371 .elementor-element.elementor-element-26ee771{text-align:center;}.elementor-12371 .elementor-element.elementor-element-26ee771 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:900;line-height:1.3em;color:#FFFFFF;}.elementor-12371 .elementor-element.elementor-element-24b9bcc{--display:flex;}body.elementor-page-12371:not(.elementor-motion-effects-element-type-background), body.elementor-page-12371 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-12371 .elementor-element.elementor-element-26ee771 .elementor-heading-title{font-size:23px;}}/* Start custom CSS *//* --- Variables de Color --- */
:root {
    --color-resalte: #ff5252; /* Ajusta al rojo/coral exacto de tu paleta */
}

/* --- Animación del Cintillo (Marquee) --- */
.top-marquee {
    width: 100vw; /* Ocupa todo el ancho de la pantalla */
    background-color: var(--color-resalte);
    color: white;
    padding: 10px 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    margin-left: calc(-50vw + 50%); /* Fuerza el full-width si el contenedor padre está en caja */
}

.marquee-content {
    display: inline-block;
    animation: scroll-marquee 20s linear infinite;
    font-weight: regular;
    font-size: 11px;
    letter-spacing: 1px;
}

.marquee-content span {
    padding-right: 30px;
}

@keyframes scroll-marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-33.33%); } /* Se ajusta según la cantidad de spans repetidos */
}

/* --- Clases para el Titular Bicolor --- */
i.txt-resaltado {
    color: var(--color-resalte);
    font-style: italic;
    font-weight: 800; /* Extra bold para impacto */
}

/* --- Estructura de la Tarjeta --- */
.tarjeta-perfil {
    background-color: #111111; /* Gris oscuro para resaltar sobre el fondo negro */
    border: 1px solid #222222; /* Borde muy sutil */
    border-radius: 8px; /* Bordes ligeramente redondeados */
    padding: 40px 30px;
    position: relative; /* Clave para anclar el número gigante */
    overflow: hidden; /* Corta el número si se sale de la tarjeta */
    transition: transform 0.3s ease, border-color 0.3s ease;
}

/* Efecto hover (Opcional, le da un toque premium) */
.tarjeta-perfil:hover {
    transform: translateY(-5px);
    border-color: var(--color-resalte);
}

/* Aseguramos que los textos siempre estén por encima del número gigante */
.tarjeta-perfil > * {
    position: relative;
    z-index: 1;
}

/* --- Los Números Gigantes de Fondo (Marca de Agua) --- */
.tarjeta-perfil::after {
    position: absolute;
    bottom: -30px; /* Ajusta para subir o bajar el número */
    right: 5px;   /* Ajusta para moverlo a los lados */
    font-size: 220px; /* Tamaño masivo */
    font-weight: 700;
    line-height: 1;
    color: rgba(255, 255, 255, 0.04); /* Blanco al 4% de opacidad */
    z-index: 0;
    pointer-events: none; /* Para que no interfiera con el ratón */
    font-family: montserrat;
}

/* Inyectar el número específico a cada tarjeta */
.tarjeta-01::after { content: "01"; }
.tarjeta-02::after { content: "02"; }
.tarjeta-03::after { content: "03"; }

/* --- Fotos Circulares Superpuestas --- */
.foto-perfil img {
    width: 140px; /* Ajusta el tamaño de las fotos */
    height: 140px;
    object-fit: cover; /* Evita que la foto se deforme */
    border-radius: 50%; /* Hace la foto un círculo perfecto */
    border: 2px solid #0b0b0b; /* Borde oscuro para separarlas visualmente */
}

/* Movemos la segunda foto a la izquierda para que solape */
.foto-der {
    margin-left: -30px; 
    z-index: 2; /* Asegura que esta foto quede por encima */
}
.foto-izq {
    z-index: 1;
}

/* --- Líneas Divisorias de Estadísticas --- */
/* Le pone un borde derecho solo a las columnas, excepto a la última */
.stat-col {
    padding: 0 20px; /* Da un poco de respiro al texto respecto a la línea */
}

.stat-col:not(:last-child) {
    border-right: 1px solid #222222; /* El color de la línea divisoria */
}

/* Adaptación para móviles */
@media (max-width: 767px) {
    .stat-col:not(:last-child) {
        border-right: none; /* Quitamos la línea vertical en móvil */
        border-bottom: 1px solid #222222; /* Ponemos una línea horizontal */
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
}

/* --- Línea del Antetítulo --- */
.antetitulo-linea .elementor-heading-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px; /* Separación entre la línea y el texto */
}

.antetitulo-linea .elementor-heading-title::before {
    content: "";
    display: inline-block;
    width: 30px; /* Largo de la línea */
    height: 1px; /* Grosor de la línea */
    background-color: var(--color-resalte);
}/* End custom CSS */