.elementor .e-060af14{width:820px;margin-block-start:-140px;flex-direction:column;}.elementor .e-8296106-fbfb8fa{gap:10px;}.elementor .e-7a8b70f-cdbc8ad{gap:8px;/* ===================================================
 1. Estructura Base: Ancho Automático y Píldora
 =================================================== */
.btn-pill,
.btn-pill.elementor-widget-button,
.btn-pill .elementor-button-wrapper,
.btn-pill .elementor-button {
display: inline-flex !important;
width: auto !important;
max-width: fit-content !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
white-space: nowrap !important;
}

/* Estilos visuales del elemento (botón directo o wrapper) */
.btn-pill,
.btn-pill .elementor-button {
padding: 8px 24px !important;
border-radius: 9999px !important;
border-width: 1.5px !important;
border-style: solid !important;
font-family: inherit;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-decoration: none !important;
cursor: pointer;
transition: all 0.25s ease-in-out !important;
outline: none;
}

/* En caso de que contenga texto, spans o enlaces internos */
.btn-pill a,
.btn-pill span,
.btn-pill p {
color: inherit !important;
font-weight: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
}

/* Efecto hover global para el texto */
.btn-pill:hover,
.btn-pill:hover .elementor-button,
.btn-pill:hover a,
.btn-pill:hover span {
color: #ffffff !important;
}

/* ===================================================
 2. Variantes de Color (Borde + Color de texto + Fondo translúcido + Hover)
 =================================================== */

/* Azul Claro (Academic Institutions, edunext services, All Articles) */
.btn-pill.pill-blue-light,
.btn-pill.pill-blue-light .elementor-button {
border-color: #0099ff !important;
color: #0099ff !important;
background-color: #f2f8ff !important; /* Fondo azul muy claro */
}
.btn-pill.pill-blue-light:hover,
.btn-pill.pill-blue-light:hover .elementor-button {
background-color: #0099ff !important;
}

/* Azul Oscuro (edunext Control Center) */
.btn-pill.pill-blue-dark,
.btn-pill.pill-blue-dark .elementor-button {
border-color: #0056b3 !important;
color: #0056b3 !important;
background-color: #f0f5fc !important; /* Fondo azul oscuro muy claro */
}
.btn-pill.pill-blue-dark:hover,
.btn-pill.pill-blue-dark:hover .elementor-button {
background-color: #0056b3 !important;
}

/* Púrpura / Morado (Consultants, Featured Content, Data Analyst, Online Academies) */
.btn-pill.pill-purple,
.btn-pill.pill-purple .elementor-button {
border-color: #9900ee !important;
color: #9900ee !important;
background-color: #f9f2ff !important; /* Fondo púrpura muy claro */
}
.btn-pill.pill-purple:hover,
.btn-pill.pill-purple:hover .elementor-button {
background-color: #9900ee !important;
}

/* Verde Esmeralda (Consulting, Government Institution) */
.btn-pill.pill-green,
.btn-pill.pill-green .elementor-button {
border-color: #00bb66 !important;
color: #00bb66 !important;
background-color: #f2fbf6 !important; /* Fondo verde muy claro */
}
.btn-pill.pill-green:hover,
.btn-pill.pill-green:hover .elementor-button {
background-color: #00bb66 !important;
}

/* Magenta / Rosa Intenso (Course Creators, Developers, Hosting, Open edX Community) */
.btn-pill.pill-pink,
.btn-pill.pill-pink .elementor-button {
border-color: #e60067 !important;
color: #e60067 !important;
background-color: #fff2f7 !important; /* Fondo rosa muy claro */
}
.btn-pill.pill-pink:hover,
.btn-pill.pill-pink:hover .elementor-button {
background-color: #e60067 !important;
}

/* Amarillo / Ámbar (Course Instructors, Managers) */
.btn-pill.pill-amber,
.btn-pill.pill-amber .elementor-button {
border-color: #f5a623 !important;
color: #f5a623 !important;
background-color: #fffaf0 !important; /* Fondo amarillo/cálido muy claro */
}
.btn-pill.pill-amber:hover,
.btn-pill.pill-amber:hover .elementor-button {
background-color: #f5a623 !important;
}\n}.elementor .e-118fa7c{flex-direction:column;}