/*
 Theme Name:   Neve Child
 Theme URI:    https://chrisrochaguitar.com/
 Description:  Tema hijo para Neve
 Author:       Tu Nombre
 Author URI:   https://chrisrochaguitar.com/
 Template:     neve
 Version:      1.0.0
*/

/* Importamos la fuente Roboto con los pesos 400 y 700 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* Aplicamos la fuente a todo el cuerpo del sitio de forma forzada */
body, 
p {
    font-family: 'Roboto', sans-serif !important;
    font-size: 1.1em !important;
    line-height: 1.6 !important;
}

/*==============================================================================
BOTON LOG-IN */
.mi-clase-de-boton {
    display: inline-block;
    padding: 10px 20px;
    background-color: #286090; 
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
}
.mi-clase-de-boton:hover {
    background-color: #286090; /* Un color un poco más oscuro al pasar el ratón */
}


/* --- Código para el modo oscuro en el home (solo el fondo) --- */

body.home {
  background-color: #000000;
}

/* --- Nuevos selectores para anular los colores específicos de los bloques --- */

/* Selector para el span "NEW CONTENT IS OUT" */
body.home #wp-block-themeisle-blocks-advanced-heading-c9192ff1 {
  color: #ffffff !important;
}

/* Selector para el h2 "ON YOUTUBE OUR NEWEST CONTENT" */
body.home #wp-block-themeisle-blocks-advanced-heading-3027a865 {
  color: #ffffff !important;
}

/* Selector para el párrafo de descripción */
body.home .wp-block-themeisle-blocks-advanced-column p.has-text-color {
  color: #e0e0e0 !important;
}

/*============================================================================== Anula el ancho máximo del contenedor principal en la página de PRODUCTOS DE WOOCOMERCE
*/
.woocommerce.archive .nv-index-posts {
  max-width: 100% !important;
  width: 100% !important;
}

/* Anula los estilos del contenedor de la fila para que los productos llenen el espacio */
.woocommerce.archive .nv-index-posts .row {
  display: block !important;
}

/* Estilos base de los productos para que ocupen el ancho completo */
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0 -10px !important;
  padding: 0 !important;
}

.woocommerce ul.products li.product {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 10px;
  text-align: center;
  box-sizing: border-box;
}

/* Reglas de responsividad */

/* Para pantallas grandes (escritorio), 3 productos por fila */
@media (min-width: 992px) {
  .woocommerce ul.products li.product {
    flex-basis: calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
  }
}

/* Para tablets (vista horizontal), 2 productos por fila */
@media (min-width: 768px) and (max-width: 991px) {
  .woocommerce ul.products li.product {
    flex-basis: calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
}

/* Para móviles y tablets pequeñas, 1 producto por fila */
@media (max-width: 767px) {
  .woocommerce ul.products li.product {
    flex-basis: 100%;
    max-width: 100%;
  }
}



/*
 * CR COURSES
 ================================================================
 */

/*
 * 1. Aumenta el valor de 'max-width' para un video más grande.
 */
.masterstudy-course-player-content__wrapper {
    max-width: 1100px !important; /* Aquí cambié de 1000px a 1200px */
    width: 100% !important;
    margin: 0 auto !important; /* Centra el contenedor */
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/*
 * 2. Estas reglas se mantienen para que el video llene el contenedor.
 */
.masterstudy-course-player-lesson,
.masterstudy-course-player-lesson-video,
.masterstudy-course-player-lesson-video__embed-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/*
 * 3. Se mantiene sin padding.
 */
.masterstudy-course-player-lesson-video {
    padding: 0 !important;
}