/**
 * Solo lo necesario: carrito lateral (home, todas las páginas) y detalles del overlay.
 * Sustituye la carga de frontend_style.css para no cargar CSS que no se usa.
 */

/* ---- Botón flotante del carrito (derecha de la pantalla) ---- */
a.float.notification_wrapper {
    position: fixed;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: #1a1a1a;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
a.float.notification_wrapper:hover {
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
}
a.float.notification_wrapper .notify_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
a.float.notification_wrapper .notify_icon img {
    max-width: 28px;
    height: auto;
}
a.float.notification_wrapper .notify_count {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 50%;
    background: #EF4444;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ---- Carrito lateral: overlay oscuro ---- */
.shoping_wrapper .dark_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 8, 34, 0.4);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.shoping_wrapper .dark_overlay.active {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 767.98px) {
    .shoping_wrapper .chart_close {
        display: none;
    }
}

/* ---- Carrito lateral: panel ---- */
.shoping_wrapper .shoping_cart {
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 3;
    height: 100%;
    width: 519px;
    padding: 140px 30px 40px 40px;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    transition: .3s;
}
@media (max-width: 575.98px) {
    .shoping_wrapper .shoping_cart {
        width: 100%;
        padding: 100px 20px 30px 30px;
    }
}
.shoping_wrapper .shoping_cart.active {
    opacity: 1;
    visibility: visible;
}

.shoping_wrapper .shoping_cart .shoping_cart_inner .cart_header {
    border-bottom: 1px solid #E2E8F0;
}
.shoping_wrapper .shoping_cart .shoping_cart_inner .cart_header h4 {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
}

.shoping_wrapper .shoping_cart .shoping_cart_inner .single_cart {
    display: flex;
    border-bottom: 1px solid #E2E8F0;
    align-items: center;
    padding: 20px 0;
}
.shoping_wrapper .shoping_cart .shoping_cart_inner .single_cart:last-child {
    padding-bottom: 60px;
    margin-bottom: 30px;
}
.shoping_wrapper .shoping_cart .shoping_cart_inner .single_cart .thumb {
    width: 120px;
    margin-right: 30px;
    flex-shrink: 0;
}
.shoping_wrapper .shoping_cart .shoping_cart_inner .single_cart .thumb img {
    width: 100%;
}
.shoping_wrapper .shoping_cart .shoping_cart_inner .single_cart .cart_content h5 {
    font-size: 16px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 10px;
}
.shoping_wrapper .shoping_cart .shoping_cart_inner .single_cart .cart_content p {
    font-size: 16px;
    font-weight: 500;
    color: #475569;
    display: flex;
    align-items: center;
}
.shoping_wrapper .shoping_cart .shoping_cart_inner .single_cart .cart_content p .multy_icon {
    display: inline-block;
    font-size: 14px;
    margin-right: 13px;
    margin-left: 5px;
    color: #475569;
}
.shoping_wrapper .shoping_cart .shoping_cart_inner .single_cart .cart_content p .prise {
    color: #22C55E;
}

/* Botones del carrito (View cart / Checkout) */
.shoping_wrapper .view_checkout_btn .theme_btn.small_btn3 {
    padding: 12px 24px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
}
.shoping_wrapper .view_checkout_btn .gap_10 {
    gap: 10px;
}

/* ========== Página /my-cart: listado de cursos en el carrito ========== */
.cart_wrapper {
    padding: 48px 0 56px 0;
}
.cart_wrapper .new_cart_wrapper {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #E2E8F0;
    padding: 24px 24px 8px 24px;
    box-shadow: 0 10px 40px rgba(15, 23, 42, 0.06);
}
.cart_wrapper .new_cart_wrapper h4 {
    font-size: 20px;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 16px;
}
.cart_wrapper .new_cart_wrapper .single_cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-top: 1px solid #E2E8F0;
}
.cart_wrapper .new_cart_wrapper .single_cart:first-of-type {
    border-top: none;
}
.cart_wrapper .new_cart_wrapper .single_cart .product_name {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.cart_wrapper .new_cart_wrapper .single_cart .product_name > a svg {
    display: block;
}
.cart_wrapper .new_cart_wrapper .single_cart .product_name .thumb {
    width: 72px;
    height: 48px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
}
.cart_wrapper .new_cart_wrapper .single_cart .product_name .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.cart_wrapper .new_cart_wrapper .single_cart .product_name h5 {
    font-size: 15px;
    font-weight: 500;
    color: #0f172a;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 360px;
}
.cart_wrapper .new_cart_wrapper .single_cart .f_w_400 {
    font-weight: 600;
    color: #111827;
    margin-left: 12px;
    white-space: nowrap;
}
.cart_wrapper .cart_table_wrapper {
    margin-top: 16px;
}
.cart_wrapper .cart_table_wrapper .theme_btn {
    padding: 12px 24px;
    border-radius: 999px;
}
.cart_wrapper .cart_table_wrapper .cart_primary_btn {
    background: #0f172a;
    color: #ffffff;
    border: none;
    border-radius: 10px; /* esquinas redondeadas pero no totalmente pill */
}
.cart_wrapper .cart_table_wrapper .cart_primary_btn:hover {
    background: #111827;
    color: #ffffff;
}

/* Botón primario reutilizado en login */
.login_wrapper .login_wrapper_left .theme_btn.cart_primary_btn {
    background: #0f172a;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    height: 52px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
}
.login_wrapper .login_wrapper_left .theme_btn.cart_primary_btn:hover {
    background: #111827;
    color: #ffffff;
}

/* Variante con reCAPTCHA invisible (mismo estilo de botón) */
.login_wrapper .login_wrapper_left .g-recaptcha.theme_btn {
    background: #0f172a;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    height: 52px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
}
.cart_wrapper .text-secondary {
    color: #9CA3AF !important;
}

/* ---- Menú de filtros (sidebar cursos / blog) ---- */
.course_category_chose {
    margin: 0;
    padding: 0;
}

/* ========== Login / Register: layout 2 columnas a pantalla completa ========== */
.login_wrapper {
    width: 100%;
    margin: 0;
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.login_wrapper .login_wrapper_left {
    background: #f9fafb;
    padding: 64px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.login_wrapper .login_wrapper_left .login_wrapper_content {
    max-width: 420px;
    margin: 0 auto;
}
.login_wrapper .login_wrapper_left .logo {
    margin-bottom: 40px;
    text-align: center;
}
.login_wrapper .login_wrapper_left .login_wrapper_content h4 {
    font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
    font-weight: 700;
    color: #0f172a;
    font-size: 26px;
    line-height: 1.35;
    margin-bottom: 32px;
}
.login_wrapper .login_wrapper_left .login_wrapper_content .socail_links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}
@media (max-width: 767.98px) {
    .login_wrapper .login_wrapper_left .login_wrapper_content .socail_links {
        grid-template-columns: minmax(0, 1fr);
    }
}
.login_wrapper .login_wrapper_left .login_wrapper_content .socail_links a {
    border-radius: 999px;
    color: #ffffff !important;
    white-space: nowrap;
}
.login_wrapper .login_wrapper_left .login_wrapper_content .login_text {
    font-size: 14px;
    font-weight: 500;
    color: #64748B;
    margin: 8px 0 20px 0;
}
.login_wrapper .login_wrapper_left .login_wrapper_content .remember_forgot_pass {
    align-items: center;
    margin-top: 8px;
    margin-bottom: 24px;
}
.login_wrapper .login_wrapper_left .login_wrapper_content .remember_forgot_pass .primary_checkbox .label_name {
    font-size: 14px;
    color: #687083;
}
.login_wrapper .login_wrapper_left .login_wrapper_content .remember_forgot_pass .forgot_pass {
    font-size: 14px;
    font-weight: 500;
    color: #2563EB;
}
.login_wrapper .login_wrapper_left .login_wrapper_content .login_field {
    margin-bottom: 8px;
}
.login_wrapper .login_wrapper_left .login_wrapper_content .login_input {
    height: 52px;
    border-radius: 10px;
    border: 1px solid #CBD5E1;
    font-size: 14px;
}
.login_wrapper .login_wrapper_left .login_wrapper_content .login_input:focus {
    border-color: #0f172a;
    box-shadow: 0 0 0 1px #0f172a20;
}
.login_wrapper .login_wrapper_left .shitch_text {
    font-size: 14px;
    font-weight: 500;
    color: #4B5563;
    margin-top: 12px;
    text-align: center;
}
.login_wrapper .login_wrapper_left .shitch_text a {
    color: #2563EB;
}
.login_wrapper .login_wrapper_right {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #020617; /* fondo negro / muy oscuro */
    padding: 64px 80px;
}
.login_wrapper .login_wrapper_right .login_main_info--login {
    max-width: 420px;
    text-align: left;
}
.login_wrapper .login_wrapper_right .login_main_info--login h4 {
    font-size: 26px;
    font-weight: 700;
    color: #f9fafb;
    line-height: 1.3;
    margin-bottom: 16px;
}
.login_wrapper .login_wrapper_right .login_hero_text {
    font-size: 17px;
    line-height: 1.7;
    color: #e5e7eb;
    margin-bottom: 16px;
    max-width: 460px;
}
.login_wrapper .login_wrapper_right .login_hero_bullets {
    margin: 0;
    padding-left: 20px;
    list-style: disc;
    color: #e5e7eb;
    font-size: 14px;
}
.login_wrapper .login_wrapper_right .login_hero_bullets li {
    margin-bottom: 6px;
}

@media (max-width: 991.98px) {
    .login_wrapper {
        grid-template-columns: minmax(0, 1fr);
        min-height: auto;
    }
    .login_wrapper .login_wrapper_left,
    .login_wrapper .login_wrapper_right {
        padding: 40px 24px;
    }
}
.course_category_chose .course_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
/* Espacio entre icono y texto "Filter Category" */
.course_category_chose .course_title > div.d-flex {
    display: flex;
    align-items: center;
    gap: 14px;
}
.course_category_chose .course_title h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}
.course_category_chose .course_title svg {
    flex-shrink: 0;
}
.course_category_chose .popupClose {
    cursor: pointer;
    padding: 4px;
    color: #64748B;
    font-size: 18px;
}
.course_category_chose .popupClose:hover {
    color: #1a1a1a;
}
/* Sin contenedor interior: todo el bloque con fondo blanco del padre */
.course_category_chose .course_category_inner {
    border: none;
    padding: 0;
    background: transparent;
}
.course_category_chose .single_course_categry {
    margin-bottom: 28px;
}
.course_category_chose .single_course_categry:last-child {
    margin-bottom: 0;
}
.course_category_chose .single_course_categry h4 {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.Check_sidebar {
    list-style: none;
    padding: 0;
    margin: 0;
}
.Check_sidebar li {
    margin-bottom: 16px;
}
.Check_sidebar li:last-child {
    margin-bottom: 0;
}

/* Checkbox personalizado (filtros) */
.primary_checkbox {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0;
    cursor: pointer;
    gap: 12px;
}
.primary_checkbox .label_name {
    font-size: 14px;
    font-weight: 500;
    color: #475569;
    margin: 0;
}
.primary_checkbox .checkmark {
    position: relative;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    display: block;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #CBD5E1;
    background: #fff;
    transition: background .2s, border-color .2s;
}
.primary_checkbox .checkmark:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 18px;
    height: 18px;
    background: transparent;
    border-radius: 4px;
    border: 0;
    transition: transform .2s;
}
.primary_checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    margin: 0;
}
.primary_checkbox input:checked ~ .checkmark {
    background: var(--system_primery_color, #1a1a1a);
    border-color: var(--system_primery_color, #1a1a1a);
}
.primary_checkbox input:checked ~ .checkmark:after {
    transform: scale(0);
    border: 0;
}
/* Checkmark dibujado con CSS (no depende de fuente de iconos) */
.primary_checkbox input:checked ~ .checkmark::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    z-index: 1;
    box-sizing: border-box;
}
.primary_checkbox .checkmark.mr_15 {
    margin-right: 12px;
}

/* ---- Dropdowns / select: espacio para la flecha ---- */
/* Select nativo: quitar flecha del sistema y usar una con margen (oscura para fondo claro) */
.form-select,
select {
    padding-right: 2.5rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px;
}
/* Select sobre fondo oscuro (footer, etc.): flecha clara */
.modern-footer select,
.modern-footer .footer-selectors select,
[class*="bg-dark"] select,
[class*="background"][style*="black"] select,
select.dark-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
}
/* nice-select (dropdown que reemplaza al select): más margen a la derecha */
.nice-select {
    padding-right: 2.5rem !important;
}
.nice-select::after {
    right: 14px !important;
}

/* ---- Sidebar del blog (/blog) ---- */
.blog_sidebar_wrap {
    margin: 0;
    padding: 0;
}
/* Buscador */
.blog_sidebar_wrap .theme_search_field4.input-group {
    display: flex;
    align-items: stretch;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}
.blog_sidebar_wrap .theme_search_field4 .input-group-prepend {
    display: flex;
}
.blog_sidebar_wrap .theme_search_field4 .input-group-prepend .btn {
    padding: 10px 14px;
    background: #F8FAFC;
    border: none;
    border-right: 1px solid #E2E8F0;
    color: #64748B;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.blog_sidebar_wrap .theme_search_field4 .input-group-prepend .btn .search-icon {
    display: block;
    flex-shrink: 0;
}
.blog_sidebar_wrap .theme_search_field4 .form-control {
    border: none !important;
    padding: 10px 14px;
    font-size: 14px;
    color: #1a1a1a;
    background: #fff;
}
.blog_sidebar_wrap .theme_search_field4 .form-control::placeholder {
    color: #94A3B8;
}
/* Bloques del sidebar (categorías, recent posts) */
.blog_sidebar_wrap .blog_sidebar_box {
    margin-bottom: 28px;
}
.blog_sidebar_wrap .blog_sidebar_box:last-child {
    margin-bottom: 0;
}
.blog_sidebar_wrap .blog_sidebar_box h4 {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.blog_sidebar_wrap .home6_border {
    height: 0;
    border: none;
    border-top: 1px solid #E2E8F0;
    margin: 0 0 16px 0;
}
/* Lista de categorías (checkboxes) ya estilada por .Check_sidebar y .primary_checkbox */
/* Recent posts */
.blog_sidebar_wrap .news_lists {
    list-style: none;
    padding: 0;
    margin: 0;
}
.blog_sidebar_wrap .single_newslist {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E2E8F0;
}
.blog_sidebar_wrap .single_newslist:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.blog_sidebar_wrap .single_newslist a {
    text-decoration: none;
    display: block;
}
.blog_sidebar_wrap .single_newslist a h4 {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.4;
    margin: 0 0 6px 0;
    text-transform: none;
    letter-spacing: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog_sidebar_wrap .single_newslist a:hover h4 {
    color: var(--system_primery_color, #1a1a1a);
}
.blog_sidebar_wrap .single_newslist p {
    font-size: 13px;
    color: #64748B;
    margin: 0;
    line-height: 1.4;
}
/* Utilidades de margen usadas en el sidebar */
.blog_sidebar_wrap .mb_10 { margin-bottom: 10px; }
.blog_sidebar_wrap .mb_20 { margin-bottom: 20px; }
.blog_sidebar_wrap .mb_30 { margin-bottom: 30px; }
.blog_sidebar_wrap .blog_sidebar_box.p-0 { padding: 0; }
.blog_sidebar_wrap .blog_sidebar_box.border-0 { border: none; }

/* Keywords (tags) del sidebar del blog */
.blog_sidebar_wrap .keyword_lists {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.blog_sidebar_wrap .keyword_lists a {
    display: inline-block;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.blog_sidebar_wrap .keyword_lists a:hover {
    background: #E2E8F0;
    color: #1a1a1a;
    border-color: #CBD5E1;
}
.blog_sidebar_wrap .gap_10 { gap: 10px; }

/* ---- Menú lateral de categorías (móvil) ---- */
.side_cate {
    position: fixed;
    left: 0;
    top: 0;
    width: 280px;
    max-width: 85vw;
    height: 100%;
    background: #fff;
    z-index: 9998;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: none;
}
@media (max-width: 991.98px) {
    .side_cate {
        display: block;
    }
}
.side_cate.open,
.side_cate.active {
    transform: translateX(0);
}
.side_cate_close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #64748B;
    font-size: 20px;
    z-index: 2;
    border: none;
    background: transparent;
}
.side_cate_close:hover {
    color: #1a1a1a;
}
.side_cate_wrap {
    padding: 60px 24px 24px;
    height: 100%;
    overflow-y: auto;
}
.side_cate_wrap_menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.side_cate_wrap_menu li {
    margin-bottom: 0;
    border-bottom: 1px solid #E2E8F0;
}
.side_cate_wrap_menu li a {
    display: block;
    padding: 14px 0;
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.2s ease;
}
.side_cate_wrap_menu li a:hover {
    color: var(--system_primery_color, #1a1a1a);
}

/* ---- Botones de compartir en redes (blog, curso, etc.) ---- */
.social_btns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.social_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 8px;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.social_btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}
.social_btn i {
    display: none;
}
.social_btn::before {
    content: "";
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.social_btn.fb_bg {
    background: #1877F2;
}
.social_btn.fb_bg::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E");
}
.social_btn.Twitter_bg {
    background: #1DA1F2;
}
.social_btn.Twitter_bg::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}
.social_btn.Pinterest_bg {
    background: #BD081C;
}
.social_btn.Pinterest_bg::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.214 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z'/%3E%3C/svg%3E");
}
.social_btn.Linkedin_bg {
    background: #0A66C2;
}
.social_btn.Linkedin_bg::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E");
}

/* ---- Hero de página (blog listado y blog detalle) ---- */
.page-hero {
    display: block !important;
}

/* ---- Cabecera del artículo del blog (blog details) ---- */
.lms_blog_details_area {
    padding-top: 60px;
    padding-bottom: 80px;
}
@media (max-width: 767.98px) {
    .lms_blog_details_area {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}
.lms_blog_details_area .blog_details_inner {
    display: block;
}
.lms_blog_details_area .blog_details_banner {
    display: block;
    margin-bottom: 2rem;
    border-radius: 12px;
    overflow: hidden;
    background: #F1F5F9;
}
.lms_blog_details_area .blog_details_banner img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 420px;
    object-fit: cover;
    vertical-align: middle;
}
@media (max-width: 767.98px) {
    .lms_blog_details_area .blog_details_banner {
        margin-bottom: 1.5rem;
    }
    .lms_blog_details_area .blog_details_banner img {
        max-height: 280px;
    }
}

/* ---- Sidebar detalle de curso / quiz (precio, wishlist, botones, course includes) ---- */
.sidebar__widget.course_details_sidebar,
.sidebar__widget.quiz_details_sidebar {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    border: 1px solid #E2E8F0;
}
.sidebar__widget .sidebar__title {
    margin-bottom: 20px;
}
.sidebar__widget .sidebar__title h3 {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 10px 0;
}
.sidebar__widget .sidebar__title p {
    margin: 0;
    font-size: 14px;
    color: #475569;
}
.sidebar__widget .sidebar__title p a {
    color: #1a1a1a;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.sidebar__widget .sidebar__title p a:hover {
    text-decoration: underline;
}
.sidebar__widget .sidebar__title p a i,
.sidebar__widget .sidebar__title p i {
    display: none;
}
.sidebar__widget .sidebar__title p a::before {
    content: "";
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}
.sidebar__widget .theme_btn,
.sidebar__widget .theme_line_btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.2s ease;
}
.sidebar__widget .theme_btn {
    background: #1a1a1a;
    color: #fff;
    border: none;
}
.sidebar__widget .theme_btn:hover {
    background: #333;
    color: #fff;
}
.sidebar__widget .theme_line_btn {
    background: transparent;
    color: #1a1a1a;
    border: 2px solid #1a1a1a;
}
.sidebar__widget .theme_line_btn:hover {
    background: #1a1a1a;
    color: #fff;
}
.sidebar__widget .height_50 { min-height: 50px; display: flex !important; align-items: center; justify-content: center; }
.sidebar__widget .mb_10 { margin-bottom: 10px; }
.sidebar__widget .mb_20 { margin-bottom: 20px; }
.sidebar__widget .mb_30 { margin-bottom: 30px; }
.sidebar__widget .font_14 { font-size: 14px; }
.sidebar__widget .f_w_500 { font-weight: 500; }
.sidebar__widget .f_w_700 { font-weight: 700; }

.sidebar__widget h4 {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 14px 0;
}
/* Más espacio entre botones y título "This course includes" en sidebar curso/quiz */
.sidebar__widget.quiz_details_sidebar h4.f_w_700,
.sidebar__widget.course_details_sidebar h4.f_w_700 {
    margin-top: 28px;
}
.sidebar__widget .course_includes {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar__widget .course_includes li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 14px;
    color: #475569;
}
.sidebar__widget .course_includes li:last-child {
    margin-bottom: 0;
}
.sidebar__widget .course_includes li i {
    display: none;
}
.sidebar__widget .course_includes li::before {
    content: "";
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
.sidebar__widget .course_includes li:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
}
.sidebar__widget .course_includes li:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
}
.sidebar__widget .course_includes li:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");
}
.sidebar__widget .course_includes li:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.sidebar__widget .course_includes li:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='M12 15c2.21 0 4-1.79 4-4V6h-4v5c0 1.1-.9 2-2 2s-2-.9-2-2V6H8v5c0 2.21 1.79 4 4 4z'/%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12z'/%3E%3C/svg%3E");
}
.sidebar__widget .course_includes li p {
    margin: 0;
    flex: 1;
    line-height: 1.4;
}
.sidebar__widget .course_includes li p.nowrap {
    white-space: nowrap;
}

/* ---- Título del curso: instructor, categoría, valoraciones ---- */
.course__details_title {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
    margin-bottom: 28px;
    padding: 20px 0;
    border-bottom: 1px solid #E2E8F0;
}
.course__details_title .single__details {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-right: 32px;
    padding-left: 0;
    border-left: none;
}
.course__details_title .single__details:not(:first-child) {
    padding-left: 32px;
    border-left: 1px solid #E2E8F0;
}
.course__details_title .single__details:last-child {
    padding-right: 0;
}
@media (max-width: 767.98px) {
    .course__details_title .single__details {
        padding-right: 0;
        padding-left: 0;
        border-left: none;
        padding-top: 12px;
        padding-bottom: 12px;
        border-top: 1px solid #E2E8F0;
    }
    .course__details_title .single__details:first-child {
        border-top: none;
        padding-top: 0;
    }
}
.course__details_title .thumb {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-color: #E2E8F0;
    flex-shrink: 0;
}
.course__details_title .details_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-height: 52px;
}
.course__details_title .single__details:not(:first-child) .details_content {
    min-height: auto;
}
.course__details_title .details_content span {
    font-size: 11px;
    font-weight: 600;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    line-height: 1.2;
}
.course__details_title .details_content h4,
.course__details_title .details_content a {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
    text-decoration: none;
    line-height: 1.3;
}
.course__details_title .details_content a:hover {
    color: var(--system_primery_color, #1a1a1a);
}

/* Valoraciones: estrellas (sustituir Font Awesome) */
.course__details_title .rating_star {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}
.course__details_title .rating_star .stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    width: 5em;
    height: 1.1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23EAB308'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: 1em 1.1em;
}
.course__details_title .rating_star .stars i {
    display: none;
}
.course__details_title .rating_star p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #475569;
}
.rating_star.text-right {
    align-items: flex-end;
}

/* ---- Contenido bajo tabs (Overview, Curriculum, etc.): más espacio ---- */
.lms_tab_content .course_overview_description {
    padding-top: 36px;
    padding-bottom: 28px;
}
.lms_tab_content .course_overview_description .single_overview {
    margin-bottom: 32px;
}
.lms_tab_content .course_overview_description .single_overview:last-child {
    margin-bottom: 0;
}

/* ========== Tab Reviews: Student Feedback, barras, reseñas, cursos relacionados ========== */
.course_review_wrapper {
    padding-top: 8px;
    padding-bottom: 32px;
}
.course_review_wrapper .details_title {
    margin-bottom: 24px;
}
.course_review_wrapper .details_title h4 {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 6px 0;
}
.course_review_wrapper .details_title p {
    font-size: 16px;
    font-weight: 400;
    color: #64748B;
    margin: 0;
}

/* Bloque valoración global (número + estrellas + barras) */
.course_review_wrapper .course_feedback {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 48px;
    margin-bottom: 36px;
    padding: 24px 0;
    border-bottom: 1px solid #E2E8F0;
}
.course_review_wrapper .course_feedback_left {
    flex-shrink: 0;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.course_review_wrapper .course_feedback_left h2 {
    font-size: 48px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px 0;
    line-height: 1;
}
.course_review_wrapper .course_feedback_left .feedmak_stars {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 5em;
    height: 1.2em;
    margin-bottom: 6px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23EAB308'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: 1em 1.2em;
}
.course_review_wrapper .course_feedback_left .feedmak_stars i {
    display: none;
}
.course_review_wrapper .course_feedback_left > span {
    font-size: 14px;
    font-weight: 500;
    color: #64748B;
    margin: 0;
}

/* Barras de distribución por estrellas */
.course_review_wrapper .feedbark_progressbar {
    flex: 1;
    min-width: 200px;
}
.course_review_wrapper .single_progrssbar {
    margin-bottom: 14px;
}
.course_review_wrapper .single_progrssbar:last-child {
    margin-bottom: 0;
}
.course_review_wrapper .single_progrssbar .progress {
    height: 8px;
    background-color: #E2E8F0;
    border-radius: 4px;
    margin-bottom: 6px;
    overflow: hidden;
}
.course_review_wrapper .single_progrssbar .progress-bar {
    background: var(--system_primery_color, #1a1a1a);
    border-radius: 4px;
    transition: width .3s ease;
}
.course_review_wrapper .rating_percent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 13px;
    color: #475569;
}
.course_review_wrapper .rating_percent .feedmak_stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    width: 5em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23EAB308'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: 1em 1em;
}
.course_review_wrapper .rating_percent .feedmak_stars i {
    display: none;
}
.course_review_wrapper .rating_percent span {
    font-weight: 500;
    color: #64748B;
    min-width: 3.5em;
    text-align: right;
}

/* Cabecera reseñas (Be the first / Sign In) */
.course_review_wrapper .course_review_header {
    margin-bottom: 24px;
}
.course_review_wrapper .course_review_header .review_poients p,
.course_review_wrapper .course_review_header .rating_star p {
    margin: 0;
    font-size: 15px;
    color: #475569;
}
.course_review_wrapper .course_review_header a.theme_color,
.course_review_wrapper .course_review_header a.theme_color2 {
    color: var(--system_primery_color, #1a1a1a);
    font-weight: 600;
    text-decoration: none;
}
.course_review_wrapper .course_review_header a.theme_color:hover,
.course_review_wrapper .course_review_header a.theme_color2:hover {
    text-decoration: underline;
}

/* Valoración interactiva por estrellas (input radio + labels) */
.star_icon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.star_icon .rating,
.star_icon a.rating {
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    text-decoration: none;
    color: inherit;
    border: none;
    outline: none;
    background: none;
}
.star_icon input[type="radio"].rating {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    border: 0;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
}
.star_icon label.full:focus {
    outline: none;
}
.star_icon label.full {
    display: block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px;
    transition: opacity 0.2s;
}
/* Quitar ::before/::after que vienen de quiz_details.css (Font Awesome) y dibujan un cuadrado si la fuente no carga */
.star_icon label.full::before,
.star_icon label.full::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: none !important;
}
.star_icon label.full::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.star_icon label.full:hover,
.star_icon label.full:hover ~ label.full {
    opacity: 1;
}
/* Estrella vacía por defecto */
.star_icon label.full {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='%23E2E8F0'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
    opacity: 0.85;
}
/* Estrella rellena al hacer hover (esta y las de la izquierda) */
.star_icon label.full:hover,
.star_icon label.full:hover ~ label.full {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='%23EAB308'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}
/* Rellenas según radio seleccionado (1–5) */
.star_icon input#star1:checked ~ label[for="star1"],
.star_icon input#star2:checked ~ label[for="star1"],
.star_icon input#star2:checked ~ label[for="star2"],
.star_icon input#star3:checked ~ label[for="star1"],
.star_icon input#star3:checked ~ label[for="star2"],
.star_icon input#star3:checked ~ label[for="star3"],
.star_icon input#star4:checked ~ label[for="star1"],
.star_icon input#star4:checked ~ label[for="star2"],
.star_icon input#star4:checked ~ label[for="star3"],
.star_icon input#star4:checked ~ label[for="star4"],
.star_icon input#star5:checked ~ label[for="star1"],
.star_icon input#star5:checked ~ label[for="star2"],
.star_icon input#star5:checked ~ label[for="star3"],
.star_icon input#star5:checked ~ label[for="star4"],
.star_icon input#star5:checked ~ label[for="star5"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='%23EAB308'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
    opacity: 1;
}

/* Listado de reseñas (título "Reviews" + lista) */
.course_review_wrapper .course_cutomer_reviews {
    margin-bottom: 40px;
}
.course_review_wrapper .course_cutomer_reviews .details_title {
    margin-bottom: 20px;
}
.course_review_wrapper .course_cutomer_reviews .details_title h4 {
    margin-bottom: 0;
    font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
}
.course_review_wrapper .customers_reviews {
    min-height: 60px;
}
/* Cada reseña (single_reviews) */
.course_review_wrapper .course_cutomer_reviews .single_reviews {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #E2E8F0;
    padding-bottom: 24px;
    margin-bottom: 24px;
}
.course_review_wrapper .course_cutomer_reviews .single_reviews:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.course_review_wrapper .course_cutomer_reviews .single_reviews .thumb {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #1a1a1a;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.course_review_wrapper .course_cutomer_reviews .single_reviews .thumb.link .deleteBtn {
    position: absolute;
    top: 2px;
    right: 2px;
    color: #94A3B8;
    font-size: 12px;
    text-decoration: none;
}
.course_review_wrapper .course_cutomer_reviews .single_reviews .thumb.link .deleteBtn:hover {
    color: #EF4444;
}
.course_review_wrapper .course_cutomer_reviews .single_reviews .review_content {
    flex: 1;
    min-width: 0;
}
.course_review_wrapper .course_cutomer_reviews .single_reviews .review_content h4 {
    font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 6px 0;
}
.course_review_wrapper .course_cutomer_reviews .single_reviews .review_content .rated_customer {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}
.course_review_wrapper .course_cutomer_reviews .single_reviews .review_content .rated_customer .feedmak_stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}
.course_review_wrapper .course_cutomer_reviews .single_reviews .review_content .rated_customer .feedmak_stars i {
    color: #EAB308;
    font-size: 14px;
}
.course_review_wrapper .course_cutomer_reviews .single_reviews .review_content .rated_customer span {
    font-size: 14px;
    font-weight: 500;
    color: #64748B;
}
.course_review_wrapper .course_cutomer_reviews .single_reviews .review_content p {
    font-family: var(--font-body, 'Inter', sans-serif);
    font-size: 15px;
    line-height: 1.6;
    color: #334155;
    margin: 0;
}
@media (max-width: 575.98px) {
    .course_review_wrapper .course_cutomer_reviews .single_reviews {
        flex-direction: column;
        gap: 12px;
    }
}

/* Sección "Course you might like" */
.course_review_wrapper .author_courses {
    padding-top: 24px;
    border-top: 1px solid #E2E8F0;
}
.course_review_wrapper .author_courses .section__title {
    margin-bottom: 24px;
}
.course_review_wrapper .author_courses .section__title h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
}
.course_review_wrapper .author_courses .row {
    margin-left: -12px;
    margin-right: -12px;
}
.course_review_wrapper .author_courses .row > [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
}

/* Tarjeta de curso relacionado (couse_wizged) */
.course_review_wrapper .couse_wizged {
    display: block;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
    transition: border-color .2s, box-shadow .2s;
}
.course_review_wrapper .couse_wizged:hover {
    border-color: #CBD5E1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.course_review_wrapper .couse_wizged .thumb {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #E2E8F0;
}
.course_review_wrapper .couse_wizged .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.course_review_wrapper .couse_wizged .thumb a {
    text-decoration: none;
    color: inherit;
    display: block;
}
.course_review_wrapper .couse_wizged .thumb .prise_tag {
    position: absolute;
    bottom: 12px;
    right: 12px;
    font-size: 13px;
    font-weight: 600;
    color: #1a1a1a;
    background: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.course_review_wrapper .couse_wizged .course_content {
    padding: 16px;
}
.course_review_wrapper .couse_wizged .course_content a {
    text-decoration: none;
    color: #1a1a1a;
}
.course_review_wrapper .couse_wizged .course_content a:hover {
    color: var(--system_primery_color, #1a1a1a);
}
.course_review_wrapper .couse_wizged .course_content h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 12px 0;
    line-height: 1.35;
}
.course_review_wrapper .couse_wizged .rating_cart {
    margin-bottom: 10px;
}
.course_review_wrapper .couse_wizged .rateing {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #64748B;
}
.course_review_wrapper .couse_wizged .rateing i {
    display: none;
}
.course_review_wrapper .couse_wizged .rateing::before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23EAB308'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.course_review_wrapper .couse_wizged .course_less_students {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 13px;
    color: #64748B;
}
.course_review_wrapper .couse_wizged .course_less_students a {
    color: #64748B;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.course_review_wrapper .couse_wizged .course_less_students a:hover {
    color: var(--system_primery_color, #1a1a1a);
}
.course_review_wrapper .couse_wizged .course_less_students a i {
    display: none;
}
.course_review_wrapper .couse_wizged .course_less_students a::before {
    content: "";
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}
.course_review_wrapper .couse_wizged .course_less_students a:first-of-type::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");
}
.course_review_wrapper .couse_wizged .course_less_students a:last-of-type::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

/* ========== Quiz test body (preguntas, opciones, panel de números) ========== */
.quiz_test_body {
    padding: 28px 0 40px;
}
.quiz_test_body .row {
    margin-left: -15px;
    margin-right: -15px;
}
.quiz_test_body .tab-content {
    padding: 0 15px;
}
.quiz_test_body .tab-pane {
    display: none;
}
.quiz_test_body .tab-pane.active {
    display: block;
}

/* Bloque de cada pregunta */
.quiz_test_body .multypol_qustion {
    margin-bottom: 24px;
}
.quiz_test_body .multypol_qustion h4 {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px 0;
    line-height: 1.4;
}
.quiz_test_body .multypol_qustion small {
    font-size: 14px;
    color: #64748B;
    font-weight: 500;
}
.quiz_test_body .multypol_qustion .questionAnsTotal {
    color: #DC2626;
}

/* Lista de opciones (checkboxes) */
.quiz_test_body .quiz_select {
    list-style: none;
    margin: 0 0 32px 0;
    padding: 0;
}
.quiz_test_body .quiz_select li {
    margin-bottom: 14px;
    padding: 14px 18px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    transition: background .2s, border-color .2s;
}
.quiz_test_body .quiz_select li:hover {
    background: #F1F5F9;
    border-color: #CBD5E1;
}
.quiz_test_body .quiz_select li:last-child {
    margin-bottom: 0;
}

/* Checkbox tipo bullet (mismo aspecto que primary_checkbox) */
.quiz_test_body .primary_bulet_checkbox {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0;
    cursor: pointer;
    gap: 16px;
}
.quiz_test_body .primary_bulet_checkbox .label_name {
    font-size: 15px;
    font-weight: 500;
    color: #334155;
    margin: 0;
    line-height: 1.45;
    flex: 1;
    min-width: 0;
}
.quiz_test_body .primary_bulet_checkbox .checkmark {
    position: relative;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: block;
    cursor: pointer;
    border-radius: 6px;
    border: 2px solid #94A3B8;
    background: #fff;
    transition: background .2s, border-color .2s;
}
.quiz_test_body .primary_bulet_checkbox .checkmark.mr_10 {
    margin-right: 0;
}
.quiz_test_body .primary_bulet_checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    margin: 0;
}
.quiz_test_body .primary_bulet_checkbox input:checked ~ .checkmark {
    background: var(--system_primery_color, #1a1a1a);
    border-color: var(--system_primery_color, #1a1a1a);
}
.quiz_test_body .primary_bulet_checkbox input:checked ~ .checkmark::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    z-index: 1;
    box-sizing: border-box;
}
.quiz_test_body .quiz_select li:has(input:checked) {
    background: #EEF2FF;
    border-color: var(--system_primery_color, #1a1a1a);
}

/* Botones Confirm y Skip */
.quiz_test_body .sumit_skip_btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 24px;
}
.quiz_test_body .sumit_skip_btns .theme_btn.small_btn {
    padding: 12px 24px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 15px;
    background: var(--system_primery_color, #1a1a1a);
    color: #fff;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: background .2s, transform .15s;
}
.quiz_test_body .sumit_skip_btns .theme_btn.small_btn:hover {
    background: #333;
    color: #fff;
}
.quiz_test_body .sumit_skip_btns .submit_q_btn.skip {
    font-size: 16px;
    font-weight: 600;
    color: var(--system_primery_color, #1a1a1a);
    cursor: pointer;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
    transition: opacity .2s;
}
.quiz_test_body .sumit_skip_btns .submit_q_btn.skip:hover {
    opacity: 0.85;
}
.quiz_test_body .sumit_skip_btns .theme_text3 {
    color: var(--system_primery_color, #1a1a1a);
}

/* Panel derecho: cabecera "Question X out of Y" */
.quiz_test_body .question_list_header {
    margin-bottom: 20px;
    padding: 0 15px;
}
.quiz_test_body .question_list_top p {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #475569;
}
.quiz_test_body .question_list_top .quiz-current-number {
    color: var(--system_primery_color, #1a1a1a);
}

/* Grid de números de pregunta (cuadrados rellenos con borde, adaptado al diseño) */
.quiz_test_body .question_number_lists {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 15px;
}
.quiz_test_body .question_number_lists .nav-link.questionLink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #E2E8F0;
    border: 2px solid #CBD5E1;
    border-radius: 8px;
    text-decoration: none;
    transition: background .2s, color .2s, border-color .2s;
    box-sizing: border-box;
}
.quiz_test_body .question_number_lists .nav-link.questionLink:hover {
    background: #CBD5E1;
    color: #334155;
    border-color: #94A3B8;
}
.quiz_test_body .question_number_lists .nav-link.questionLink.quiz_correct {
    background: #22c55e;
    color: #fff;
    border-color: #16a34a;
}
.quiz_test_body .question_number_lists .nav-link.questionLink.quiz_is_submit {
    background: #94A3B8;
    color: #fff;
    border-color: #64748B;
}
.quiz_test_body .question_number_lists .nav-link.questionLink.skip_qus {
    background: #EAB308;
    color: #1a1a1a;
    border-color: #ca8a04;
}
.quiz_test_body .question_number_lists .nav-link.questionLink.pouse_qus {
    background: #E2E8F0;
    color: #475569;
    border-color: #CBD5E1;
}

/* ---- Vista de puntuación del examen (Exam Score) ---- */
.single_score_view {
    margin-bottom: 1.5rem;
}
.single_score_view > p {
    font-family: var(--font-body, inherit);
    font-size: 15px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 16px;
    margin-top: 0;
}
.single_score_view .list-unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}
.single_score_view .list-unstyled li {
    margin-bottom: 12px;
}
.single_score_view .list-unstyled li:last-child {
    margin-bottom: 0;
}

/* Checkbox de solo lectura (correcto / incorrecto) */
.single_score_view .primary_checkbox2 {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0;
    cursor: default;
    gap: 0;
}
.single_score_view .primary_checkbox2 .label_name {
    font-family: var(--font-body, inherit);
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    flex: 1;
}
.single_score_view .primary_checkbox2 .checkmark {
    position: relative;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: block;
    border-radius: 6px;
    margin-right: 14px;
    border: 2px solid transparent;
}
.single_score_view .primary_checkbox2 .checkmark.mr_10 {
    margin-right: 14px;
}
.single_score_view .primary_checkbox2 input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    margin: 0;
}
/* Correct: checkmark verde */
.single_score_view .primary_checkbox2 input:checked ~ .checkmark {
    background: #22c55e;
    border-color: #22c55e;
}
.single_score_view .primary_checkbox2 input:checked ~ .checkmark::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    z-index: 1;
    box-sizing: border-box;
}
.single_score_view .primary_checkbox2 input:checked ~ .label_name {
    color: #22c55e;
}
/* Wrong: X roja (SVG para trazo nítido) */
.single_score_view .primary_checkbox2.error_ans input:checked ~ .checkmark {
    background: #ef4444;
    border-color: #ef4444;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cline x1='3' y1='3' x2='17' y2='17' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='17' y1='3' x2='3' y2='17' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}
.single_score_view .primary_checkbox2.error_ans input:checked ~ .checkmark::before,
.single_score_view .primary_checkbox2.error_ans input:checked ~ .checkmark::after {
    content: none;
    display: none;
}
.single_score_view .primary_checkbox2.error_ans input:checked ~ .label_name {
    color: #ef4444;
}

/* ---- Vista de resultado por pregunta (single_result_view) ---- */
.single_result_view {
    padding: 24px 0;
    border-bottom: 1px solid #E2E8F0;
}
.single_result_view:last-child {
    border-bottom: none;
}
.single_result_view > p {
    font-size: 13px;
    font-weight: 600;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 8px 0;
}
.single_result_view > h4 {
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 20px 0;
    line-height: 1.4;
}
.single_result_view .row {
    margin-left: -12px;
    margin-right: -12px;
}
.single_result_view .col-lg-6 {
    padding-left: 12px;
    padding-right: 12px;
}
.single_result_view ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.single_result_view ul li {
    margin-bottom: 12px;
}
.single_result_view ul li:last-child {
    margin-bottom: 0;
}

/* Checkbox de opción seleccionada (solo lectura) */
.single_result_view .primary_checkbox2 {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0;
    cursor: default;
    gap: 0;
}
.single_result_view .primary_checkbox2 .label_name {
    font-size: 15px;
    font-weight: 500;
    color: #334155;
    margin: 0;
    flex: 1;
}
.single_result_view .primary_checkbox2 .checkmark {
    position: relative;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: block;
    border-radius: 6px;
    margin-right: 14px;
    border: 2px solid #CBD5E1;
    background: #F8FAFC;
    transition: background .2s, border-color .2s;
}
.single_result_view .primary_checkbox2 .checkmark.mr_10 {
    margin-right: 14px;
}
.single_result_view .primary_checkbox2 input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    margin: 0;
}
.single_result_view .primary_checkbox2 input:checked ~ .checkmark {
    background: var(--system_primery_color, #1a1a1a);
    border-color: var(--system_primery_color, #1a1a1a);
}
.single_result_view .primary_checkbox2 input:checked ~ .checkmark::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    z-index: 1;
    box-sizing: border-box;
}
.single_result_view .primary_checkbox2.error_ans input:checked ~ .checkmark {
    background: #ef4444;
    border-color: #ef4444;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cline x1='3' y1='3' x2='17' y2='17' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='17' y1='3' x2='3' y2='17' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}
.single_result_view .primary_checkbox2.error_ans input:checked ~ .checkmark::before {
    content: none;
    display: none;
}
.single_result_view .primary_checkbox2.error_ans input:checked ~ .label_name {
    color: #ef4444;
}

/* Imagen correcto/incorrecto */
.single_result_view .marking_img {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 80px;
}
@media (min-width: 992px) {
    .single_result_view .marking_img {
        justify-content: flex-end;
    }
}
.single_result_view .marking_img img {
    max-width: 80px;
    height: auto;
    display: block;
}

/* Modal de reseña (Review): más estrecho, un poco más ancho que el textarea */
.modal-dialog-review {
    max-width: 520px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Tabla historial de intentos de quiz (#historyDiv) */
#historyDiv .table.table-bordered {
    border-radius: 12px;
    overflow: hidden;
    border-collapse: collapse;
    width: 100%;
    font-size: 15px;
    background: #fff;
}
#historyDiv .table.table-bordered th,
#historyDiv .table.table-bordered td {
    border: 1px solid #E2E8F0 !important;
    padding: 14px 16px !important;
    vertical-align: middle;
}
#historyDiv .table.table-bordered tr:first-child th {
    background: #F1F5F9 !important;
    font-weight: 600;
    color: #1a1a1a;
    border-bottom: 2px solid #CBD5E1 !important;
}
#historyDiv .table.table-bordered td {
    background: #fff !important;
    color: #334155;
}
#historyDiv .table.table-bordered tr:not(:first-child):hover td {
    background: #F8FAFC !important;
}
#historyDiv .table.table-bordered .theme_text3.submit_q_btn,
#historyDiv .table.table-bordered .btn-answer-sheet {
    font-weight: 600;
    color: #fff !important;
    background: var(--system_primery_color, #1a1a1a) !important;
    border: 2px solid var(--system_primery_color, #1a1a1a) !important;
    border-radius: 10px;
    padding: 8px 16px;
    text-decoration: none;
    display: inline-block;
    transition: background .2s, color .2s;
}
#historyDiv .table.table-bordered .theme_text3.submit_q_btn:hover,
#historyDiv .table.table-bordered .btn-answer-sheet:hover {
    background: #333 !important;
    color: #fff !important;
    border-color: #333 !important;
}
#historyDiv .table.table-bordered a.answer-sheet-locked {
    cursor: not-allowed;
    opacity: 0.7;
    background: #94A3B8 !important;
    border-color: #64748B !important;
}
#historyDiv .table.table-bordered a.answer-sheet-locked:hover {
    background: #94A3B8 !important;
    color: #fff !important;
}

/* Modal de confirmación Start Quiz: más estrecho */
.modal-dialog-start-quiz {
    max-width: 420px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* ========== Course details (.course-details-modern): tipografía, sidebar, tabs, espaciado ========== */
/* Tipografía: títulos y cuerpo (Plus Jakarta / Inter) */
.course-details-modern .course__details_title h4,
.course-details-modern .course_overview_description h4,
.course-details-modern .instractor_title h4,
.course-details-modern .instractor_details_info h4,
.course-details-modern .details_title h4,
.course-details-modern .lms_tabmenu .nav-link {
    font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
}
.course-details-modern .course__details_title span,
.course-details-modern .course_overview_description,
.course-details-modern .instractor_details_info p,
.course-details-modern .ins_details p,
.course-details-modern .details_title p {
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    color: #475569;
}
.course-details-typography,
.course-details-modern .course-details-typography {
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 16px !important;
    color: #334155 !important;
}
.course-details-typography p,
.course-details-typography li,
.course-details-typography div,
.course-details-typography span,
.course-details-typography td,
.course-details-typography th,
.course-details-modern .course-details-typography p,
.course-details-modern .course-details-typography li,
.course-details-modern .course-details-typography div,
.course-details-modern .course-details-typography span,
.course-details-modern .course-details-typography td,
.course-details-modern .course-details-typography th {
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #334155 !important;
}
.course-details-typography p,
.course-details-typography li { margin-bottom: 1.25em !important; }
.course-details-typography h1, .course-details-typography h2, .course-details-typography h3,
.course-details-typography h4, .course-details-typography h5, .course-details-typography h6 {
    font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.5em !important;
}
.course-details-typography h1 { font-size: 1.75rem !important; }
.course-details-typography h2 { font-size: 1.5rem !important; }
.course-details-typography h3 { font-size: 1.25rem !important; }
.course-details-typography h4 { font-size: 1.125rem !important; }
.course-details-typography h5 { font-size: 1rem !important; }
.course-details-typography h6 { font-size: 0.9375rem !important; }
.course-details-typography ul { list-style: none !important; margin-bottom: 1.25em !important; padding-left: 0 !important; }
.course-details-typography ul li { position: relative !important; padding-left: 1.25em !important; margin-bottom: 0.15em !important; }
.course-details-typography ul li::before { content: "•" !important; position: absolute !important; left: 0 !important; color: #334155 !important; font-weight: bold !important; font-size: 1.1em !important; }
.course-details-typography ol { list-style: none !important; margin-bottom: 1.25em !important; padding-left: 0 !important; counter-reset: item !important; }
.course-details-typography ol li { position: relative !important; padding-left: 2em !important; margin-bottom: 0.15em !important; counter-increment: item !important; }
.course-details-typography ol li::before { content: counter(item) "." !important; position: absolute !important; left: 0 !important; color: #334155 !important; font-weight: 600 !important; }
.course-details-typography a { color: #1a1a1a !important; text-decoration: underline !important; text-underline-offset: 3px !important; }
.course-details-typography a:hover { color: #475569 !important; }
.course-details-typography strong { font-weight: 600 !important; }
.course-details-typography blockquote { border-left: 4px solid #D4F56C; padding-left: 1.25rem; margin: 1.5em 0; font-style: italic; color: #475569; font-size: 19px !important; }
.course-details-typography img { max-width: 100%; height: auto; border-radius: 8px; }
.course-details-typography table,
.course-details-modern .course-details-typography table {
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 19px !important;
    line-height: 1.7 !important;
    color: #334155 !important;
}
.course-details-typography table td,
.course-details-typography table th,
.course-details-typography table p,
.course-details-typography table li,
.course-details-typography table div,
.course-details-typography table span {
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 19px !important;
    line-height: 1.7 !important;
    color: #334155 !important;
}

/* Sidebar card */
.course-details-modern .course_details_sidebar,
.course-details-modern .sidebar__widget.course_details_sidebar {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 24px !important;
    border: 1px solid #E2E8F0 !important;
}
.course-details-modern .course_details_sidebar .sidebar__title h3,
.course-details-modern .course_details_sidebar h4 {
    font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
}
.course-details-modern .course_details_sidebar .sidebar__title p,
.course-details-modern .course_details_sidebar p {
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    color: #475569;
}
.course-details-modern .course_details_sidebar h4.f_w_700 {
    margin-top: 16px !important;
}
.course-details-modern .course_details_sidebar .theme_btn,
.course-details-modern .sidebar__widget.course_details_sidebar .theme_btn {
    background: #1a1a1a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 12px !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 14px 24px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}
.course-details-modern .course_details_sidebar .theme_btn:hover,
.course-details-modern .sidebar__widget.course_details_sidebar .theme_btn:hover {
    background: #333 !important;
    color: #fff !important;
    transform: translateY(-2px);
}
.course-details-modern .course_details_sidebar .theme_line_btn,
.course-details-modern .sidebar__widget.course_details_sidebar .theme_line_btn {
    background: transparent !important;
    color: #1a1a1a !important;
    border: 2px solid #1a1a1a !important;
    border-radius: 12px !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 12px 24px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}
.course-details-modern .course_details_sidebar .theme_line_btn:hover,
.course-details-modern .sidebar__widget.course_details_sidebar .theme_line_btn:hover {
    background: #1a1a1a !important;
    color: #fff !important;
    border-color: #1a1a1a !important;
}

/* Tabs: línea inferior en activo */
.course-details-modern .lms_tabmenu {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #E2E8F0 !important;
    border-radius: 0 !important;
}
.course-details-modern .lms_tabmenu .nav-link {
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #64748B !important;
    padding: 12px 20px !important;
    margin: 0 !important;
}
.course-details-modern .lms_tabmenu .nav-link:hover {
    color: #1a1a1a !important;
    background: none !important;
    border-bottom-color: transparent !important;
}
.course-details-modern .lms_tabmenu .nav-link.active {
    color: #1a1a1a !important;
    background: none !important;
    border: none !important;
    border-bottom: 3px solid #1a1a1a !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Espaciado compacto */
.course-details-modern .course__details {
    padding-top: 30px !important;
    padding-bottom: 12px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.course-details-modern .course__details .container {
    padding-top: 8px !important;
    padding-bottom: 0 !important;
}
.course-details-modern .social_btns {
    margin-bottom: 8px !important;
}
.course-details-modern .lms_tab_content .course_overview_description {
    padding-bottom: 0 !important;
}
.course-details-modern .single_overview {
    margin-bottom: 0 !important;
}
.course-details-modern .lms_tabmenu.mb_55,
.course-details-modern .lms_tabmenu {
    margin-bottom: 16px !important;
}
.course-details-modern {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ========== Tab Curriculum: acordeón de capítulos y lecciones ========== */
.course-details-modern .theme_according {
    margin-bottom: 24px;
}
.course-details-modern .theme_according .card {
    margin-bottom: 12px;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #E2E8F0;
    background: #fff;
}
.course-details-modern .theme_according .card .card-header {
    border: 0;
    border-radius: 0;
    background: #1a1a1a;
    padding: 0;
}
.course-details-modern .theme_according .card .card-header.pink_bg {
    background: #1a1a1a;
}
.course-details-modern .theme_according .card .card-header h5 {
    margin: 0;
}
.course-details-modern .theme_according .card .card-header h5 button {
    font-family: var(--font-heading, 'Plus Jakarta Sans', sans-serif);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 0;
    padding: 14px 20px 14px 44px;
    text-decoration: none !important;
    text-align: left;
    background: transparent;
    position: relative;
    transition: background .2s;
}
.course-details-modern .theme_according .card .card-header h5 button:hover,
.course-details-modern .theme_according .card .card-header h5 button:focus {
    color: #fff;
    text-decoration: none !important;
    background: rgba(255,255,255,.08);
}
.course-details-modern .theme_according .card .card-header h5 button::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    transition: transform .25s;
}
.course-details-modern .theme_according .card .card-header h5 button:not(.collapsed)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}
.course-details-modern .theme_according .card .card-header h5 button.collapsed::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");
}
.course-details-modern .theme_according .card .card-header h5 button .course_length {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,.85);
}
.course-details-modern .theme_according .card .card-header h5 button.text_white {
    color: #fff;
}
.course-details-modern .theme_according .card-body {
    padding: 16px 20px 20px;
    padding-top: 16px;
}
.course-details-modern .theme_according .card-body .curriculam_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding: 12px 0;
    border-bottom: 1px solid #E2E8F0;
}
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single .curriculam_left {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single .curriculam_left i {
    font-size: 18px;
    margin-right: 12px;
    color: #64748B;
    flex-shrink: 0;
}
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single .curriculam_left span {
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
}
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single .curriculam_left span.lesson_name,
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single .curriculam_left span.quiz_name {
    cursor: pointer;
}
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single .curriculam_left span.lesson_name:hover,
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single .curriculam_left span.quiz_name:hover {
    color: var(--system_primery_color, #1a1a1a);
}
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single .curriculam_right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single .curriculam_right .theme_btn_lite {
    font-family: var(--font-body, 'Inter', sans-serif);
    font-size: 13px;
    font-weight: 500;
    padding: 6px 16px;
    border-radius: 20px;
    background: #F1F5F9;
    color: #475569;
    border: 1px solid transparent;
    text-decoration: none;
    transition: background .2s, color .2s;
}
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single .curriculam_right .theme_btn_lite:hover {
    background: #E2E8F0;
    color: #1a1a1a;
}
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single .curriculam_right span.nowrap {
    font-size: 13px;
    font-weight: 500;
    color: #64748B;
    white-space: nowrap;
}
/* Descripción de lección y separador */
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single + p {
    margin: 8px 0 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: #64748B;
    padding-left: 30px;
}
.course-details-modern .theme_according .card-body .curriculam_list .curriculam_single + p + hr {
    margin: 12px 0;
    border: 0;
    border-top: 1px solid #E2E8F0;
}
@media (max-width: 767.98px) {
    .course-details-modern .theme_according .card .card-header h5 button {
        flex-wrap: wrap;
        padding: 12px 16px 12px 44px;
    }
    .course-details-modern .theme_according .card-body .curriculam_list .curriculam_single {
        flex-wrap: wrap;
    }
    .course-details-modern .theme_according .card-body .curriculam_list .curriculam_single .curriculam_left {
        margin-bottom: 8px;
    }
}

/* ========== Tab Instructor: bloque instructor + More Courses by Author ========== */
.course-details-modern .instractor_details_wrapper {
    padding-bottom: 40px;
}
.course-details-modern .instractor_details_wrapper .instractor_title {
    margin-bottom: 24px;
}
.course-details-modern .instractor_details_wrapper .instractor_title h4 {
    margin-bottom: 4px;
}
.course-details-modern .instractor_details_wrapper .instractor_title > p {
    color: #475569;
    font-weight: 500;
    margin: 0;
}
.course-details-modern .instractor_details_wrapper .instractor_details_inner {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 32px;
    margin-bottom: 32px;
}
@media (max-width: 767.98px) {
    .course-details-modern .instractor_details_wrapper .instractor_details_inner {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 24px;
    }
}
.course-details-modern .instractor_details_wrapper .instractor_details_inner .thumb {
    border-radius: 12px;
    overflow: hidden;
    background: #E2E8F0;
    aspect-ratio: 1;
}
.course-details-modern .instractor_details_wrapper .instractor_details_inner .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.course-details-modern .instractor_details_wrapper .instractor_details_inner .instractor_details_info h4 {
    margin-bottom: 6px;
}
.course-details-modern .instractor_details_wrapper .instractor_details_inner .instractor_details_info h4 a {
    color: inherit;
    text-decoration: none;
}
.course-details-modern .instractor_details_wrapper .instractor_details_inner .instractor_details_info h4 a:hover {
    color: var(--system_primery_color, #1a1a1a);
}
.course-details-modern .instractor_details_wrapper .instractor_details_inner .instractor_details_info h5 {
    font-size: 16px;
    font-weight: 500;
    color: #475569;
    margin: 0 0 12px 0;
}
.course-details-modern .instractor_details_wrapper .instractor_details_inner .instractor_details_info .ins_details {
    margin-top: 12px;
    margin-bottom: 16px;
}
.course-details-modern .instractor_details_wrapper .instractor_details_inner .instractor_details_info .ins_details p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #475569;
}
.course-details-modern .instractor_details_wrapper .instractor_details_inner .instractor_details_info .intractor_qualification {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
}
.course-details-modern .instractor_details_wrapper .instractor_details_inner .instractor_details_info .intractor_qualification .single_qualification {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color: #475569;
}
.course-details-modern .instractor_details_wrapper .instractor_details_inner .instractor_details_info .intractor_qualification .single_qualification i {
    font-size: 18px;
    margin-right: 8px;
    color: #1a1a1a;
}

/* Instructor tab: sección "More Courses by Author" */
.course-details-modern .author_courses {
    padding-top: 32px;
    border-top: 1px solid #E2E8F0;
}
.course-details-modern .author_courses .section__title {
    margin-bottom: 24px;
}
.course-details-modern .author_courses .section__title.mb_80 {
    margin-bottom: 24px;
}
.course-details-modern .author_courses .section__title h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
}
.course-details-modern .author_courses .row {
    margin-left: -12px;
    margin-right: -12px;
}
.course-details-modern .author_courses .row > [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
}
/* Tarjetas de curso del autor (mismos estilos que en Reviews) */
.course-details-modern .author_courses .couse_wizged,
.course-details-modern .couse_wizged {
    display: block;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
    transition: border-color .2s, box-shadow .2s;
}
.course-details-modern .author_courses .couse_wizged:hover,
.course-details-modern .couse_wizged:hover {
    border-color: #CBD5E1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.course-details-modern .author_courses .couse_wizged .thumb,
.course-details-modern .couse_wizged .thumb {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #E2E8F0;
}
.course-details-modern .author_courses .couse_wizged .thumb img,
.course-details-modern .couse_wizged .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.course-details-modern .author_courses .couse_wizged .thumb a,
.course-details-modern .couse_wizged .thumb a {
    text-decoration: none;
    color: inherit;
    display: block;
}
.course-details-modern .author_courses .couse_wizged .thumb .prise_tag,
.course-details-modern .couse_wizged .thumb .prise_tag {
    position: absolute;
    bottom: 12px;
    right: 12px;
    font-size: 13px;
    font-weight: 600;
    color: #1a1a1a;
    background: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.course-details-modern .author_courses .couse_wizged .course_content,
.course-details-modern .couse_wizged .course_content {
    padding: 16px;
}
.course-details-modern .author_courses .couse_wizged .course_content a,
.course-details-modern .couse_wizged .course_content a {
    text-decoration: none;
    color: #1a1a1a;
}
.course-details-modern .author_courses .couse_wizged .course_content a:hover,
.course-details-modern .couse_wizged .course_content a:hover {
    color: var(--system_primery_color, #1a1a1a);
}
.course-details-modern .author_courses .couse_wizged .course_content h4,
.course-details-modern .couse_wizged .course_content h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 12px 0;
    line-height: 1.35;
}
.course-details-modern .author_courses .couse_wizged .rating_cart,
.course-details-modern .couse_wizged .rating_cart {
    margin-bottom: 10px;
}
.course-details-modern .author_courses .couse_wizged .rateing,
.course-details-modern .couse_wizged .rateing {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #64748B;
}
.course-details-modern .author_courses .couse_wizged .rateing i,
.course-details-modern .couse_wizged .rateing i {
    display: none;
}
.course-details-modern .author_courses .couse_wizged .rateing::before,
.course-details-modern .couse_wizged .rateing::before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23EAB308'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.course-details-modern .author_courses .couse_wizged .course_less_students,
.course-details-modern .couse_wizged .course_less_students {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 13px;
    color: #64748B;
}
.course-details-modern .author_courses .couse_wizged .course_less_students a,
.course-details-modern .couse_wizged .course_less_students a {
    color: #64748B;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.course-details-modern .author_courses .couse_wizged .course_less_students a:hover,
.course-details-modern .couse_wizged .course_less_students a:hover {
    color: var(--system_primery_color, #1a1a1a);
}
.course-details-modern .author_courses .couse_wizged .course_less_students a i,
.course-details-modern .couse_wizged .course_less_students a i {
    display: none;
}
.course-details-modern .author_courses .couse_wizged .course_less_students a::before,
.course-details-modern .couse_wizged .course_less_students a::before {
    content: "";
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}
.course-details-modern .author_courses .couse_wizged .course_less_students a:first-of-type::before,
.course-details-modern .couse_wizged .course_less_students a:first-of-type::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");
}
.course-details-modern .author_courses .couse_wizged .course_less_students a:last-of-type::before,
.course-details-modern .couse_wizged .course_less_students a:last-of-type::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

/* Cookie consent banner */
.theme_cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.15);
}
.theme_cookies_info {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}
.theme_cookies_info .icon {
    flex-shrink: 0;
}
.theme_cookies_info .icon img {
    width: 40px;
    height: 40px;
    display: block;
}
.theme_cookies_info p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
}
.theme_cookies_info p a {
    text-decoration: underline;
    font-weight: 600;
    opacity: 0.95;
}
.theme_cookies_info p a:hover {
    opacity: 1;
}
.cookie_btn {
    flex-shrink: 0;
    padding: 0.5rem 1.25rem;
    border: none;
    border-radius: 6px;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
}
@media (max-width: 575.98px) {
    .theme_cookies {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
    }
    .theme_cookies_info {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .cookie_btn {
        align-self: center;
    }
}