/* ============================================
   🎓 EDUCACIÓN Y RIQUEZA – ESTILO GLOBAL UNIFICADO
   ============================================ */

/* === FORMULARIOS DE LOGIN Y REGISTRO === */
.user-registration-form,
.ur-frontend-form {
  background-color: #001d3d !important;
  padding: 30px;
  border-radius: 15px;
  font-family: 'Poppins', sans-serif;
}

.user-registration-form input,
.user-registration-form label,
.user-registration-form select,
.user-registration-form textarea,
.ur-frontend-form input,
.ur-frontend-form label,
.ur-frontend-form select,
.ur-frontend-form textarea {
  color: #ffffff !important;
  background-color: #001d3d !important;
  border: 1px solid #CFAE58 !important;
}

.user-registration-form input::placeholder,
.user-registration-form textarea::placeholder,
.ur-frontend-form input::placeholder,
.ur-frontend-form textarea::placeholder {
  color: #ccc !important;
}

.user-registration-form label,
.ur-frontend-form label {
  font-weight: bold;
}

.user-registration-form button,
.user-registration-form input[type="submit"],
.ur-frontend-form button,
.ur-frontend-form input[type="submit"] {
  background-color: #CFAE58 !important;
  color: #002B5B !important;
  font-weight: bold;
  border-radius: 6px;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

.user-registration-form button:hover,
.user-registration-form input[type="submit"]:hover,
.ur-frontend-form button:hover,
.ur-frontend-form input[type="submit"]:hover {
  background-color: #ffe082 !important;
  color: #001d3d !important;
}


/* === COLORES GLOBALES === */
body,
.site-content,
.container,
.elementor-widget-container {
  background-color: #0c1f3a !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif;
}

/* Títulos destacados */
h1, h2, h3, h4, h5, h6 {
  color: #CFAE58 !important;
}

/* === MENÚ DE NAVEGACIÓN === */
.main-navigation a,
.main-navigation ul li a {
  color: #ffffff !important;
  font-weight: 600;
}

.main-navigation a:hover,
.main-navigation ul li:hover > a,
.main-navigation .current-menu-item > a {
  color: #CFAE58 !important;
}


/* === TUTOR LMS: LECCIONES Y CONTENIDO === */

/* Texto blanco en la descripción de las clases */
.tutor-course-single-content-wrapper .tutor-color-secondary,
.tutor-course-single-content-wrapper .tutor-color-secondary p,
.tutor-course-single-content-wrapper .tutor-color-secondary span {
  color: #ffffff !important;
}

/* Título “Acerca de las clases” */
body.single-lesson .tutor-container .tutor-color-black {
  color: #CFAE58 !important;
}


/* === RESPONSIVE Y AJUSTES MÓVILES === */
@media (max-width: 768px) {
  .site-title {
    font-size: 16px;
    text-align: center;
    display: block;
  }

  .custom-logo-link img {
    max-width: 100%;
    height: auto;
  }
}


/* Cambiar color del precio y texto en el carrito de Tutor LMS */
.tutor-cart-course-title,
.tutor-cart-course-price-wrapper,
.tutor-cart-course-price,
.tutor-fw-bold,
.tutor-cart-discount-price,
.tutor-cart-remove,
.tutor-cart-page .tutor-cart-course-item *,
.tutor-cart-page .tutor-cart-summary *,
.tutor-cart-summary h4,
.tutor-cart-summary div {
    color: #ffffff !important;
}

/* Opcional: botón más visible */
.tutor-cart-page .tutor-btn {
    background-color: #CFAE58 !important;
    color: #002B5B !important;
    font-weight: bold;
}



/* Cambia el color del texto "Welcome" */
.user-registration-login-title {
  color: #CFAE58 !important;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

/* Cambia el color del subtítulo debajo de "Welcome" */
.user-registration-login-description {
  color: #FFFFFF !important;
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
}

/* Estilo del título de bienvenida */
.user-registration-login-title {
  color: #CFAE58 !important; /* Dorado */
  font-size: 28px !important;
  font-weight: bold !important;
  text-align: center !important;
  margin-bottom: 10px !important;
}

/* Estilo del texto descriptivo debajo del título */
.user-registration-login-description {
  color: #FFFFFF !important; /* Blanco */
  font-size: 16px !important;
  text-align: center !important;
  margin-bottom: 20px !important;
}

/* Estilo del botón de acceso */
.ur-login-form .user-registration-button {
  background-color: #CFAE58 !important;
  color: #001d3d !important;
  font-weight: bold;
  font-size: 16px;
  border-radius: 25px;
  padding: 10px 25px;
  border: none !important;
}

/* Hover para el botón */
.ur-login-form .user-registration-button:hover {
  background-color: #e6c66b !important;
  color: #001d3d !important;
}

/* Estilo para el checkbox y enlace de contraseña */
.ur-login-form label[for*="rememberme"],
.ur-login-form .ur-form-row a {
  color: #CFAE58 !important;
  font-size: 14px;
}

/* Input fields personalizados */
.ur-login-form input[type="text"],
.ur-login-form input[type="email"],
.ur-login-form input[type="password"] {
  background-color: #f9f4dd !important;
  border: 1px solid #CFAE58 !important;
  color: #001d3d !important;
  border-radius: 25px !important;
  padding-left: 15px;
}

.user-registration-login-title,
.user-registration-login-description {
  display: none !important;
}

/* Mejora de contraste y visibilidad en el footer */
.site-footer {
  background-color: #001d3d !important;
  color: white !important;
}

/* Texto dentro del pie de página */
.site-footer p,
.site-footer a,
.site-footer span {
  color: white !important;
  font-size: 14px;
}

/* Íconos de redes sociales */
.site-footer .footer-social-icons img,
.site-footer .footer-social-icons svg {
  filter: brightness(100%) !important;
  opacity: 1 !important;
}

.footer-social-icons a {
  background-color: #CFAE58 !important;
  padding: 6px;
  border-radius: 10px;
  margin: 5px;
  display: inline-block;
}

.footer-social-icons a:hover {
  background-color: #e6c66b !important;
}

/* --- Estilo personalizado para WPForms en fondo oscuro --- */
.wpforms-form label,
.wpforms-form input,
.wpforms-form textarea,
.wpforms-form select {
  color: #ffffff !important;
}

.wpforms-form input,
.wpforms-form textarea,
.wpforms-form select {
  background-color: #001d3d !important;
  border: 1px solid #CFAE58 !important;
}

.wpforms-form input::placeholder,
.wpforms-form textarea::placeholder {
  color: #cccccc !important;
}

.wpforms-form .wpforms-submit {
  background-color: #CFAE58 !important;
  color: #001d3d !important;
  font-weight: bold;
  border-radius: 5px;
  padding: 10px 20px;
}


/* 🔧 Ajustes de color para WPForms sobre fondo oscuro */
.wpforms-form label,
.wpforms-form legend,
.wpforms-form .wpforms-field-label,
.wpforms-form .wpforms-field-sublabel,
.wpforms-form input,
.wpforms-form textarea,
.wpforms-form select {
  color: #ffffff !important;
}

.wpforms-form input[type="radio"] + label,
.wpforms-form input[type="checkbox"] + label {
  color: #ffffff !important;
}

/* Cambia fondo de campos para mejor contraste */
.wpforms-form input,
.wpforms-form textarea,
.wpforms-form select {
  background-color: #001d3d !important;
  border: 1px solid #CFAE58 !important;
}

.wpforms-form input::placeholder,
.wpforms-form textarea::placeholder {
  color: #cccccc !important;
}

/* Botón de envío personalizado */
.wpforms-submit {
  background-color: #CFAE58 !important;
  color: #001d3d !important;
  font-weight: bold;
  border-radius: 6px;
  padding: 10px 20px;
  transition: 0.3s ease-in-out;
}

.wpforms-submit:hover {
  background-color: #d7b86e !important;
  color: #001d3d !important;
}


.aler-saldo {
  background-color: #002B5B;
  color: #CFAE58;
  padding: 15px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border-radius: 8px;
  margin-top: 15px;
}

#user-registration a {
  color: #CFAE58 !important;
  font-weight: bold !important;
}

.woocommerce-Price-amount, 
.woocommerce-Price-currencySymbol,
.woocommerce-Price-amount bdi {
  color: #000000 !important;
}

/* Ajuste general del color del texto */
.tutor-dashboard-content,
.tutor-dashboard-content * {
  color: #FFFFFF !important; /* Blanco puro para máxima visibilidad */
}

/* Color dorado para títulos y enlaces principales */
.tutor-dashboard-content h3,
.tutor-dashboard-content h4,
.tutor-dashboard-content a {
  color: #CFAE58 !important; /* Dorado */
}

/* Estilo de botones */
.tutor-dashboard-content .tutor-dashboard-menu li a {
  color: #FFFFFF !important; /* Blanco para el menú lateral */
}

.tutor-dashboard-content .tutor-dashboard-menu li a:hover {
  color: #CFAE58 !important; /* Dorado en hover */
}

/* Ajuste de enlaces activos */
.tutor-dashboard-content .tutor-dashboard-menu li.active a {
  color: #CFAE58 !important;
}

/* Fondo de las tarjetas de cursos */
.tutor-dashboard-content .tutor-card {
  background-color: #001d3d !important; /* Azul oscuro consistente */
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Ajuste de tipografía general para consistencia */
.tutor-dashboard-content {
  font-family: 'Poppins', sans-serif;
  font-size: 1.1rem;
}

/* Ajuste de iconos (opcional) */
.tutor-dashboard-content i {
  color: #CFAE58 !important; /* Dorado para iconos */
}

/* Color blanco para todos los enlaces y textos del menú lateral de Tutor LMS */
.tutor-dashboard-left-menu,
.tutor-dashboard-left-menu *,
.tutor-dashboard-left-menu a {
  color: #FFFFFF !important; /* Blanco puro */
}

/* Hover y enlace activo en dorado */
.tutor-dashboard-left-menu li a:hover,
.tutor-dashboard-left-menu li.active a,
.tutor-dashboard-left-menu li.active span {
  color: #CFAE58 !important; /* Dorado */
  background-color: transparent !important;
}

/* Corrige la clase tutor-color-black */
.tutor-color-black {
    color: #000000 !important; /* negro verdadero */
}

/* Si prefieres color dorado para nombres de usuario, usa este */
.tutor-course-details-instructors a.tutor-color-black {
    color: #CFAE58 !important; /* dorado */
}

/* Asegúrate de que los títulos de cursos también sean visibles */
.tutor-course-details-title.tutor-color-black,
.tutor-course-sidebar-card-pricing .tutor-color-black {
    color: #000000 !important; /* negro, para buena visibilidad */
}

/* Ocultar el botón dorado de compra en la descripción del curso */
.tutor-course-single-sidebar .tutor-course-single-pricing-btn-wrap {
    display: none !important;
}

/* Ocultar también el mismo botón si aparece en la sección de contenido */
.tutor-course-single-pricing-btn-wrap {
    display: none !important;
}

/* Corregir el color del texto en la descripción de los productos de WooCommerce */
.woocommerce div.product .woocommerce-Tabs-panel--description,
.woocommerce div.product .product_meta,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel p,
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel h3,
.woocommerce div.product .woocommerce-tabs .panel h4,
.woocommerce div.product .woocommerce-tabs .panel h5,
.woocommerce div.product .woocommerce-tabs .panel h6,
.woocommerce div.product .woocommerce-Tabs-panel--description p {
  color: #1a1a1a !important; /* Color de texto oscuro, puedes cambiarlo a tu preferencia */
}

/* Color para textos y números sobre fondo oscuro */
.woocommerce-checkout form.checkout label,
.woocommerce-checkout form.checkout input.input-text,
.woocommerce-checkout form.checkout select,
.woocommerce-checkout form.checkout textarea,
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td,
.woocommerce-checkout .woocommerce-checkout-review-order-table strong,
.woocommerce-checkout .woocommerce-checkout-review-order-table .amount,
.woocommerce-cart .woocommerce-Price-amount,
.woocommerce-cart .woocommerce-Price-amount bdi,
.woocommerce-cart .product-subtotal,
.woocommerce-cart .product-price,
.woocommerce-cart .order-total strong,
.woocommerce-cart .order-total span,
.woocommerce-cart .cart-subtotal span,
.woocommerce-cart .product-quantity,
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td,
.woocommerce-cart .cart_totals table strong {
  color: #CFAE58 !important; /* Color dorado para fondo oscuro */
}

/* Texto negro para "Efectivo" y métodos de pago sobre fondo blanco */
.woocommerce-checkout .payment_methods li label,
.woocommerce-checkout .woocommerce-checkout-payment li label,
.woocommerce-checkout .payment_box p,
.woocommerce-checkout .payment_box label {
  color: #000000 !important; /* Texto negro en fondos blancos */
}

/* Precios de métodos de pago (PSE, Google Pay, etc.) que están sobre fondo oscuro */
.woocommerce-checkout .wc_payment_method input[type="radio"] + label,
.woocommerce-checkout .woocommerce-checkout-payment li .payment_box,
.woocommerce-checkout .woocommerce-checkout-payment li .payment_box p,
.woocommerce-checkout .woocommerce-checkout-payment li .payment_box label {
  color: #ffffff !important; /* Blanco para métodos de pago con fondo oscuro */
}

/* Campos de entrada y selects */
.woocommerce-checkout form.checkout input.input-text,
.woocommerce-checkout form.checkout select,
.woocommerce-checkout form.checkout textarea {
  background-color: #001d3d !important;
  border: 1px solid #CFAE58 !important;
  color: #ffffff !important;
}

/* Botones principales del checkout */
.woocommerce-checkout #place_order,
.woocommerce-checkout button.button.alt,
.woocommerce button.button,
.woocommerce .button,
.woocommerce input.button {
  background-color: #CFAE58 !important;
  color: #001d3d !important;
  border: none !important;
}

/* Ajustar color de los iconos de métodos de pago (como PayPal, Google Pay, etc.) */
.woocommerce-checkout .wc_payment_method input[type="radio"] + label img {
  filter: brightness(1) invert(0); /* Mantiene los iconos claros sobre fondo oscuro */
}

/* Asegurar que las cifras dentro de tablas y precios finales estén en dorado */
.woocommerce-checkout-review-order-table td.product-total,
.woocommerce-checkout-review-order-table td.product-name,
.woocommerce-checkout-review-order-table .woocommerce-Price-amount,
.woocommerce-checkout-review-order-table .woocommerce-Price-amount bdi {
  color: #CFAE58 !important;
}

/* Ajuste solo para textos de métodos de pago con fondo blanco (como Efectivo) */
.woocommerce-checkout .payment_methods li label,
.woocommerce-checkout .payment_box,
.woocommerce-checkout .woocommerce-checkout-payment li label,
.woocommerce-checkout .woocommerce-checkout-payment li .payment_box p,
.woocommerce-checkout .woocommerce-checkout-payment li .payment_box label {
  color: #000000 !important; /* Texto negro para que sea legible sobre fondo blanco */
}
/* Solo el texto de "Efectivo" en negro */
.woocommerce-checkout #payment .payment_method_cod label {
  color: #000000 !important; /* Negro para Efectivo */
}

/* Todos los demás métodos de pago en blanco */
.woocommerce-checkout #payment .wc_payment_method:not(.payment_method_cod) label {
  color: #ffffff !important; /* Blanco para otros métodos */
}

/* Cambiar el color de las opciones del selector de bancos PSE a blanco */
select,
select option,
select optgroup {
  color: #ffffff !important; /* blanco para que se lea sobre fondo oscuro */
  background-color: #001d3d !important; /* azul oscuro para el fondo */
}


/* Corrige color de texto y fondo solo dentro del contenido del post */
.single-post .entry-content {
  background-color: #002B5B !important; /* Azul oscuro institucional */
  color: #FFFFFF !important; /* Texto blanco */
  padding: 30px;
  border-radius: 10px;
}

/* Ajuste de títulos dentro del post */
.single-post .entry-content h1,
.single-post .entry-content h2 {
  color: #CFAE58 !important; /* Dorado oficial */
  font-weight: bold;
  margin-top: 30px;
}

.single-post .entry-content h3,
.single-post .entry-content h4 {
  color: #FFD700 !important;
  font-weight: 600;
  margin-top: 25px;
}

/* Párrafos */
.single-post .entry-content p {
  color: #EEEEEE !important;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 20px;
}

/* Listas */
.single-post .entry-content ul {
  padding-left: 30px;
  list-style-type: disc;
}

.single-post .entry-content ul li {
  color: #FFFFFF !important;
  margin-bottom: 10px;
}

/* Enlaces */
.single-post .entry-content a {
  color: #CFAE58;
  text-decoration: underline;
}

.single-post .entry-content a:hover {
  color: #FFFFFF;
}

.single-post .entry-header {
  background-color: #002B5B !important;
  color: #FFFFFF !important;
}