/*
	Theme Name: Master Study Child
	Theme URI: http://stylemix.net
	Description: MasterStudy Child Theme
	Author: StylemixThemes
	Author URI: http://stylemix.net
	Template: masterstudy
	Version: 3.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: classes, courses, education, education center, learning center, tutoring, teaching, study, studying, learning, lessons, instructor, teacher, mentor
	Text Domain: masterstudy-child
*/



/* UPD SEPT */
@media (max-width: 400px) {
    .course-title-holder {
        padding-right: 5px;
    }
}

@media(max-width: 480px){
    .woocommerce-MyAccount-navigation ul {
        padding-left: 0;
    }
    .woocommerce-MyAccount-navigation ul li {
        display: block;
    }
}

@media (max-width: 767px) {
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 655px) {
    .course_table tr td.number.number-visible.title, .course_table tr td.title {
        padding-left: 20px;
        display: block;
        width: 100%;
    }
    .course_table tr td.stm_badge {
        display: block;
        width: 100%;
        text-align: left;
    }
    .course_table tr td .meta {
        padding-left: 12px;
    }
    .course_table tr td.stm_badge .badge_unit {
        margin-left: 15px;
    }
    .woocommerce-message {
        padding-right: 26px;
    }
    .woocommerce-message .button {
        position: static;
        float: none;
        display: block;
    }
    .woocommerce-message .button:after {
        display: none;
    }
    .shop_table > tbody > tr td.actions {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce .shop_table.cart .coupon .button {
        display: block;
        margin-top: 15px;
    }
    .woocommerce .shop_table.cart .coupon {
        float: none;
        margin-bottom: 30px;
    }
    .woocommerce .shop_table.cart .button.update-cart {
        float: none;
        margin-bottom: 15px;
    }
}

.tp-caption .icon_in_btn {
    text-align: center !important;
}

@media (max-width: 991px){
    .overflowed_content .wpb_column .vc_column-inner{
        margin-top: 0 !important;
    }
}

body .vc_row[data-vc-full-width] {
    overflow: visible;
}
body .vc_row[data-vc-full-width].vc_parallax {
    overflow: hidden;
}

.woocommerce-product-gallery {
    position: relative;
    margin-bottom: 3em
}
.woocommerce-product-gallery figure {
    margin: 0
}
.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 25%;
    display: inline-block
}
.woocommerce-product-gallery .flex-control-thumbs li {
    list-style: none;
    float: left;
    cursor: pointer
}
.woocommerce-product-gallery .flex-control-thumbs img {
    opacity: .5
}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active, .woocommerce-product-gallery .flex-control-thumbs img:hover {
    opacity: 1
}
.woocommerce-product-gallery img {
    display: block
}
.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: 33.3333%
}
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 25%
}
.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 20%
}
.woocommerce-product-gallery__trigger {
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 99
}
ol.flex-control-nav.flex-control-thumbs {
    padding-left: 0px;
}
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 20%;
}
.woocommerce-product-gallery__trigger {
    right: inherit;
    left: .5em;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 2em;
    z-index: 9;
    width: 36px;
    height: 36px;
    background: #fff;
    text-indent: -9999px;
    border-radius: 100%;
    box-sizing: content-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    border-radius: 100%;
    position: absolute;
    top: 9px;
    left: 9px;
    box-sizing: content-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {
    content: "";
    display: block;
    width: 2px;
    height: 8px;
    background: #000;
    border-radius: 6px;
    position: absolute;
    top: 19px;
    left: 22px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-sizing: content-box;
}


/* Woo My Account Tabs*/
.woocommerce-account .woocommerce-MyAccount-navigation {
    display: table;
    float: none;
    width: 100%; }
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}
.woocommerce-MyAccount-navigation ul {
    display: table !important;
    table-layout: fixed;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px; }
.woocommerce-MyAccount-navigation  ul > li {
    display: table-cell; }
.woocommerce-MyAccount-navigation  ul > li > a {
    display: block;
    padding: 12px 20px;
    background-color: #457992;
    border: 0;
    border-left: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;}
.woocommerce-MyAccount-navigation  ul > li.is-active a,
.woocommerce-MyAccount-navigation  ul > li a:hover,
.woocommerce-MyAccount-navigation  ul > li a:focus {
    background-color: #f0f2f5;
    color: #457992; }
.woocommerce div.product form.cart .variations td.label {
    display: none;
}
.woocommerce-product-gallery {
    position: relative;
    margin-bottom: 3em
}
.woocommerce-product-gallery figure {
    margin: 0
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    z-index: 9 !important;
}
.stm_archive_product_inner_unit .stm_archive_product_inner_unit_centered .stm_featured_product_price .price h5 {
    font-weight: normal;
}
.widget_stm_recent_posts span.h6 {
    display: inline !important;
}
.widget_stm_recent_posts .cats_w {
    margin-left: 83px;
}


/* CODIGO GENERADO POR EL USUARIO*/

/*===================================*/
/* CODIGO DE CUENTA DEL USUARIO */
/* Ocultar pestañas de Mensajes y My Orders */
.stm_lms_acc_tabs__main a[href*="cuenta-del-usuario/chat"],
.stm_lms_acc_tabs__main a[href*="cuenta-del-usuario/my-orders"] {
    display: none !important;
}

/* Color de fondo de pestañas */
.stm_lms_acc_tabs__main{
border-top: 3px solid #F1C40F !important;
background-color: #F1C40F !important;
}

/* ícono dentro del menú (activo) */
.stm_lms_acc_tabs .float_menu_item.float_menu_item_active .float_menu_item__icon {
  color: #F1C40F !important;
}
/* titulo dentro del menú (activo) */
.stm_lms_acc_tabs .float_menu_item.float_menu_item_active .float_menu_item__title{
 color: #F1C40F !important;
}

/* Íconos dentro del menú (inactivo) */
.stm_lms_acc_tabs__main i {
    color: #fff !important;
}
/* Texto dentro del menú (inactivo) HOVER */
.stm_lms_acc_tabs .float_menu_item:not(.float_menu_item_active):hover .float_menu_item__title {
  color: #F1C40F !important;
}
/* icon dentro del menú (inactivo) HOVER */
.stm_lms_acc_tabs .float_menu_item:not(.float_menu_item_active):hover .float_menu_item__icon {
  color: #F1C40F !important;
}

/* Botón Iniciar el curso */
.stm_lms_instructor_courses__single--enroll .btn.btn-default {
    background-color: #F1C40F !important;  /* Dorado */
    color: #000000 !important;             /* Texto negro */
    border: none !important;
    font-weight: bold;
    border-radius: 6px; /* opcional, bordes suaves */
    transition: background-color 0.3s ease;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-image: none !important;
}

/* Neutralizar pseudo-elementos animados del plugin/tema (si existen) */ .stm_lms_instructor_courses__single--enroll a.btn.btn-default::before, .stm_lms_instructor_courses__single--enroll a.btn.btn-default::after, .stm-lms-user-courses .stm_lms_instructor_courses__single--enroll a.btn.btn-default::before, .stm-lms-user-courses .stm_lms_instructor_courses__single--enroll a.btn.btn-default::after { content: none !important; display: none !important; background: none !important; opacity: 0 !important; animation: none !important; -webkit-animation: none !important; }


body.stm_lms_button .stm-lms-user-courses 
.stm_lms_instructor_courses__single--enroll a.btn.btn-default:hover {
  background-color: #FFD700 !important;  /* dorado hover */
  color: #fff !important;             /* texto negro */
  text-decoration: none !important;
transition: background-color 0.3s ease !important;
 animation: shine 1.5s linear infinite !important; /*no se ha aplicado lo puedes borrar sin problema*/
}
/* Efecto de brillo animado - no se ha aplicado, lo puedes borrar sin problema */
@keyframes shine {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/*===================================*/
/*CAMBIAR EL COLOR DE LOS BOTONES DE MI CUENTA O DE MY ACCOUNT*/
/* Botones en Mi cuenta  */
/* Botones del menú de Mi Cuenta */
/* Estilo botones navegación */
.woocommerce-MyAccount-navigation ul li {
    list-style: none;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    background-color: #F1C40F;
    color: #000 !important;
    padding: 12px 18px;
    border-radius: 0px; /*8px;*/
    text-align: center;
    font-weight: 600;
    transition: 0.3s;
    text-decoration: none !important;
white-space: nowrap; /* evita que se corte el texto */
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #FFD700;
}


/* Ocultar los mensajes feos del dashboard */
.woocommerce-MyAccount-content > p {
    display: none !important;
}

/* En escritorio: horizontal pero con separación */
.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: row;
     gap: 20px; /* 👈 controla la separación entre botones */
    justify-content: center; /* centra los botones */
}


/* Forzar menú vertical en Mi Cuenta */
@media (max-width: 768px) {
.woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.woocommerce-MyAccount-navigation ul li a {
        font-size: 15px;
        padding: 12px;
    }
}

/*===================================*/
/* --- ESTILOS LOGIN / REGISTRO MASTERSTUDY --- */

/* Contenedor general */
.masterstudy-authorization__switch-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px; /* separación entre elementos */
    margin-top: 20px;
}

/* Títulos pequeños como "No account?" */
.masterstudy-authorization__switch-account-title {
    font-weight: 600;
    margin-right: 8px;
    color: #000;
}

/* Botones de registro y sign in */
.masterstudy-authorization__switch-account-link {
    display: inline-block;
    background-color: #F1C40F; /* azul MasterStudy */
    color: #000 !important;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none !important;
    transition: 0.3s;
    margin: 5px;
}
.masterstudy-button[data-id="masterstudy-authorization-login-button"] .masterstudy-button__title {
    color: #000000 !important;
}

.masterstudy-authorization__switch-account-link:hover {
    background-color: #FFD700; /* azul más oscuro en hover */
}

/* Enlace "Has olvidado tu contraseña?" */
.masterstudy-authorization__switch-lost-pass {
    font-size: 14px;
    color: #F1C40F;
    cursor: pointer;
    text-decoration: underline;
    transition: 0.3s;
}
.masterstudy-authorization__switch-lost-pass:hover {
    color: #174a9e;
}

/* --- Botones principales (login, registro) --- */
.masterstudy-button.masterstudy-button_style-primary {
    background-color: #F1C40F !important; /* DORADO  */
    border-radius: 6px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    text-align: center;
    transition: 0.3s;
    color:#000;
}


.masterstudy-button.masterstudy-button_style-primary:hover {
    background-color: #FFD700 !important;
}

/*==============================================*/
/* --- ESTILOS LOGIN WOO MI CUENTA--- */

/* === LOGIN "MI CUENTA" estilo MasterStudy === */

/* Contenedor del login */
.woocommerce form.login {
    max-width: 400px;
    margin: 40px auto;
    padding: 30px 25px;
    background: #fff;
    border-radius: 12px;

    border: 1px solid #eee;
}

/* Título */
.woocommerce form.login h2 {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #FFD700;
    margin-bottom: 25px;
}

/* Inputs */
.woocommerce form.login input.input-text {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 15px;
    margin-bottom: 18px;
    transition: all 0.3s;
}

.woocommerce form.login input.input-text:focus {
    border-color: #F1C40F;
    box-shadow: 0 0 6px rgba(32, 94, 200, 0.3);
    outline: none;
}

/* Checkbox */
.woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 15px;
    color: #555;
}

/* Botón principal (Sign In / Acceso) */
.woocommerce form.login button.woocommerce-button {
    width: 100%;
    background-color: #F1C40F !important;
    color: black !important;
    font-weight: 600;
    border-radius: 3px;
    padding: 12px;
    border: none;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
}

.woocommerce form.login button.woocommerce-button:hover {
    background-color: #FFD700 !important;
}

/* Separador */
.woocommerce form.login::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #eee;
    margin: 20px 0;
}

/* Texto y botón de registro */
.woocommerce form.login .register-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    font-size: 14px;
}

.woocommerce form.login .register-link span {
    color: #000;
}

.woocommerce form.login .register-link a {
    background: #F1C40F;
    color: #fff !important;
    padding: 8px 14px;
    border-radius: 3px;
    font-weight: 600;
    text-decoration: none;
}

.woocommerce form.login .register-link a:hover {
    background: #F1C40F;
}

/* Enlace de recuperar contraseña */
.woocommerce form.login .lost_password {
    text-align: center;
}

.woocommerce form.login .lost_password a {
    color: #2C2C2C;
    font-weight: 500;
    text-decoration: underline !important;
}

.woocommerce form.login .lost_password a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    .woocommerce form.login {
        max-width: 95%;
        padding: 20px;
        margin: 20px auto;
    }
}

/*PAGINA  DEL CHECKOUT*/
.woocommerce-error a.button.wc-forward {
    color: #000 !important;
}
.woocommerce-error a.button.wc-forward:hover {
    background-color: #FFD700 !important;
}

/*PÁGINA DEL CARRITO CUANDO ESTA VACIO */
.woocommerce a.button.wc-backward {
    color: #000 !important;        /* letra negra por defecto */
    transition: color 0.3s ease;   /* efecto suave */
}

.woocommerce a.button.wc-backward:hover {
    background-color: #FFD700 !important;     /* dorado al pasar el mouse */
   /*si deseas la letra solo poner la propiedad "color"*/
}

/* PAGINA DEL CHECKOUT AL AGREGAR UN PRODUCTO NUEVO AL CARRITO*/
.woocommerce a.button.wc-forward {
    color: #000 !important;          /* letra negra siempre */
    transition: all 0.3s ease;       /* transición suave */
}

.woocommerce a.button.wc-forward:hover {
    color: #000 !important;          /* mantiene letra negra */
    background-color: #FFD700 !important; /* fondo dorado al hover */
}
/*PAGINA DEL CARRITO, BOTON ACTUALIZAR CARRITO*/
.woocommerce input.button.update-cart {
    color: #000 !important;          /* letra negra siempre */
  /*   background-color: transparent;   fondo transparente por defecto */
    transition: all 0.3s ease;       /* animación suave */
   /*  border: 1px solid #000;          opcional: borde negro si quieres que se vea */
}

.woocommerce input.button.update-cart:hover {
    color: #000 !important;          /* mantiene la letra negra */
    background-color: #FFD700 !important; /* fondo dorado al hover */
  /*  border-color: #FFD700;            opcional: borde dorado al hover */
}

/*PAGINA DEL CARRITO - QUITAR EL PEGADO QUE TIENEN LOS BOTONES DE FINALIZAR COMPRA Y PAYPAL*/
/* Espaciado entre el botón de finalizar compra y el de PayPal */
.woocommerce .wc-proceed-to-checkout .checkout-button {
    margin-bottom: 15px; /* separa del PayPal debajo en PC */
    display: block;      /* fuerza a que quede en bloque */
    width: 100%;         /* ocupa ancho completo */
}

.woocommerce .wc-proceed-to-checkout .ppc-button-wrapper {
    margin-top: 15px; /* separación con el botón superior */
}

/* En móviles, cuando están lado a lado */
/* En móviles: ambos botones full width, uno sobre otro */
@media (max-width: 768px) {
    .woocommerce .wc-proceed-to-checkout {
        display: flex;
        flex-direction: column; /* apilar elementos */
             /* espacio entre ambos */
    }

    .woocommerce .wc-proceed-to-checkout .checkout-button {
        width: 100% !important;
    }

    .woocommerce .wc-proceed-to-checkout .ppc-button-wrapper {
        width: 100% !important;
    }

    /* Forzar el botón interno de PayPal a ocupar todo el ancho */
    .woocommerce .wc-proceed-to-checkout .ppc-button-wrapper > div,
    .woocommerce .wc-proceed-to-checkout .ppc-button-wrapper iframe {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* Separación del contenedor global con el pie de página */
.woocommerce {
    margin-bottom: 40px; /* respiro antes del footer */
}



/*CSS DE PAGINAS DE TERMINOS Y CONDICIONES - POLITICA DE PRIVACIDAD Y CONTACTO */
/* Páginas legales - fondo blanco */
.pagina-legal {
  background-color: #ffffff;
  padding: 40px 20px;
  font-family: Arial, sans-serif;
}

.contenedor-legal {
  max-width: 900px;
  margin: auto;
  color: #333;
  line-height: 1.7;
}

.contenedor-legal h1 {
  font-size: 2.2em;
  margin-bottom: 20px;
  color: #000;
  text-align: center;
}

.contenedor-legal h2 {
  font-size: 1.4em;
  margin-top: 25px;
  color: #111;
}

.contenedor-legal p, 
.contenedor-legal li {
  font-size: 1em;
  margin-bottom: 15px;
}

/*🔹 CSS para el Acordeón FAQ*/
/* Estilos FAQ */
.faq-item {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}

.faq-pregunta {
  font-size: 1.2em;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.faq-pregunta::after {
  content: "+";
  position: absolute;
  right: 0;
  font-weight: bold;
}

.faq-item.active .faq-pregunta::after {
  content: "-";
}

.faq-respuesta {
  display: none;
  margin-top: 10px;
  color: #444;
}

.faq-item.active .faq-respuesta {
  display: block;
}

/* CSS PARA LA PAGINA DE CONTACTO */
/* Formulario de contacto */
/* ==== Página de Contacto ==== */
.pagina-legal {
  background: #fff;
  padding: 40px 20px;
}

.pagina-legal h1 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2rem;
  color: #222;
}

.pagina-legal p {
  text-align: center;
  margin-bottom: 30px;
  color: #555;
}

.contenedor-legal {
  max-width: 700px;
  margin: 0 auto;
  padding: 25px 30px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}

/* ==== Formulario ==== */
.pagina-legal form {
  display: flex;
  flex-direction: column;
}

.pagina-legal label {
  margin-bottom: 6px;
  font-weight: 600;
  color: #333;
}

.pagina-legal input,
.pagina-legal textarea {
  padding: 12px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
  transition: border-color 0.2s ease-in-out;
}

.pagina-legal input:focus,
.pagina-legal textarea:focus {
  border-color: #0073aa;
  outline: none;
}

/* ==== Botón ==== */
.pagina-legal button {
  background: #0073aa;
  color: #fff;
  padding: 14px 20px;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

.pagina-legal button:hover {
  background: #005177;
}

/* ==== Mensajes de estado ==== */
.mensaje-exito {
  margin: 20px 0;
  padding: 15px;
  background: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
  border-radius: 6px;
}

.mensaje-error {
  margin: 20px 0;
  padding: 15px;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  border-radius: 6px;
}

/* ====== Modal de iniciar sesión al presionar al icono en la pantalla principal ====== */
/* ---------- CENTRAR SWITCH (Título, enlaces y "¿Has olvidado...?") ---------- */

/* Apunta al modal abierto + contenedores internos para máxima especificidad */
.masterstudy-authorization-modal.masterstudy-authorization-modal_open
  .masterstudy-authorization
  .masterstudy-authorization__switch,
.masterstudy-authorization-modal.masterstudy-authorization-modal_open
  .masterstudy-authorization
  .masterstudy-authorization__switch-wrapper {
  display: flex !important;
  flex-direction: column !important;   /* columna: título/links arriba, olvidado debajo */
  align-items: center !important;      /* centra horizontalmente */
  justify-content: center !important;  /* centra verticalmente si hay altura */
  width: 100% !important;
  text-align: center !important;
  gap: 6px !important;
}

/* Centra la fila que contiene "No account?" + Registro + Sign In */
.masterstudy-authorization-modal.masterstudy-authorization-modal_open
  .masterstudy-authorization__switch-account {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;          /* permite que baje en pantallas pequeñas */
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

/*CSS ADICIONAL PARA VOLVER NEGRA LA FRANJA FEA QUE SALE EN AGUAMARINA*/
body{
	margin-top:0px;
}
.stm_lms_log_in{
		font-size:20px !important;
	}
/* Asegura que la franja donde dice chekout de color celeste se vuelva negra. */
body .entry-header{
	background-color: black !important;
}


/*CSS PARA PERSONALIZAR EL CURSO DE BUNDLES */

/* ==== CSS para ocultar elementos del profesor y wishlist ==== */
.single_product_after_title,
.stm-lms-wishlist,
.pull-left {
    display: none !important;
}


/*--FUENTES-----*/

/* Montserrat */
/* Montserrat - Todas las variantes */

/* montserrat-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/Montserrat/montserrat-v31-latin-100.woff2') format('woff2');
}

/* montserrat-100italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/Montserrat/montserrat-v31-latin-100italic.woff2') format('woff2');
}

/* montserrat-200 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/Montserrat/montserrat-v31-latin-200.woff2') format('woff2');
}

/* montserrat-200italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/Montserrat/montserrat-v31-latin-200italic.woff2') format('woff2');
}

/* montserrat-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/Montserrat/montserrat-v31-latin-300.woff2') format('woff2');
}

/* montserrat-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/Montserrat/montserrat-v31-latin-300italic.woff2') format('woff2');
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Montserrat/montserrat-v31-latin-regular.woff2') format('woff2');
}

/* montserrat-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/Montserrat/montserrat-v31-latin-italic.woff2') format('woff2');
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/Montserrat/montserrat-v31-latin-500.woff2') format('woff2');
}

/* montserrat-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/Montserrat/montserrat-v31-latin-500italic.woff2') format('woff2');
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/Montserrat/montserrat-v31-latin-600.woff2') format('woff2');
}

/* montserrat-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/Montserrat/montserrat-v31-latin-600italic.woff2') format('woff2');
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Montserrat/montserrat-v31-latin-700.woff2') format('woff2');
}

/* montserrat-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/Montserrat/montserrat-v31-latin-700italic.woff2') format('woff2');
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/Montserrat/montserrat-v31-latin-800.woff2') format('woff2');
}

/* montserrat-800italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/Montserrat/montserrat-v31-latin-800italic.woff2') format('woff2');
}

/* montserrat-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/Montserrat/montserrat-v31-latin-900.woff2') format('woff2');
}

/* montserrat-900italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/Montserrat/montserrat-v31-latin-900italic.woff2') format('woff2');
}

/* Roboto */
/* Roboto 100 */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-100.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-100italic.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* Roboto 200 */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-200.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-200italic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Roboto 300 */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-300italic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Roboto 400 */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Roboto 500 */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-500italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Roboto 600 */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-600italic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Roboto 700 */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-700italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Roboto 800 */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-800italic.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Roboto 900 */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/roboto-v49-latin-900italic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


/* Roboto Slab */
@font-face {
    font-family: 'Roboto Slab';
    src: url('fonts/RobotoSlab/RobotoSlab-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}


/* Estado normal BOTON DE COMPRA DEL BUNDLE CAMBIO DE DORADO A VERDE */
/* --- 1) Loading momentáneo (SIN cambiar la forma del botón) --- */
.masterstudy-bundle-button__link.masterstudy-loading {
    background-color: #ffffff !important;
    color: #c9a14a !important;
    border: 2px solid #c9a14a !important;
    opacity: 0.95;
    border-radius: 6px !important; /* mantiene la forma original */
}

/* --- 2) Botón cuando cambia a "Ir al carrito" (verde brillante profesional) --- */
.masterstudy-bundle-button.dropdown-show .masterstudy-bundle-button__link,
.masterstudy-bundle-button.dropdown-show .masterstudy-bundle-button__link span {
    color: #ffffff !important; /* fuerza texto blanco */
}
.masterstudy-bundle-button.dropdown-show .masterstudy-bundle-button__link {
    background-color: #28a745 !important;  /* verde brillante profesional */
    border-radius: 6px !important;         /* mantiene la forma original */
}
/* Separador blanco cuando el botón cambia a Ir al carrito */
.masterstudy-bundle-button.dropdown-show .masterstudy-bundle-button__link.masterstudy-bundle-button__link_active .masterstudy-bundle-button__separator {
    background-color: #ffffff !important;
}