/*
Theme Name: Twenty Twenty-Five Child
Theme URI: http://example.com/twenty-twenty-five-child
Description: Tema hijo de Twenty Twenty-Five
Author: FQM
Author URI: http://example.com
Template: twentytwentyfive
Version: 1.0.0
*/

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------       PRUEBAS         	--------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------ */













/* ************************************************************************************************************ */
/* GENERAL       ********************************************************************************************** */
/* ************************************************************************************************************ */


/* Para evitar que en móvil, la página del curso haga overflow y quede un hueco a la derecha */
.wp-site-blocks {
	overflow-x:hidden;
	max-width:100%;
}


/* ****************************************************************** */
/* Para quitar el subrayado a los enlaces                             */
/* ****************************************************************** */
.sinSubrayado a {
	text-decoration: none !important;
	color: black !important; 
}


/* ****************************************************************** */
/* Colores verde y gris                                               */
/* ****************************************************************** */

.FQMColorGris {
	color: #585858 !important;
}

.FQMColorVerde {
	color: #25ac34 !important;
}


/* ****************************************************************** */
/* Cuadro remarcado en gris y borde izquierdo rojo                    */
/* ****************************************************************** */
.FQMBloqueNoticia {
	background: #eeeeee;
	border-left: 4px solid red;
	padding: 16px 20px !important;
	margin: 0;
	border-radius: 6px;
	display: block;
}



/* ****************************************************************** */
/* Formato Página con contenido Protegido                             */
/* ****************************************************************** */

.fm-archivo-protegido {
  max-width: 520px;
  margin: 0px auto;
  padding: 40px 40px 30px 40px;
  background: #fafafa;
  border: 1px solid #d0d0d0;
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
  font-family: "space grotesk";
}

/* título */
.fm-archivo-protegido h1 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 40px;
  color: #111;
}

/* texto */
.fm-archivo-protegido p {
  font-size: 20px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 20px;
}

/* label */
.fm-archivo-protegido label {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
  color: #555;
}

/* input */
.fm-archivo-protegido input[type="password"] {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 2px solid #ccc;
  padding: 10px 6px;
  font-size: 17px;
  transition: border-color 0.2s ease;
}

.fm-archivo-protegido input[type="password"]:focus {
  outline: none;
  border-color: #111;
}

/* botón */
.fm-archivo-protegido button {
  margin-top: 32px;
  background: #25ac34;
  color: #fff;
  border: none;
  padding: 12px 18px;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
}

.fm-archivo-protegido button:hover {
  background: #000;
}




/* ****************************************************************** */
/* Formato Página con Acceso Restringido                              */
/* ****************************************************************** */

/* Formato para campo desplegable RGPD en páginas de Acceso Restringido */
.Pag-Acceso-Restringido-FRM-rgpd {
    font-size: 13px;
    margin-top: 20px;
    line-height: 1.5;
}

.Pag-Acceso-Restringido-FRM-rgpd summary {
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 10px;
}

.Pag-Acceso-Restringido-FRM-rgpd details {
    background: #ffffff;
    padding: 12px;
    border-radius: 6px;
}


/* ****************************************************************** */
/* Formato Página de compra suscripción                               */
/* ****************************************************************** */

/* Cinta de texto diagonal en imágenes */
.plan-secreto {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.18);
}

.plan-secreto img {
    width: 100%;
    display: block;
    filter: blur(1.0px) contrast(0.95) brightness(0.95);
}

/* banda diagonal */
.plan-secreto::after {
    content: " - PARTE DEL PLAN -";
    position: absolute;
    top: 22px;
    right: -30px;
    background: grey;
    color: #fff;
    font-size: 12px;
    padding: 10px 50px;
    transform: rotate(35deg);
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
}




/* ****************************************************************** */
/* Efectos de texto                                                   */
/* ****************************************************************** */
.reveal {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 2.5s ease-out, transform 2.5s ease-out;
	will-change: opacity, transform;
}

/* Variantes */
.reveal-left {
	transform: translateX(-20px);
}

.reveal-right {
	transform: translateX(20px);
}

/* Cuando el bloque entra en viewport */
.reveal.is-visible {
	opacity: 1;
	transform: translate(0, 0);
}


/* ****************************************************************** */
/* Lista con "X" de color rojo	                                      */
/* ****************************************************************** */
.FQMListaX li {
	list-style: none;
	position: relative;
	padding-left: 1.5em;
}

.FQMListaX li::before {
	content: "✖";
	position: absolute;
	left: 0;
	top: 0;
	color: red; 
	font-weight: bold;
}


/* ****************************************************************** */
/* Menú hamburguesa en tablet (No salía)                              */
/* ****************************************************************** */

@media (min-width: 601px) and (max-width: 1024px) {
  /* ocultar items del menú principal */
  .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content {
    display: none !important;
  }

  /* mostrar el botón hamburguesa */
  .wp-block-navigation__responsive-container-open {
    display: block !important;
  }
}


/* ****************************************************************** */
/* Separamos un poco los submenús en el menú hamburguesa              */
/* Solo en pantallas hasta 1024px (tablet y móvil)                    */
/* ****************************************************************** */

@media (max-width: 1024px) {
  .wp-block-navigation__submenu-container .wp-block-navigation-item {
    margin: 6px 0; /* aire entre enlaces */
  }

  .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 8px 12px;
    display: block;
  }
}


/* ****************************************************************** */
/* Botón (Para enlaces)                                               */
/* ****************************************************************** */


.wp-block-button.FQMBotonVerde .wp-block-button__link:hover {
    background-color: #1f8f2c !important;  /* verde más oscuro */
    color: #ffffff !important;
	transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}


.wp-block-button.FQMBotonGris .wp-block-button__link:hover {
    background-color: #a8a8a8 !important;  
    color: #ffffff !important;
	transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}



/* ****************************************************************** */
/* Botón (general)                                                    */
/* ****************************************************************** */

.FQMBoton {
    background-color: #25ac34;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    margin: 30px 0px 30px 0px;
	text-decoration: none;
}

.FQMBoton:hover {
	background-color: #888888;
}



/* ****************************************************************** */
/* Botón Descarga (Pdf) 								              */
/* ****************************************************************** */

.FQMBotonDescarga {
	display: flex;
    /*align-items: center;*/
    justify-content: center;
	padding: 10px 20px;
    width: 240px;
    /*height: 120px; /* Establece un tamaño uniforme para todos los botones */
    background-color: #ffffff;
    color: black !important;
    font-size: 1.2em;
    font-weight: bold;
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center; 		/* Asegura que el texto esté centrado */
}

.FQMBotonDescarga:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15);
	background-color: lightgray;
}


/* ****************************************************************** */
/* Para centrar el botón de descarga del .pdf (en páginas de cursos)  */ 
/* ****************************************************************** */

.wp-block-file:not(.wp-element-button) {
	text-align: center;
}


/* ****************************************************************** */
/* Botones de Acción (general)                                        */
/* ****************************************************************** */

.wp-element-button {
    background-color: #25ac34 ;
}



/* ****************************************************************** */
/* Enlaces a emails anterior y posterior (pie de entradas email)      */
/* ****************************************************************** */

.entrada-anterior, .entrada-siguiente {
	font-size: 1.1rem;
	color: #666;
}

.entrada-anterior a,
.entrada-siguiente a {
	color: #25ac34;         /* Cambia el color del enlace */
	font-weight: bold;      /* Negrita */
	font-size: 1.1rem;      /* Tamaño del texto */
	text-decoration: none;  /* Quita el subrayado */
}

.entrada-anterior a:hover,
.entrada-siguiente a:hover {
	text-decoration: underline; /* Efecto al pasar el ratón */
	color: #666;                /* Color al hacer hover */
}


/* ****************************************************************** */
/* Formato del grid de botones en página Contenido de valor           */
/* ****************************************************************** */

.grid-botones {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px;
}


/* Adaptación para móviles: apila los botones */
@media (max-width: 1024px) {
    .grid-botones {
        grid-template-columns: repeat(3, 1fr); /* Mantiene las 3 columnas en pcs */
    }
}

@media (max-width: 768px) {
    .grid-botones {
        grid-template-columns: repeat(2, 1fr); /* En móviles más grandes, usa 2 columnas */
    }
}

@media (max-width: 480px) {
    .grid-botones {
        grid-template-columns: 1fr; /* En móviles más pequeños, apilado en una única columna */
    }
}


.FQMBotonGrid {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 120px; 						/* Establece un tamaño uniforme para todos los botones */
    background: #ffffff;
    color: #25ac34;
    font-size: 1.4em;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center; 				/* Asegura que el texto esté centrado */
}

.FQMBotonGrid:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15);
}



/* ****************************************************************** */
/* Formato tipo tarjetas en las páginas de Contenido de valor         */
/* ****************************************************************** */

.ultimas-entradas-filtradas {
    width: 100%;
    max-width: 1400px;      		/* Establece un ancho máximo */
    margin: 0 auto;
    padding: 0px;
}

/* En pantallas grandes (PC), reducimos el ancho */
/* Se reduce SOLO en PC */
@media (min-width: 1200px) {
    .ultimas-entradas-filtradas {
        width: 65%; 
    }
}

/* En móviles y tabletas, se mantiene ancho completo */
/* En tabletas, mantiene buen ancho */
@media (max-width: 1024px) {
    .ultimas-entradas-filtradas {
        width: 90%; 
    }
}

/* En móviles, ocupa todo el ancho disponible */
@media (max-width: 768px) {
    .ultimas-entradas-filtradas {
        width: 100%; 
    }
}


.ultimas-entradas-filtradas article {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
}

.ultimas-entradas-filtradas article:hover {
    box-shadow: 0px 12px 15px rgba(0,0,0,0.2);
}

.ultimas-entradas-filtradas h3 a {
    color: #25ac34;
    font-size: 1.4em;
    text-decoration: none;
    font-weight: bold;
}

.ultimas-entradas-filtradas p {
    color: #666;
    font-size: 1em;
    /*line-height: 1.6;*/
}

.ultimas-entradas-filtradas .ver-mas {
    align-self: flex-end; 			/* Coloca el botón alineado a la derecha dentro de la tarjeta */
    margin-top: 0px;
    background: #888888;
    color: white;
    padding: 6px 12px;
    border-radius: 5px;
    text-decoration: none;
}

.ultimas-entradas-filtradas .ver-mas:hover {
    background: #25ac34;
    box-shadow: 2px 2px 4px #1e8c29, -2px -2px 4px #33d148;
}


/* ****************************************************************** */
/* Banner de cookies                                                  */
/* ****************************************************************** */


/* Botón aceptar */
.mgbutton.moove-gdpr-infobar-allow-all {
	background: #25ac34 !important;
	margin-right: 20px !important;
}

/* Botón aceptar Hover */
.mgbutton.moove-gdpr-infobar-allow-all:hover {
	background-color: white !important;
	color: #25ac34 !important;
}


/* Botón rechazar */
.mgbutton.moove-gdpr-infobar-reject-btn {
	background: red !important;
	margin-right: 20px !important;
}

/* Botón rechazar Hover */
.mgbutton.moove-gdpr-infobar-reject-btn:hover {
	background-color: white !important;
	color: #25ac34 !important;
}

/* Botón configurar */
.mgbutton.moove-gdpr-infobar-settings-btn {
	background: grey !important;
	color: white !important;
	margin-left: 20px !important;
}

/* Botón configurar Hover */
.mgbutton.moove-gdpr-infobar-settings-btn:hover {
	background-color: white !important;
	color: #25ac34 !important;
}





/* ****************************************************************** */
/* Forzar distribución en el contenedor del footer                    */
/* ****************************************************************** */
/* (en las páginas del foro no quedaba bien) */

.wp-block-group.alignfull.is-content-justification-space-between.is-layout-flex {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

/* El bloque de columnas (logo + tagline) siempre a la izquierda */
.wp-block-group.alignfull.is-content-justification-space-between.is-layout-flex > .wp-block-columns {
  margin-right: auto !important;
}

/* El menú siempre empujado a la derecha */
.wp-block-group.alignfull.is-content-justification-space-between.is-layout-flex > nav.wp-block-navigation {
  margin-left: auto !important;
}


/* ****************************************************************** */
/* Se aumenta el tamaño de la letra en dispositivos móviles           */
/* ****************************************************************** */

@media (max-width: 768px) {
    p {
        font-size: 20px; 
	}
}


/* ****************************************************************** */
/* Se aumenta el interlineado y la negrita                            */
/* ****************************************************************** */

p {
	line-height: 1.5;
}

strong {
	font-weight: bold !important;
}


/* ****************************************************************** */
/* Justificación de los submenús a la derecha                         */
/* ****************************************************************** */

.wp-block-navigation li  {
	text-align: right !important;
}


/* ****************************************************************** */
/* Enlaces en color verde #25ac34                                     */
/* ****************************************************************** */

p a  {
	color: #25ac34 !important;
}

.colorVerde  {
	color: #25ac34 !important;
}


/* ****************************************************************** */
/* Textos negrita (pero no tanto como Strong)                         */ 
/* ****************************************************************** */

.FQMTxtNegro {
	font-weight: 550 !important;
}


/* ****************************************************************** */
/* Mensaje de abreviatura con recuadro verde al pasar el ratón        */
/* ****************************************************************** */

.tooltip {
	position: relative;
	border-bottom: 1px dotted black;
	font-style: italic;
}

/* Tooltip caja */
.tooltip:before {
	content: attr(data-tooltip); 
	position: absolute;
	width: 140px;
	background-color: #25ac24;
	color: #fff;
	font-style: normal;
	text-align: left;
	padding: 20px;
	line-height: 1.2;
	border-radius: 6px;
	z-index: 1;
	opacity: 0;
	transition: opacity .6s;
	bottom: 125%;
	left: 20%;  
	margin-left: -60px;
	font-size: 1em;
	visibility: hidden;
}

/* Tooltip flecha */
.tooltip:after {
	content: "";
	position: absolute;
	bottom: 75%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	opacity: 0;
	transition: opacity .6s;
	border-color: #25ac34 transparent transparent transparent;
	visibility: hidden;
} 

.tooltip:hover:before, .tooltip:hover:after {
	opacity: 1;
	visibility: visible;
} 


/* ****************************************************************** */
/* Recuadro de texto resaltado                                        */
/* ****************************************************************** */

.FQMRecuadroTextoResaltado {
	border-top: 2px dotted grey;
	border-bottom: 1px solid grey;
	padding: 2%;
	padding-left: 3%;
	padding-right: 4%;
	background-color: #25ac34;
	box-shadow: 3px 3px 4px grey;
	color: white !important;
	border-radius: 10px;
}

.FQMEnlaceTextoResaltado {
    color: white !important;           /* Cambia el color del texto */
    text-decoration: none !important;  /* Elimina el subrayado si lo deseas */
}


/* ****************************************************************** */
/* Texto borroso                                                      */
/* ****************************************************************** */

.FQMTextoBorroso {
   color: transparent;
   text-shadow: 0 0 2px rgba(0,0,0,1);
}


/* ****************************************************************** */
/* Primera o segunda letra de párrafo resaltada                       */
/* ****************************************************************** */

.FQMLetraCapital span {
    font-size: 2rem; /* Ajusta el tamaño */
    font-weight: bold; /* Negrita */
    color: #25ac34; /* Color opcional */
    margin-right: 5px; /* Espaciado */
}


/* ****************************************************************** */
/* Línea vertical del bloque "Cita"                                   */
/* ****************************************************************** */

blockquote {
    border-left: 4px solid #25ac34 !important;  
}


/* ****************************************************************** */
/* Línea horizontal del bloque "Separador"                            */
/* ****************************************************************** */

hr {
  	height: 0.5px;
  	background-color: #25ac34;
  	/* margin: 40px auto !important; */
}


/* ****************************************************************** */
/* Estilo del bloque Últimas Entradas en la página contenido de valor */
/* ****************************************************************** */

.wp-block-latest-posts.wp-block-latest-posts__list li {
    margin-bottom: 70px;
    padding: 5px 10px 5px 25px !important;
    background: linear-gradient(to right, #fff, #f5f5f5) !important;
    border-left: 8px solid #25ac34 !important;
    box-shadow: 1px 2px 5px #888888;
}

.wp-block-latest-posts__post-title {
    color: #25ac34 !important; 		/* Cambia el color del título */
    font-size: 24px; 				/* Cambia el tamaño de la fuente */
    text-decoration: none !important;
    font-weight: 550;
}

.wp-block-latest-posts__read-more {
    color: #25ac34; 
    font-weight: 550;
    padding-left: 20px;
}



/* ****************************************************************** */
/* Filtros para imágenes                                              */
/* ****************************************************************** */

.blur {
    filter: blur(2px);
}

.brightness {
    filter: brightness(0.50);
}

.contrast {
    filter: contrast(180%);
}

.grayscale {
    filter: grayscale(100%);
}

.huerotate {
    filter: hue-rotate(180deg);
}

.invert {
    filter: invert(100%);
}

.opacity {
    filter: opacity(50%);
}

.saturate {
    filter: saturate(7);
}

.sepia {
    filter: sepia(100%);
}

.shadow {
    filter: drop-shadow(6px 6px 3px #25ac34);
}



/* ************************************************************************************************************ */
/* Formulario CONTACTO CF7        ***************************************************************************** */ 
/* ************************************************************************************************************ */

/* Campos de entrada */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 70%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 10px;
    font-size: 18px;
    /*color: #888888;*/
	color: black;
    font-style: normal;
	background-color: #FFFFFF;
}

/* Etiqueta Nombre y Correo electrónico */
.wpcf7 label {
	color: black;
}

.wpcf7 textarea {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Estilo del textarea y campos de entradas al hacer clic (focus) */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
    border: 2px solid #25ac34; /* Cambia este color al que prefieras */
    outline: none; /* Elimina el borde predeterminado del navegador */ 
}


/* Para hacer algo más pequeños los campos de entrada en móvil */
@media (max-width: 600px) {
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"] {
		max-width: 350px;
	}
}


/* Elimina un margen que había en el checkbox a la izquierda */
.wpcf7-list-item {
    margin: 0 0 0 0em;
}

/* Aumentar el tamaño del checkbox */
input[type="checkbox"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* Estilo del checkbox al estar marcado */
input[type="checkbox"]:checked {
    background-color: #25ac34; /* Cambia este color al que prefieras */
}


/* Estilos del botón de enviar */
.wpcf7 input[type="submit"] {
    background-color: #25ac34;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    margin: 30px 0px 30px 0px;
}

/* Al pasar el ratón por encima */
.wpcf7 input[type="submit"]:hover {
    background-color: #888888;
}


/* Mensaje de error en los campos */
.wpcf7-not-valid-tip {
    background-color: #d60c49;
    color: white;
    width: 70%;
}

.wpcf7 form.invalid .wpcf7-response-output {
    border-color: red;
    margin: 0 0 4em 0em;
}





/* ************************************************************************************************************ */
/* PLUGIN PMPRO       ***************************************************************************************** */
/* ************************************************************************************************************ */


/* ----------------------------------------------------------------------------------- */
/* General --------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

/* ****************************************************************** */
/* Botones del plugin PMSPro                                          */
/* ****************************************************************** */

/* Porque al cambiar los enlaces a color verde, también cambió */
.pmpro_btn {
    color: white !important;
}

.pmpro_btn-cancel {
	color: grey !important;
}


/* ----------------------------------------------------------------------------------- */
/* Página de ACCEDER ----------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

/* CONTENEDOR */
.pmpro #pmpro_login .pmpro_login_wrap {
	max-width: 460px;
	margin: 50px auto;
	/*padding: 40px 30px;*/
	background: #f9f9f7;
	border: 1px solid #e4e4e1;
	box-shadow: 0 40px 80px rgba(0,0,0,0.08);
}

/* QUITAR TÍTULOS AUTOMÁTICOS */
.pmpro #pmpro_login h1,
.pmpro #pmpro_login h2 {
	display: none;
}

/* LABELS */
.pmpro #pmpro_login label {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #666;
}

/* INPUTS */
.pmpro #pmpro_login input[type="text"],
.pmpro #pmpro_login input[type="password"] {
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 1px solid #bbb;
	padding: 10px 4px;
	font-size: 18px;
	color: #111;
}

.pmpro #pmpro_login input:focus {
	outline: none;
	border-color: #111;
}

/* RECORDAR */
.pmpro #pmpro_login .login-remember {
	margin-top: 24px;
}

.pmpro #pmpro_login .login-remember label {
	font-size: 14px;
	color: #777;
	text-transform: none;
	letter-spacing: normal;
}

/* BOTÓN */
.pmpro #pmpro_login .login-submit input[type="submit"] {
	margin-top: 10px;
	width: 100%;
	background: #111;
	color: #fff;
	border: none;
	padding: 16px;
	font-size: 18px !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	cursor: pointer;
}

.pmpro #pmpro_login .login-submit input[type="submit"]:hover {
	background: #000;
}

/* MOSTRAR CONTRASEÑA */
.pmpro .pmpro_form_field-password-toggle {
	margin-top: 16px;
}

.pmpro .pmpro_form_field-password-toggle button {
	font-size: 12px;
	color: #999;
}


/* Oculta el link para "Únete ahora", que llevaba a la página de Niveles de Membresía */
.pmpro_actions_nav a[href*="niveles-de-suscripcion"] {
	display: none;
}

/* Elimina el carácter | que separa ese link con el de "Recuerda tu contraseña" */
.pmpro_actions_nav {
    font-size: 0;
}

/* Tamaño y color del enlace "Recuerda tu contraseña */
.pmpro_actions_nav a {
    font-size: 16px; 
	color: #585858 !important;
}

.pmpro_actions_nav a:hover {
	color: #000000 !important;
}


/* ENLACES */
.pmpro a {
	color: #999;
}

.pmpro a:hover {
	color: #111;
}




/* ----------------------------------------------------------------------------------- */
/* Página de CHECK-OUT de PMPro ------------------------------------------------------ */
/* ----------------------------------------------------------------------------------- */


/* ****************************************************************** */
/* Que el toggle del "Ojo" Mostrar contraseña no empuje el layout     */
/* ****************************************************************** */

.pmpro_form_field.pmpro_form_field-password { 
  position: relative; 
}

.pmpro_form_field.pmpro_form_field-password .pmpro_form_field-password-toggle {
  position: absolute;     /* lo sacamos del flujo */
  top: 0;                 /* alineado con la etiqueta */
  right: 0;               /* pegado a la derecha del bloque */
  display: flex;
  align-items: center;
}

/* deja hueco para que la etiqueta no se solape con el ojo */
.pmpro_form_field.pmpro_form_field-password label {
  padding-right: 18px;    /* ajusta si hiciera falta */
  margin-bottom: 6px;     /* misma separación que el otro campo */
  display: block;
}

/* Normaliza la separación entre etiqueta e input en ambos campos */
.pmpro_form_field.pmpro_form_field-password input,
.pmpro_form_field.pmpro_form_field-password input#password2,
.pmpro_form_field input#password2 {
  margin-top: 0 !important;
}

/* Oculta el texto "Mostrar contraseña" para que no desplace nada */
.pmpro_form_field-password-toggle .pmpro_form_field-password-toggle-state {
  display: none;
}

/* En móvil, el ojo centrado verticalmente respecto al input: */
@media (max-width: 640px) {
  .pmpro_form_field.pmpro_form_field-password .pmpro_form_field-password-toggle {
    top: 5px;            /* aprox. mitad del input; ajusta según altura real */
    right: 10px;
  }
}


/* ----------------------------------------------------------------------------------- */
/* Página de "Tu Cuenta" de PMPro ---------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */


/* ****************************************************************** */
/* Títulos Página "Tu Cuenta" en color verde     					  */
/* ****************************************************************** */

.pmpro-account h2,
.pmpro-account h3 {
	color: #25ac34 !important;
}


/* ********************************************************************** */
/* Cambiamos la forma de los enlaces "Editar Perfil" "Cambiar contraseña" */
/* bajo el primer bloque, porque en móvil se pueden pulsar por error      */
/* ********************************************************************** */

@media (max-width: 640px) {
  .pmpro_card_actions {
    font-size: 0; 			  	/* oculta el separador "|" que es texto */
  }

  .pmpro_card_actions a {
    display: block;          	/* cada enlace ocupa una línea entera */
    font-size: 20px;         	/* recuperamos tamaño de letra */
    padding: 10px 0;         	/* más área de clic */
    line-height: 1.4;
    white-space: nowrap;     	/* evita partir “Cambiar contraseña” */
    border-top: 1px solid #eee;
  }	

  .pmpro_card_actions a:first-child {
    border-top: none;        	/* sin línea arriba del primero */
  }
}


/* Ocultar botón Renovar en la página de cuenta PMPro */
/* Salía al lado del botón Cancelar en Mis Suscripciones */
#pmpro_actionlink-renew {
    display:none !important;
}


/* Ocultar botón Cancelar porque cancelaba el acceso aunque quedaran */
/* días pendientes hasta la fecha de cuducidad */
#pmpro_actionlink-cancel {
	display: none !important;
}



/* ----------------------------------------------------------------------------------- */
/* Página de "Tu Perfil" de PMPro ---------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */


/* ****************************************************************** */
/* Labels de "Tu Perfil"                                              */
/* ****************************************************************** */

form.pmpro_form label {
	color: black !important;
	font-size: 20px !important;
}


/* ****************************************************************** */
/* Color de "Información de Tu Cuenta" en verde                       */
/* ****************************************************************** */

.pmpro_font-large {
	color: #25ac34;
}


/* ****************************************************************** */
/* Bordes más claros en los campos del perfil (PMPro)                 */
/* ****************************************************************** */

form.pmpro_form input[type="text"],
form.pmpro_form input[type="email"],
form.pmpro_form input[type="password"],
form.pmpro_form textarea,
form.pmpro_form select,
form.pmpro_form input[type="file"] {
  	border: 1px solid #c8c8c8 !important; 
}


/* ****************************************************************** */
/* Borde al enfocar                                                   */
/* ****************************************************************** */

form.pmpro_form input[type="text"]:focus,
form.pmpro_form input[type="email"]:focus,
form.pmpro_form input[type="password"]:focus,
form.pmpro_form textarea:focus,
form.pmpro_form select:focus,
form.pmpro_form input[type="file"]:focus {
  border-color: #25ac34 !important; 
  outline: none;
}


/* ****************************************************************** */
/* Texto "Imagen de perfil"                                           */
/* ****************************************************************** */

form.pmpro_form .ssm-avatar-title {
	font-size: 20px;        
	font-weight: 500;      
	color: black;           
	margin: 20px 0 10px 0;  
	margin-top: 40px;
}


/* ****************************************************************** */
/* Avatar alineado a la izquierda en el perfil                        */
/* ****************************************************************** */

form.pmpro_form .ssm-avatar-field {
  text-align: left !important;
}

form.pmpro_form .ssm-avatar-field img {
  margin: 0 0 10px 0; /* quita centrado */
}


/* ****************************************************************** */
/* Input de archivo (Examinar + texto)                                */
/* ****************************************************************** */

form.pmpro_form input[type="file"] {
	border: none !important;          	/* quita borde exterior */
	font-size: 16px !important;       	/* aumenta tamaño de letra */
	background: none;                 	/* sin fondo gris extra */
	padding: 6px 0;                   	/* más limpio */

	width: 100% !important;
	box-sizing: border-box; 
	white-space: normal;    			/* permite salto de línea si hace falta */
	font-size: 15px;
}


/* ****************************************************************** */
/* Mostrar solo "Archivo actual" sin el nombre del fichero            */
/* ****************************************************************** */

.pmpro_form_field-file-name {
	font-size: 0.85em;
	color: #555;
	margin-bottom: 30px;
}

/* Ocultar el enlace (nombre del archivo) */
.pmpro_form_field-file-name a {
	display: none !important;
}


/* ****************************************************************** */
/* Margen y centrado de botones Actualizar/Cancelar                   */
/* ****************************************************************** */

form.pmpro_form .pmpro_form_submit {
	display: flex;
	justify-content: center; /* centra horizontalmente */
	gap: 16px; /* espacio entre los botones */
	margin-top: 40px; /* espacio superior respecto a los campos */
}


/* ****************************************************************** */
/* Caja del link al foro con mismo estilo que la caja de Tu Perfil    */
/* ****************************************************************** */

.ssm-link-forum-box {
	margin-top: 30px;
	padding: 20px;
	background: #fff; 						
	border: 1px solid hsl(0, 0%, 91%);     					
	border-radius: 8px; 					
	box-shadow: 2px 2px 7px rgba( 0, 0, 0, 0.07 );
	text-align: center;
	width: 100%;
  	box-sizing: border-box;
}

.ssm-link-forum-box a {
	color: #25ac34;
	font-weight: 500;
	text-decoration: none;
	font-size: 1em;
}

.ssm-link-forum-box a:hover {
	text-decoration: underline;
}




/* ********************************************************************** */
/* Títulos dentro de las tarjetas en Página Facturación PMPro             */
/* ********************************************************************** */

.pmpro_card h3,
.pmpro_card h2 {
  color: #25ac34 !important;
}


/* ********************************************************************** */
/* Títulos Página "Pedidos" (suscripción) en color verde       			  */
/* ********************************************************************** */

.pmpro_section_title {
	color: #25ac34 !important;
}







/* ************************************************************************************************************ */
/* PLUGIN TUTOR LMS   ***************************************************************************************** */
/* ************************************************************************************************************ */


/* ----------------------------------------------------------------------------------- */
/* General --------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

/* Quitamos el texto de "Sin categoría" del curso */
.tutor-course-details-info {
    display: none;
}


/* Aumentamos padding superior antes del título del curso */
.tutor-course-details-header {
    padding-top: 40px;
}


/* Aumentamos padding inferior despúes del último módulo */
.tutor-course-details-page {
    padding-bottom: 80px;
}

/* Cambia la tipografía */
.single-courses {
    font-family: 'Space Grotesk', sans-serif;
}


/* Título Descripción del curso (Acerca De) */
.tutor-course-details-content > h2 {
  font-size: 24px;
  line-height: 1.2;
}


/* Descripción del curso */
.tutor-course-details-content .tutor-fs-6 p {
	font-size: 20px;
	line-height: 1.7;
}

/* Título contenido */
.tutor-course-content-title {
	font-size: 24px;
}

/* Título de cada módulo o fase */
.tutor-accordion-item-header {
	font-size: 22px;
	font-weight: 600;
}

/* Lecciones */
.tutor-course-content-list-item-title a {
	font-size: 18px;
	padding-bottom: 20px;
}


/* Más aire dentro del desplegable de las lecciones*/
.tutor-accordion-item-body-content {
	padding: 20px 28px;
}


/* Un poco más de margen entre icono y texto */
.tutor-course-content-list-item-icon {
	margin-right: 16px;
}


/* Aumentamos el texto de "Te inscribiste a este curso..." */
.tutor-enrolled-info-text {
    font-size: 16px;
}

/* Idem para la fecha */
.tutor-enrolled-info-date {
    font-size: 16px;
}


/* ===================================================== */
/*  BLOQUEO DINÁMICO DE FASES EN TUTOR LMS (DRIP)        */
/*  Se activa cuando el JS añade la clase .ssm-locked    */
/* ===================================================== */


/* ===================================================== */
/* BLOQUEO EN LA PÁGINA PRINCIPAL DEL CURSO              */
/*    (acordeón central con todas las fases)             */
/* ===================================================== */

/* 
   Desactiva el clic en las lecciones de una fase bloqueada.
   pointer-events:none impide acceder.
   opacity reduce visualmente la importancia.
*/
.tutor-accordion 
.tutor-accordion-item.ssm-locked 
.tutor-course-content-list-item a {
	pointer-events: none;
	opacity: .55;
}

/*
   Ajusta el icono de estado (el "ojo" de Tutor).
   Cambiamos el color para indicar que no está activo.
*/
.tutor-accordion 
.tutor-accordion-item.ssm-locked 
.tutor-course-content-list-item-status {
	position: relative;
	color: #999;
}

/*
   Oculta visualmente el icono "ojo" reduciendo su tamaño a 0.
*/
.tutor-accordion 
.tutor-accordion-item.ssm-locked 
.tutor-course-content-list-item-status.tutor-icon-eye-line {
	font-size: 0;
}

/*
   Añade un candado en su lugar usando ::after.
   Esto sustituye visualmente el icono original.
*/
.tutor-accordion 
.tutor-accordion-item.ssm-locked 
.tutor-course-content-list-item-status::after {
	content: "🔒";
	font-size: 16px;
}



/* ===================================================== */
/* BLOQUEO EN SIDEBAR DE LECCIÓN                         */
/* (panel lateral cuando estás dentro de una lección)    */
/* ===================================================== */

/*
   Desactiva clic en enlaces de las fases bloqueadas
   dentro del sidebar.
*/
.tutor-course-topic.ssm-locked 
.tutor-course-topic-item a {
	pointer-events: none;
	opacity: .55;
}

/*
   Oculta el icono original de documento.
*/
.tutor-course-topic.ssm-locked 
.tutor-course-topic-item-icon {
	font-size: 0;
	position: relative;
}

/*
   Añade candado en el sidebar.
   top:1px ajusta ligeramente alineación vertical.
*/
.tutor-course-topic.ssm-locked 
.tutor-course-topic-item-icon::after {
	content: "🔒";
	font-size: 14px;
	position: relative;
	top: 1px;
}



/* ===================================================== */
/* MENSAJE DE PRÓXIMA FASE (CURSO PRINCIPAL)             */
/* ===================================================== */

/*
   Texto grande y destacado en la página principal
   del curso indicando cuándo se desbloquea la siguiente fase.
*/
.tutor-accordion .ssm-next-unlock {
    font-size: 17px;
    font-weight: 700;
    margin-top: 8px;
    color: #25ac34; /* color de marca */
}



/* ===================================================== */
/* MENSAJE DE PRÓXIMA FASE EN SIDEBAR                    */
/* ===================================================== */

/*
   Versión más discreta del mensaje en la sidebar
   para no sobrecargar visualmente.
*/
.tutor-course-topic .ssm-next-unlock {
    font-size: 14px;
    font-weight: 500;
    color: #25ac34;
    margin-top: 4px;
}


/* ****************************************************************** */
/* FORMATO VISUAL EN LAS LECCIONES DE TUTOR LMS                       */
/* ****************************************************************** */


/* Contenedor PC */
.tutor-lesson-wrapper {
	margin: 10px auto 100px auto;
	padding: 20px 40px;
	background: #ffffff;
	border-radius: 18px;
	box-shadow: 0 10px 40px rgba(0,0,0,0.05);
	font-family: Space Grotesk;
	font-size: 20px;
}


/* Contenedor Tablet */
@media (max-width: 1024px) {
	.tutor-lesson-wrapper {
		padding: 20px 30px !important;
	}
	
	.tutor-container {
		max-width: 95%;
	}
}


/* Contenedor Móvil */
@media (max-width: 768px) {
	.tutor-lesson-wrapper {
		/*margin: 10px auto 80px auto;
		padding: 20px 00px;
		border-radius: 0;*/
		
		width: 100vw;
    	margin-left: calc(-50vw + 50%);
		
  	}

}


.tutor-lesson-wrapper * {
  	line-height: 1.7 !important;
}


/* Textos */
.tutor-lesson-wrapper h1 {
	font-family: freeman;
	font-size: 42px;
	font-weight: 600;
	line-height: 1.3 !important;
}

.tutor-lesson-wrapper h2 {
	font-family: Space Grotesk;
	font-size: 28px;
	color: #25ac34;
	margin: 80px 0 20px 0;
}

.tutor-lesson-wrapper h3 {
	font-family: Space Grotesk;
	font-size: 24px;
	color: #25ac34;
	line-height: 1.3 !important;
	margin-top: 20px;
	margin-bottom: 40px;
}

.tutor-lesson-wrapper p {
	font-family: Space Grotesk;
	font-size: 20px;
	line-height: 1.7;
	margin: 0 0 28px 0;
}

/* Imagen */
.tutor-lesson-wrapper img {
	border-radius: 90px 30px 90px 30px;
	box-shadow: 0 20px 40px rgba(0,0,0,0.12);
	margin: 60px 0;
}

/* Destacado - Blockquote */
.tutor-lesson-wrapper blockquote {
	border-left: 4px solid #25ac34;
	background: #f9fbfa;
	padding: 28px;
	margin: 60px 0;
	border-radius: 16px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.08);
	font-size: 22px;
	font-style: italic;
	line-height: 1px !important;
}

.tutor-lesson-wrapper blockquote p {
  	margin: 0;
}


/* Bloques de texto con fondo diferente */
.fuga-bloque1 {
	background: #f4f6f5;
	padding: 30px 30px;
	margin: 30px 0;
	border-radius: 16px;
}

.fuga-bloque2 {
	background: #f8faf9;
	padding: 30px 30px;
	margin: 30px 0;
	border-radius: 16px;
}

.fuga-bloque3 {
	background: lightgrey;
	padding: 30px 30px;
	margin: 30px 0;
	border-radius: 16px;
}

.fuga-bloque4 {
	background: black;
	padding: 30px 30px;
	margin: 30px 0;
	border-radius: 16px;
	color: white;
}

.fuga-bloque4 p {
	color: white;
}


.tutor-progress-content {
    font-size: 16px;
}


/* Aumentamos el tamaño de la letra en la barra superior */
/* Indica lo del progreso del curso: "Tu progreso 1 de xx " */
.tutor-progress-content + .tutor-fs-7,
.tutor-progress-content ~ span {
    font-size: 16px;
}


/* Botón de completar lección al final de cada lección */
/* Lo hemos mostrado con un snippet */
.ssm-complete-lesson {
    margin-top: 60px;
	margin-bottom: 40px;
    text-align: center;
}

.ssm-complete-lesson-btn {
    font-size:18px;
    font-family:"Space Grotesk", sans-serif;
    font-weight:700;
    padding:12px 20px;
    border-radius:8px;
    border:none;
    background:#25ac34;
    color:#ffffff;
    cursor:pointer;
    transition:all .15s ease;
}

.ssm-complete-lesson-btn:hover {
     opacity:.8;
    /*transform:translateY(-1px);*/
}

.ssm-complete-lesson-btn:disabled {
    background:#e5e5e5;
    color:#666;
    cursor:default;
    transform:none;
}



/* ****************************************************************** */
/* CAMPOS DINÁMICOS DE USUARIO EN LAS LECCIONES DE TUTOR LMS          */
/* ****************************************************************** */

/* TARJETA ENTRADA DE TEXTO */
/* Tarjeta campo de entrada de texto de usuario */

/* La tarjeta */
.ssm-card {
    background: #f4fbf6;
    border: 2px solid #25ac34;
    padding: 28px;
    max-width: 650px;
    margin: 100px 0 50px 0;
    border-radius: 8px;
    position: relative;
}

/* Etiqueta superior */
.ssm-card::before {
    content: "CUADERNO PERSONAL · Solo visible para ti";
    position: absolute;
    top: -12px;
    left: 18px;
    background: #25ac34;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    letter-spacing: .5px;
}


.ssm-card h3 {
    font-weight: 700;
    color: #818181 !important;
	margin-top: 50px;
}

.ssm-card textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #d8d2c5;
    background: #fff;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 17px;
    border-radius: 4px;
    resize: vertical;
}

.ssm-card textarea::placeholder,
.ssm-card input::placeholder {
    color: #8a8a8a;
	font-style: italic;
    opacity: 1; /* importante en algunos navegadores */
}


/* Contador de caracteres en los textos */
.ssm-char-count {
	font-size:13px;
	color:#666;
	margin-top:6px;
	text-align:right;
}

.ssm-max {
	color:#d63638;
	font-weight:600;
}


.ssm-card button {
    margin-top: 12px;
    padding: 10px 18px;
    background: #25ac34;
    border: none;
    color: #fff;
    font-weight: 600;
	font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
}

.ssm-card button:hover {
    opacity: .9;
}

/* Mensaje de confirmación de guardado */
#ssm_mensaje {
    margin-top: 10px;
    font-size: 16px;
    color: black;
}


/* MINI-TEST DE USUARIO CON CAMPOS SELECCIONABLES  */
.ssm-test .ssm-option {
    display:block;
    margin:8px 0;
    cursor:pointer;
}

.ssm-test input[type="radio"] {
    margin-right:8px;
}


/* Separación de cada pregunta */
.ssm-card .ssm-question {
    margin-top: 60px;
}


/* Botón Guardar o Ver Resultado */
.ssm-card .ssm-btn {
    margin-top: 40px;
    background:#25ac34;
    color:#fff;
    border:none;
    padding:8px 32px;
    border-radius:4px;
    cursor:pointer;
}

.ssm-card.ssm-btn:hover {
    opacity:.8;
}


/* Botón Actualizar en el resultado del diagnóstico en Misión 02 */
.ssm-refresh-wrap {
	text-align:center !important;
	margin:25px 0 35px 0;
}

.ssm-card .ssm-refresh-btn {
	background:blue;
	color:#fff;
	border:none;
	padding:10px 22px;
	border-radius:6px;
	font-size:15px;
	font-weight:600;
	cursor:pointer;
	transition:opacity .2s;
}

.ssm-card .ssm-refresh-btn:hover{
	opacity:.65 !important;
}



/* Barra de progreso para el diagnóstico de los bloques de la misión 02 */
.ssm-bar-wrap{
	margin:8px 0 18px 0;
	background:#e9e9e9;
	height:10px;
	border-radius:6px;
	overflow:hidden;
}

.ssm-bar{
	height:10px;
	background:#25ac34;
	border-radius:6px;
}

/* Separa las barras entre ellas */
.ssm-bloque{
	margin-bottom: 60px;
}


/* Campos desplegables en M03 */
.ssm-card .ssm-m03-select{
    width:100%;
    padding:12px;
    margin-top:10px;
    border:1px solid #d8d2c5;
    background:#fff;
    font-family:'Space Grotesk', sans-serif;
    font-size:17px;
    border-radius:4px;
}


/* Campos de entrada de € en M05 */
.ssm-option input.ssm-num {
	width:120px;
	max-width:120px;
	padding:6px 8px;
	margin-left:8px;
	height:32px;
	font-size: 15px;
}


/* Inputs de valores en M05, M06 */
.ssm-card .ssm-option:has(input.ssm-num){
	display: grid;
	grid-template-columns: minmax(0,1fr) 110px;
	align-items: start;
	gap:12px;
	margin-bottom:8px;
	width:100%
}

.ssm-card .ssm-option input.ssm-num {
	width:110px;
	max-width:110px
	height:32px;
	padding:4px 8px;
	display:block;
	justify-self:end;
	text-align: right;
	box-sizing:border-box;
}


/* Pequeño icono de ayuda tooltip en M05 */
.ssm-help{
	cursor:pointer;
	position:relative;
}


.ssm-help .ssm-tooltip{
	display:none;
	position:absolute;
	left:0;
	top:24px;
	background:#222;
	color:#fff;
	padding:8px 10px;
	border-radius:6px;
	font-size:15px;
	line-height:1.4;
	max-width:220px;
	z-index:9999;
}

.ssm-help.active .ssm-tooltip{
	display:block;
}



/* Barras sliders en Misión 10 */
.ssm-slider-wrap{
	max-width: 450px;
}

.ssm-slider-labels{ 
	display:flex;
	justify-content:space-between;
	font-size:15px;
	color:#777;
	margin-bottom:5px; 
}
	

.ssm-slider-wrap input[type=range]{
	width:100%;
}

.ssm-slider-value{
	text-align:center;
	margin-top:5px;
	font-weight:bold;
}



#ssm_m13_form select {
	padding: 12px 35px 12px 12px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background-color: #f5f5f5;
	font-size: 15px;
	font-family:'Space Grotesk', sans-serif;
	color: #333;
	cursor: pointer;

/* quitar estilo nativo */
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;

/* flecha simple */
	background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 14px;
}

/* foco limpio */
#ssm_m13_form select:focus {
	outline: none;
	border-color: #999;
	background-color: #fff;
}


/* Texto del usuario Ejercicio dinámico en Misión 14 (los túneles de la Misión 13) */
.ssm-tunel-box{
	background:#f7f7f7;
	border:1px solid #ddd;
	padding: 25px;
	border-radius:6px;
	margin-bottom:20px;
	/*white-space:pre-wrap;*/
}