/**
 * Template: ms-lms-starter-theme
 * Theme Name: MasterStudy Templates Child
 * Theme URI: https://starter.stylemixthemes.com/
 * Author: StylemixThemes
 * Author URI: https://stylemixthemes.com/
 * Description: MasterStudy Templates Child Theme is the child theme for the MasterStudy Templates. With this child theme, you can customize your eLearning website appearance without changing the original templates.
 * 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, e-commerce, learning center, tutoring, teaching, study, studying, learning, lessons, instructor, teacher, mentor
 * Text Domain: starter-text-domain
 * Version: 1.0.0
 */

/* CSS Login */
body.page-id-7:not(.logged-in) {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
}

body.page-id-7:not(.logged-in) div#wrapper {
    background-image: url(https://transformaciondigital.tv/wp-content/uploads/2025/03/2151552592.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

body.page-id-7:not(.logged-in) .masterstudy__login-page-form {
    background: rgb(255 255 255 / 75%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 40px 0;
    border-radius: 10px;
}

body.page-id-7:not(.logged-in) a.masterstudy-button.masterstudy-button_style-primary {
    background: #C30101;
    border-radius: 20px;
}

body.page-id-9:not(.logged-in) a.masterstudy-button.masterstudy-button_style-primary:hover {
    background: #852A4E;
}
body.page-id-9:not(.logged-in) .masterstudy-authorization__switch-wrapper {
    flex-direction: column;
}

body.page-id-6:not(.logged-in) .masterstudy-authorization__switch-account {
    padding-bottom: 10px;
}

body.page-id-6:not(.logged-in) .masterstudy-authorization__switch-account a.masterstudy-authorization__switch-account-link {
    font-weight: bold;
    color: #a86880;
}
body.page-id-6:not(.logged-in) #wrapper{
    padding-top: 0;
}

body.page-id-6:not(.logged-in) .masterstudy__login-page {
    padding: 70px 0 70px;
}
/* FIN CSS Login */

/* CSS ADICIONAL DE PERSONALIZAR INICIO*/
.header{
	background: #FFFFFF;
}

/* Ocultar el widget específico usando el atributo data-widget_type */
div[data-widget_type="ms_lms_courses_searchbox.default"] {
    display: none !important;
}

/* --- PATCH HOME: evitar solapes/stacking indeseados en portada --- */
.home #primary,
.home #primary .site-main,
.home #primary .netflix-container,
.home #primary .netflix-card,
.home #primary .netflix-thumbnail {
  position: relative;
  z-index: 0;
}

/* El overlay debe ir por encima del thumbnail pero sin bloquear clics */
.home #primary .netflix-overlay {
  position: absolute;
  left: 0; right: 0; bottom: 0; top: auto;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 100%);
}

/* Si algún estilo global fuerza un overlay “full” en la home, lo anulamos */
.home .netflix-overlay { height: auto; }

/* Asegurar que Swiper está por debajo del header fijo si lo hubiera */
.home .netflix-main-carousel { z-index: 1; }

/* Select: colores del desplegable legibles en cualquier tema */
.home .pill-select select option { background: #fff; color: #111; }
/* Quitar el amarillo del autofill en inputs tipo pill */
.pill-input input:-webkit-autofill,
.pill-input input:-webkit-autofill:hover,
.pill-input input:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  caret-color: #fff;
  /* “pintamos” encima con un box-shadow interno */
  -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0.08) inset !important;
  box-shadow: 0 0 0 1000px rgba(255,255,255,0.08) inset !important;
  transition: background-color 600000s 0s, color 600000s 0s; /* truco para Chrome */
}

/* Si quieres reforzar el borde cuando hay autofill */
.pill-input:has(input:-webkit-autofill) {
  border-color: #C30101;
  box-shadow: 0 0 0 3px rgba(229,9,20,.3);
}

  .chip {
    border: none;              /* sin borde normalmente */
    padding: 8px 16px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    transition: border 0.2s ease;
  }

  .chip:hover {
    border: 2px solid #C30101 !important; /* fuerza borde rojo al pasar el ratón */
  }

.masterstudy-public-page-block {
  display: none !important;
}

/* Estructura base: mantiene el orden normal en pantallas grandes */
.masterstudy-authorization__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* En móviles (menos de 768px) cambiamos el orden */
@media (max-width: 768px) {
  .masterstudy-authorization__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  /* “Acuérdate de mí” primero */
  .masterstudy-authorization__actions-remember {
    order: 1;
    margin-bottom: 10px;
  }

  /* Botón de “Iniciar sesión” después */
  [data-id="masterstudy-authorization-login-button"] {
    order: 2;
    width: 100%;
    margin-bottom: 10px;
  }

  /* Botón de “Inscribirse” al final (si existe) */
  [data-id="masterstudy-authorization-register-button"] {
    order: 3;
    width: 100%;
  }
}


/*
.elementor-element-c6aa799 {
  background-color: #000 !important;
}
.elementor-element-943c914 {
  background-color: #000 !important;
}
#colophon {
  background-color: #000 !important;
}
.elementor-element-9686790 {
  background-color: #000 !important;
}
#dLabel {
  background-color: transparent;
  color: #fff;
  border: none;
}
#dLabel:hover,
#dLabel:focus {
  background-color: #f5f5f5 !important;
  color: #000 !important;
}*/