.elementor-kit-97{--e-global-color-primary:#486A8C;--e-global-color-secondary:#F5F5F7;--e-global-color-text:#1A1A1A;--e-global-color-accent:#2F465D;--e-global-color-8b4d2f2:#8A8F99;--e-global-color-dcec861:#F5F5F7;--e-global-color-df68869:#C8CCD4;--e-global-color-da45eae:#000000;--e-global-color-23c93ff:#F6F6F4;--e-global-color-7a1f3da:#595959;--e-global-color-e1647f8:#E4E6E8;--e-global-color-1d6d310:#D0D3D6;--e-global-color-7376071:#2E6F56;--e-global-color-771e883:#3B5D7E;--e-global-color-fcb4a3f:#486A8C;--e-global-color-77ef17f:#8E2F2F;--e-global-color-9c8aaa2:#2E6A88;--e-global-color-16e92ff:#25566E;--e-global-typography-primary-font-family:"bodony";--e-global-typography-primary-font-size:39px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:1px;--e-global-typography-primary-word-spacing:2px;--e-global-typography-secondary-font-family:"bodony";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-97 button,.elementor-kit-97 input[type="button"],.elementor-kit-97 input[type="submit"],.elementor-kit-97 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:600;font-style:normal;letter-spacing:0.2px;color:#FFFFFF;box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.12);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:10px 10px 10px 10px;padding:12px 20px 12px 20px;}.elementor-kit-97 e-page-transition{background-color:#FFBC7D;}.elementor-kit-97 a{color:var( --e-global-color-9c8aaa2 );}.elementor-kit-97 a:hover{color:var( --e-global-color-16e92ff );}.elementor-kit-97 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-97 h2{color:var( --e-global-color-7a1f3da );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-97 h3{color:var( --e-global-color-7a1f3da );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-97 h4{color:var( --e-global-color-df68869 );font-family:"Open Sans", Sans-serif;font-size:15px;font-weight:400;text-transform:uppercase;letter-spacing:2px;}.elementor-kit-97 h5{color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:100;text-transform:uppercase;line-height:1em;letter-spacing:2px;}.elementor-kit-97 h6{color:#ABBFC9;font-family:"Open Sans", Sans-serif;font-size:12px;font-weight:100;text-transform:uppercase;line-height:1em;letter-spacing:1px;}.elementor-kit-97 button:hover,.elementor-kit-97 button:focus,.elementor-kit-97 input[type="button"]:hover,.elementor-kit-97 input[type="button"]:focus,.elementor-kit-97 input[type="submit"]:hover,.elementor-kit-97 input[type="submit"]:focus,.elementor-kit-97 .elementor-button:hover,.elementor-kit-97 .elementor-button:focus{color:#FFFFFF;}.elementor-kit-97 label{color:#393939;line-height:1.8em;}.elementor-kit-97 input:not([type="button"]):not([type="submit"]),.elementor-kit-97 textarea,.elementor-kit-97 .elementor-field-textual{font-family:"Open Sans", Sans-serif;font-size:15px;color:#393939;background-color:#DDDDDD;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D2D2D2;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-97{--e-global-typography-primary-font-size:34px;--e-global-typography-primary-line-height:1.2em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-97 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-97 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-97 h3{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-97 h4{font-size:14px;}.elementor-kit-97 button,.elementor-kit-97 input[type="button"],.elementor-kit-97 input[type="submit"],.elementor-kit-97 .elementor-button{padding:13px 45px 13px 45px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-97{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.2em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-97 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-97 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-97 h3{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-97 h4{font-size:15px;}.elementor-kit-97 button,.elementor-kit-97 input[type="button"],.elementor-kit-97 input[type="submit"],.elementor-kit-97 .elementor-button{padding:10px 16px 10px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Títulos H1 en WooCommerce (Carrito, Finalizar compra, Mi cuenta…) */
.woocommerce-page h1,
.woocommerce h1,
.entry-title {
font-family: "bodony", Sans-Serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* Títulos H2 como "Totales del carrito", "Detalles del pedido", etc. */
.woocommerce-page h2,
.woocommerce h2 {
font-family: "bodony", Sans-Serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* === BOTÓN FINALIZAR COMPRA / REALIZAR PEDIDO – ESTILO BODONY === */

/* Checkout */
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt {
/* Fuente y texto */
font-family: "bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.3px;

/* Diseño */
background-color: #2F465DCC;
color: #F5F5F7;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;
padding: 15px 40px !important;
transition: all 0.25s ease-in-out;
}

/* Hover Checkout */
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .button.alt:hover {
background: #5B6167 !important;
border-color: #5B6167 !important;
color: #F5F5F7 !important;
transform: translateY(-2px);
}

/* === BOTÓN FINALIZAR COMPRA EN CARRITO === */
.woocommerce-cart .checkout-button,
.woocommerce-cart a.checkout-button,
.woocommerce a.button.checkout-button {
/* Fuente y texto */
font-family: "bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.3px;

/* Diseño */
background-color: #2F465DCC;
color: #F5F5F7;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;
padding: 15px 40px !important;
transition: all 0.25s ease-in-out;
}

/* Hover Carrito */
.woocommerce-cart .checkout-button:hover,
.woocommerce-cart a.checkout-button:hover,
.woocommerce a.button.checkout-button:hover {
background: #5B6167 !important;
border-color: #5B6167 !important;
color: #FFFFFF !important;
transform: translateY(-2px);
}

/* BOTÓN ACCEDER con estilo Bodony (solo el botón con esta clase) */
a.button.alt.btn-acceder-contenido {
font-family: "bodony", Sans-Serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;

background-color: #2F465DCC !important;
color: #F5F5F7 !important;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;

padding: 15px 40px !important;
transition: all 0.25s ease-in-out !important;
}

/* Hover ACCEDER */
a.button.alt.btn-acceder-contenido:hover {
background-color: #5B6167 !important;
border-color: #5B6167 !important;
color: #FFFFFF !important;
transform: translateY(-2px);
}

/* ===== ESTADO NORMAL (NO ha comprado) ===== */

/* Mostrar solo COMPRAR */
.single-product form.cart,
.single-product .single_add_to_cart_button {
display: block;
}

/* Ocultar ACCEDER */
.btn-acceder-contenido {
display: none !important;
}

/* ===== ESTADO CUANDO YA HA COMPRADO (body.mw-ya-comprado) ===== */

/* Ocultar COMPRAR y el formulario de carrito */
body.mw-ya-comprado .single-product form.cart,
body.mw-ya-comprado .single-product .single_add_to_cart_button {
display: none !important;
}

/* Mostrar ACCEDER */
body.mw-ya-comprado .btn-acceder-contenido {
display: inline-flex !important;  /* o inline-block si prefieres */
}

/* === Ajuste global de tamaños en páginas de curso Tutor LMS === */

/* En muchas plantillas, Tutor envuelve el contenido en .single-tutor-course o similar.
Esto rebaja los tamaños solo dentro de los cursos. */
.single-tutor-course,
.single-tutor-course-body,
.single-tutor-course-main {
/* Tamaños base de Tutor (ajusta a tu gusto) */
--tutor-fs-1: 32px;
--tutor-fs-2: 28px;
--tutor-fs-3: 24px;
--tutor-fs-4: 22px;
--tutor-fs-5: 18px;   /* este es el que llevan muchos H2/H3 como los de tu captura */
--tutor-fs-6: 18px;
--tutor-fs-7: 16px;
--tutor-fs-8: 14px;
}

/* Por si acaso, bajamos también específicamente los H2/H3 de la ficha */
.tutor-course-details-content h2.tutor-fs-5,
.tutor-course-details-tab h3.tutor-fs-5,
.tutor-course-details-widget-title,
.tutor-single-course-sidebar h3 {
font-size: 18px !important;
line-height: 1.3 !important;
}

/* En móvil, aún más pequeñitos */
@media (max-width: 767px) {
.tutor-course-details-content h2.tutor-fs-5,
.tutor-course-details-tab h3.tutor-fs-5,
.tutor-course-details-widget-title,
.tutor-single-course-sidebar h3 {
font-size: 16px !important;
}
}

/* === Estilo general de botones Tutor LMS === */

/* ==== Estilo general botones Tutor LMS ==== */
.tutor-btn,
.tutor-btn.tutor-btn-outline-primary,
.tutor-btn.tutor-btn-ghost {
background-color: #2f465dcc !important;
border: 1px solid #F5F5F7 !important;
color: #F5F5F7 !important;

font-family: "Bodony", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
text-transform: uppercase;

box-shadow: none !important;
transform: none !important;
transition: background-color 0.2s ease;
}

/* Hover: solo cambia el fondo */
.tutor-btn:hover,
.tutor-btn.tutor-btn-outline-primary:hover,
.tutor-btn.tutor-btn-ghost:hover {
background-color: #5b6167 !important;
color: #F5F5F7 !important;
}

/* Ocultar bloque de nivel, inscritos, duración, última actualización */
.tutor-card-footer {
display: none !important;
}
.tutor-course-details-instructors {
display: none !important;
}
/* Ocultar mensaje de fecha de inscripción en el curso */
body.single-course .tutor-enrolled-info-text,
body.single-course .tutor-icon-purchase-mark,
body.single-tutor_course .tutor-enrolled-info-text,
body.single-tutor_course .tutor-icon-purchase-mark {
display: none !important;
}
/* Ocultar bloque "Te inscribiste en este curso el..." */
.tutor-fs-7.tutor-color-muted.tutor-mt-20.tutor-d-flex {
display: none !important;
}


/* OPCIONAL: Ocultar el botón de "Completar Curso" si aparece fuera de esa caja */
.tutor-course-compelte-form,
.tutor-course-complete-button {
display: none !important;
}

/* Darle estilo de tarjeta a la caja de inscripción/compra */
.tutor-course-sidebar-card {
box-shadow: 0px 10px 30px rgba(0,0,0,0.1); /* Sombra suave */
border-radius: 12px; /* Bordes redondeados */
border: 1px solid #eee; /* Borde sutil */
padding: 25px !important;
background-color: #fff;
}

/* Hacer el precio más grande si es un curso de pago */
.tutor-course-sidebar-card .tutor-course-price {
font-size: 1.8rem !important;
font-weight: 800;
color: #222; /* O tu color corporativo */
}

/* Quitar iconos de meta-datos sobrantes en la lista de temas */
.tutor-course-topic-list .tutor-course-lesson-meta {
display: none;
}

/* Hacer que la barra lateral se quede fija al hacer scroll (solo en escritorio) */
@media (min-width: 992px) {
.tutor-course-sidebar {
position: sticky;
top: 100px; /* Ajusta esto según la altura de tu menú principal */
z-index: 99;
}
}

/* ==== Lista de deseos + Compartir solo como texto ==== */
.tutor-course-details-actions .tutor-course-wishlist-btn,
.tutor-course-details-actions .tutor-course-share-btn {
background: transparent !important;
border: none !important;
box-shadow: none !important;

padding: 0 !important;
margin: 0 16px 0 0; /* mantiene un poco de separación entre ellos */

color: #2E6A88 !important;          /* color link normal */
font-family: "Bodony", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
text-transform: uppercase;
}

/* Hover y active con color de link hover */
.tutor-course-details-actions .tutor-course-wishlist-btn:hover,
.tutor-course-details-actions .tutor-course-share-btn:hover,
.tutor-course-details-actions .tutor-course-wishlist-btn:active,
.tutor-course-details-actions .tutor-course-share-btn:active {
background: transparent !important;
color: #25566E !important;          /* color link hover/active */
}

.tutor-btn {
font-size: 16px !important;       /* más pequeño */
line-height: 1.2 !important;
padding: 10px 18px !important;    /* menos altos */
border-radius: 10px !important;  /* efecto “píldora” opcional */
text-transform: uppercase;
letter-spacing: 0.05em;
}

/* Botón principal (Comprar, Acceder, etc.) */
.tutor-btn-primary {
/* Ajusta estos colores a tu branding */
background-color: #2F465DCC !important;
border-color: #F5F5F7 !important;
color: #F5F5F7 !important;
}

/* Botón tipo enlace (ghost) – “¿Olvidaste la contraseña?” etc. */
.tutor-btn-ghost {
background-color: transparent !important;
border: 1px solid #000000 !important;
color: #000000 !important;
}

/* Botones bloque (ancho completo) */
.tutor-btn-block {
width: 100% !important;
}
/* Título principal del curso (H1) */
body.single-courses .tutor-course-details-title {
font-family: "bodony", Sans-Serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
font-size: 32px;        /* ajusta si lo quieres más grande/pequeño */
line-height: 1.2;
padding: 20px 0;        /* espacio arriba y abajo */
margin-top: 40px;
}

/* Títulos de bloques: "Acerca de este curso", "¿Qué aprenderás?", etc. */
body.single-courses h2.tutor-fs-5,
body.single-courses h3.tutor-course-details-widget-title {
font-family: "bodony", Sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* Texto del cuerpo dentro de las páginas de curso de Tutor LMS */
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-fs-6,
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-course-details-content p,
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-course-details-content li,
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-course-details-widget-list li {
font-family: "Open Sans", sans-serif !important;
font-size: 17px !important;
color: #1A1A1A;
line-height: 1.6;
}
/* Pestañas: Información del curso / Reseñas / Anuncios */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link {
font-family: "Open Sans", sans-serif !important;
font-size: 18px !important;
text-transform: uppercase;
color: #2E6A88 !important;
}

/* Hover y pestaña activa */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link:hover,
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.is-active,
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.active {
color: #25566E !important;
}

/* Línea inferior de las pestañas (estado normal: sin línea) */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link {
border-bottom: 2px solid transparent !important;
}

/* Línea y color de la pestaña activa */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.is-active,
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.active {
border-bottom-color: #25566E !important;  /* color activo */
}

/* (Opcional) línea también en hover */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link:hover {
border-bottom-color: #25566E !important;
}
/* Margen superior del bloque de pestañas */
body.tutor-frontend.single-courses .tutor-nav {
margin-top: 20px;   /* Súbelo/bájalo a tu gusto */
}

/* Ocultar estrellas de valoración en la ficha del curso y reseñas */
body.tutor-frontend.single-courses .tutor-single-course-rating,
body.tutor-frontend.single-courses .tutor-star-rating-group,
body.tutor-frontend.single-courses .tutor-ratings-stars {
display: none !important;
}

/* Ocultar "Sin categoría" en la ficha de curso */
.tutor-course-details-top .tutor-meta.tutor-course-details-info > div {
display: none !important;
}

/* Todos los botones de Tutor LMS */
.tutor-btn {
font-family: "Bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 400!important;
letter-spacing: 0.3px;
}

/* Título "Progreso del curso" */
h3.tutor-color-black.tutor-fs-5.tutor-mb-16 {
font-family: "Bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 500 !important;
letter-spacing: 0.3px;
}

/* Título "Un curso de" */
h3.tutor-fs-6.tutor-fw-medium.tutor-color-black.tutor-mb-16 {
font-family: "Bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 500 !important;
letter-spacing: 0.3px;
}

/* Título "reseñas" */
h3.tutor-fs-5.tutor-fw-bold.tutor-color-black.tutor-mb-24 {
font-family: "Bodony", Sans-Serif !important;
font-size: 18px !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* Nombre del instructor como enlace */
a.tutor-fs-6.tutor-fw-bold.tutor-color-black {
font-family: "Open Sans", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
color: #2E6A88 !important;   /* color link */
text-decoration: none;
}

/* Hover */
a.tutor-fs-6.tutor-fw-bold.tutor-color-black:hover {
color: #25566E !important;   /* color hover */
}

/* Si lo quieres en MAYÚSCULAS, añade esto al primero: */
/* text-transform: uppercase; *//* Botón "Completar curso" (outline gris) */
button[name="complete_course_btn"].tutor-btn-outline-primary {
background-color: transparent !important;
color: #5B6167 !important;
border: 1px solid #5B6167 !important;
font-family: "Bodony", sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: uppercase;

/* efecto botón con relieve */
box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
transform: translateY(0);
transition: transform 0.12s ease, box-shadow 0.12s ease;
}

/* Hover: se “hunde” en lugar de cambiar de color */
button[name="complete_course_btn"].tutor-btn-outline-primary:hover {
background-color: transparent !important;
color: #5B6167 !important;           /* mantenemos el color */
border-color: #5B6167 !important;

transform: translateY(2px);

box-shadow: 0 1px 0 #F5F5F7;
}

/* Mejorar el botón de compra */
.tutor-course-purchase-box .tutor-btn-enroll,
.tutor-btn-add-to-cart {
background-color: #222 !important; /* O un color más vivo de tu marca */
color: #fff !important;
font-weight: 700;
text-transform: uppercase;
padding: 15px 30px !important; /* Más gordito */
border-radius: 50px !important; /* Bordes redondos estilo "pastilla" */
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* Sombra para que flote */
}

/* Efecto al pasar el ratón */
.tutor-course-purchase-box .tutor-btn-enroll:hover,
.tutor-btn-add-to-cart:hover {
transform: translateY(-2px); /* Se mueve un poco hacia arriba */
box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

/* Destacar la caja del precio (la de arriba) */
.tutor-course-sidebar .tutor-course-purchase-box {
background-color: #f9f9f9; /* Un gris muy suave de fondo */
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 30px !important;
margin-bottom: 20px;
}

/* Hacer el precio GIGANTE */
.tutor-course-price .price, .tutor-course-price .woocommerce-Price-amount {
font-size: 32px !important;
font-weight: 800;
color: #000;
}
/* Estilo para la lista de materiales */
.tutor-course-widget-materials ul li {
margin-bottom: 10px; /* Separar los puntos */
font-size: 15px; /* Un pelín más grande */
color: #444;
}
/* Opcional: Poner un borde suave a esta caja también */
.tutor-course-widget-materials {
border: 1px solid #eee;
padding: 20px;
border-radius: 8px;
}

.tutor-course-title {
text-align: left !important; /* Alinear a la izquierda */
text-transform: none !important; /* Quitar mayúsculas forzadas si quieres que se lea más suave */
font-weight: 900; /* Más negrita */
color: #111;
}

/* =================================================
SOLUCIÓN SIN USAR ":HAS" (COMPATIBILIDAD TOTAL)
================================================= */

/* 1. Ocultar el contenido que no queremos (Progreso y Metadatos*/
.tutor-card-footer {
display: none !important;
}

/* 2. HACER INVISIBLE EL CONTENEDOR GENERAL (El truco del fantasma) */
/* Quitamos fondo, borde y sombra a TODAS las tarjetas de la barra lateral */
.tutor-card.tutor-sidebar-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important; /* Quitamos el relleno para que no ocupe espacio si está vacía */
margin: 0 !important;
}

/* 3. RECONSTRUIR SOLO LA CAJA DE COMPRA */
/* Le devolvemos el diseño de tarjeta SOLO a la caja que tiene el precio/botón */
.tutor-course-purchase-box {
display: block !important;
background-color: #fff !important; /* Fondo blanco */
border: 1px solid #eee !important; /* Borde suave */
border-radius: 12px !important;    /* Bordes redondos */
padding: 25px !important;          /* Relleno interno */
margin-bottom: 20px !important;    /* Separación */
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; /* Sombra */
}

/* =================================================
BOTÓN AZUL MODERNO (ELECTRIC BLUE)
================================================= */
.tutor-course-purchase-box .tutor-btn,
.tutor-course-purchase-box .tutor-btn-enroll,
.tutor-btn-add-to-cart {
background-color: #38B6FF !important; /* Azul vibrante */
color: #ffffff !important;
border: none !important;
font-weight: 700 !important;
border-radius: 50px !important;
padding: 15px 30px !important;
text-transform: uppercase;
box-shadow: 0 4px 15px rgba(56, 182, 255, 0.4); /* Sombra azulada */
width: 100%;
display: block;
text-align: center;
}

/* Hover del botón */
.tutor-course-purchase-box .tutor-btn:hover,
.tutor-btn-add-to-cart:hover {
background-color: #2da1e5 !important;
transform: translateY(-2px);
}

.woocommerce-MyAccount-navigation-link--members-area, .woocommerce-MyAccount-navigation-link--downloads {
display: none;
}

/* === ESTILOS BOTONES TIENDA CODICSTYLE V3 (GHOST) === */

/* 1. Forma Base y Tipografía (Open Sans 16px Regular) */
.woocommerce ul.products li.product .button {
border-radius: 5px !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top: 10px !important;
padding: 12px 0 !important;

font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase;
transition: all 0.3s ease !important;


}

/* === ESTILOS BOTONES TIENDA CODICSTYLE V4 (LUMINOSA) === */

/* -- Variables de Color (Para referencia) --
Nuevo Gris Azulado Claro: #c1d2dc (RGB: 193, 210, 220)
Gris Oscuro Corporativo: #5B6167
*/

/* 1. Forma Base y Tipografía */
.woocommerce ul.products li.product .button {
border-radius: 5px !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top: 10px !important;
padding: 12px 0 !important;

font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase;
transition: all 0.3s ease !important;


}

/* 2. Botones de VENTA ("Ver Detalles" / "Ver Curso") - ESTILO GHOST */
.woocommerce ul.products li.product .button:not(.button-purchased) {
background-color: transparent !important;
color: #5B6167 !important;                  /* Texto oscuro para leerse bien */
border: 1px solid #c1d2dc !important;       /* Borde en el nuevo color claro */
}

.woocommerce ul.products li.product .button:not(.button-purchased):hover {
background-color: #c1d2dc !important;       /* Fondo claro al pasar ratón */
color: #5B6167 !important;                  /* Texto oscuro */
border-color: #c1d2dc !important;
}

/* 3. Botones de "ACCEDE" (COMPRADOS) - Sólidos Claros */
.woocommerce ul.products li.product .button.button-purchased {
background-color: #c1d2dc !important;       /* Fondo en el nuevo color claro */
color: #5B6167 !important;                  /* Texto oscuro para contraste */
border: 1px solid #c1d2dc !important;
}

.woocommerce ul.products li.product .button.button-purchased:hover {
background-color: #b0c0ca !important;       /* Un pelín más oscuro al pasar ratón */
border-color: #b0c0ca !important;
transform: translateY(-2px);
}



/* 1. El contenedor de la imagen (El Padre) */
.contenedor-imagen-producto {
position: relative; /* 👈 Clave para atrapar la etiqueta */
overflow: hidden; /* Opcional: Para que nada se salga de la caja */
}

/* 2. La etiqueta "Adquirido" (El Hijo) */
.etiqueta-adquirido {
position: absolute; /* 👈 Permite que flote */
top: 10px;          /* Distancia desde el borde superior */
right: 10px;        /* Distancia desde el borde derecho */
z-index: 10;        /* Asegura que esté ENCIMA de la foto */
/* Estilos visuales básicos */
background-color: rgba(0, 0, 0, 0.7); /* Fondo semitransparente */
color: white;
padding: 5px 10px;
border-radius: 4px;
font-size: 0.8rem;
font-weight: bold;
text-transform: uppercase;


}

/* ==========================================================
   ETIQUETA "ADQUIRIDO" MAESTRA (CRISTAL / TRANSPARENTE)
   Aplica a: Tienda, Ficha Producto y Ficha Curso
   ========================================================== */

/* 1. ESTILO VISUAL ÚNICO (Efecto Cristal) */
/* Aplicamos esto a cualquier etiqueta, se llame como se llame */
.etiqueta-flotante-imagen, 
.purchased-badge,
body.mw-curso-adquirido .tutor-course-header-media::after,
body.mw-curso-adquirido .tutor-course-thumbnail::after {
    
    /* El estilo transparente que te gusta */
    background-color: rgba(193, 210, 220, 0.5) !important; 
    color: #5B6167 !important;
    
    /* Tipografía */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    
    /* Forma */
    padding: 6px 12px !important;
    border-radius: 4px !important;
    
    /* Comportamiento */
    position: absolute !important;
    z-index: 99 !important;
    pointer-events: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    backdrop-filter: blur(2px);
}

/* 2. POSICIÓN EN TIENDA (CATÁLOGO / GRID) */
/* En las cajitas pequeñas, va en la esquina pegado */
.woocommerce ul.products li.product .etiqueta-flotante-imagen,
.related.products ul.products li.product .etiqueta-flotante-imagen,
.woocommerce ul.products li.product .purchased-badge,
.related.products ul.products li.product .purchased-badge {
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
}

/* 3. POSICIÓN EN FICHA DE PRODUCTO DIGITAL */
/* Aquí flota más abajo por el margen del título */
body.single-product .etiqueta-flotante-imagen {
    top: 160px !important; 
    left: 20px !important;
}
/* Ajuste móvil para producto */
@media (max-width: 767px) {
    body.single-product .etiqueta-flotante-imagen {
        top: 100px !important; 
    }
}

/* 4. POSICIÓN EN FICHA DE CURSO (TUTOR LMS) */
/* Aquí va DENTRO de la foto grande */

/* Preparamos el contenedor de la imagen */
.tutor-course-header-media, 
.tutor-course-thumbnail {
    position: relative !important;
    display: block !important;
}

/* Posicionamos la etiqueta (o el pseudo-elemento si usas el modo invisible) */
body.single-courses .etiqueta-flotante-imagen,
body.mw-curso-adquirido .tutor-course-header-media::after,
body.mw-curso-adquirido .tutor-course-thumbnail::after {
    top: 20px !important;   /* Pegado al borde de la foto */
    right: 20px !important; /* A la derecha queda mejor en cursos */
    left: auto !important;  
    content: "ADQUIRIDO";   /* Necesario por si usamos el modo CSS puro */
}

/* =========================================
2. TIPOGRAFÍA Y TÍTULOS GENERALES
========================================= */
.woocommerce-page h1, .woocommerce h1, .entry-title,
.woocommerce-page h2, .woocommerce h2,
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt,
.tutor-course-details-title,
body.single-courses h2.tutor-fs-5,
body.single-courses h3.tutor-course-details-widget-title,
.tutor-btn {
font-family: "bodony", Sans-Serif !important; /* Asegúrate del nombre exacto de tu fuente */
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* =========================================
3. ESTILOS DE TARJETA Y POSICIONAMIENTO
(La clave para que la etiqueta funcione)
========================================= */

/* EL PADRE: Hacemos que la tarjeta del producto sea la referencia */
.woocommerce ul.products li.product {
position: relative !important;
overflow: visible !important; /* Permite que la etiqueta se vea */
}

/* EL HIJO: La etiqueta flotante "ADQUIRIDO" */
.purchased-badge {
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 20 !important; /* Encima de la foto */


/* Estilo Visual V4 (Luminoso) */
background-color: rgba(193, 210, 220, 0.6) !important; /* Semitransparente */
color: #5B6167 !important;
padding: 4px 8px !important;

font-family: 'Open Sans', sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase;
border-radius: 3px !important;
backdrop-filter: blur(2px);
pointer-events: none; /* Para que el clic traspase a la foto si quieres */


}

/* =========================================
4. BOTONES TIENDA (ESTILO V4 LUMINOSA)
========================================= */

/* Estilo Base para todos los botones */
.woocommerce ul.products li.product .button {
border-radius: 5px !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top: 10px !important;
padding: 12px 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase;
transition: all 0.3s ease !important;
}

/* Botones GHOST (No comprados - Ver Detalles) */
.woocommerce ul.products li.product .button:not(.button-purchased) {
background-color: transparent !important;
color: #5B6167 !important;
border: 1px solid #c1d2dc !important;
}

.woocommerce ul.products li.product .button:not(.button-purchased):hover {
background-color: #c1d2dc !important;
color: #5B6167 !important;
border-color: #c1d2dc !important;
}

/* Botones SÓLIDOS (Comprados - Accede) */
.woocommerce ul.products li.product .button.button-purchased {
background-color: #c1d2dc !important;
color: #5B6167 !important;
border: 1px solid #c1d2dc !important;
}

.woocommerce ul.products li.product .button.button-purchased:hover {
background-color: #b0c0ca !important;
border-color: #b0c0ca !important;
transform: translateY(-2px);
}

/* =========================================
5. TUTOR LMS (Cursos)
========================================= */
/* Ocultar elementos innecesarios */
.tutor-card-footer,
.tutor-course-details-instructors,
body.single-course .tutor-enrolled-info-text,
body.single-course .tutor-icon-purchase-mark,
.tutor-course-details-top .tutor-meta.tutor-course-details-info > div,
.tutor-single-course-rating,
.tutor-star-rating-group {
display: none !important;
}

/* Ajustes de Sidebar y Caja de Compra */
.tutor-card.tutor-sidebar-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}

.tutor-course-purchase-box {
display: block !important;
background-color: #fff !important;
border: 1px solid #eee !important;
border-radius: 12px !important;
padding: 25px !important;
margin-bottom: 20px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

/* Botón Azul Eléctrico (Curso) */
.tutor-course-purchase-box .tutor-btn,
.tutor-course-purchase-box .tutor-btn-enroll,
.tutor-btn-add-to-cart {
background-color: #38B6FF !important;
color: #ffffff !important;
border: none !important;
font-weight: 700 !important;
border-radius: 50px !important;
padding: 15px 30px !important;
text-transform: uppercase;
box-shadow: 0 4px 15px rgba(56, 182, 255, 0.4);
width: 100%;
display: block;
text-align: center;
}

.tutor-course-purchase-box .tutor-btn:hover,
.tutor-btn-add-to-cart:hover {
background-color: #2da1e5 !important;
transform: translateY(-2px);
}

/* =========================================
6. CHECKOUT Y CARRITO (WooCommerce)
========================================= */
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt,
.woocommerce-cart .checkout-button {
background-color: #2F465DCC;
color: #F5F5F7;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;
padding: 15px 40px !important;
text-transform: uppercase;
transition: all 0.25s ease-in-out;
}

.woocommerce-checkout #place_order:hover,
.woocommerce-cart .checkout-button:hover {
background: #5B6167 !important;
border-color: #5B6167 !important;
color: #F5F5F7 !important;
transform: translateY(-2px);
}

/* Ocultar enlaces de Mi Cuenta que no interesan */
.woocommerce-MyAccount-navigation-link--members-area,
.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}

/* === AJUSTES FICHA DE PRODUCTO === */
/* === ESTILO TÍTULO ARRIBA DEL TODO === */

/* Estilo específico para el H1 cuando está arriba */
.woocommerce div.product .product_title {
width: 100% !important;
text-align: center !important;    /* Centrado elegante */
margin-bottom: 40px !important;   /* Espacio entre título y foto/texto */
margin-top: 0 !important;


/* Tu tipografía corporativa */
font-family: "bodony", Sans-Serif !important;
font-size: 38px !important;       /* Tamaño grande y legible */
font-weight: 400 !important;
letter-spacing: 0.5px !important;
line-height: 1.2 !important;
color: #1A1A1A !important;        /* Negro suave */
text-transform: uppercase;        /* Opcional: Si lo quieres en mayúsculas */



}

/* Ajuste para móvil (un poco más pequeño) */
@media (max-width: 767px) {
.woocommerce div.product .product_title {
font-size: 28px !important;
margin-bottom: 20px !important;
}
}
/* =======================================================
BLOQUE FINAL: FICHA DE PRODUCTO LIMPIA Y MINIMALISTA
======================================================= */

/* --- 1. ESTRUCTURA Y MÁRGENES --- */

/* Reset del body y margen correcto para bajar el contenido */
body.single-product {
padding-top: 0 !important;
}
.single-product div.product {
margin-top: 60px !important;
}

/* --- 2. IMAGEN: ESTÁTICA Y SIN ZOOM --- */

/* Ocultar la lupa (botón de ampliación) */
.woocommerce-product-gallery__trigger {
display: none !important;
}
/* Evitar que la imagen se mueva/haga zoom al pasar el ratón */
.woocommerce-product-gallery__image {
pointer-events: none !important; /* Esto "congela" la imagen */
}
/* Marco de referencia para la etiqueta flotante */
.woocommerce-product-gallery {
position: relative !important;
}


/* --- 4. BOTÓN "ACCEDE" --- */
.single-access-btn {
background-color: #c1d2dc !important;
color: #5B6167 !important;
border: none !important;
border-radius: 5px !important;
padding: 15px 40px !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
text-transform: uppercase;
display: inline-block !important;
margin-top: 20px !important;
width: auto !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
}
.single-access-btn:hover {
background-color: #b0c0ca !important;
color: #5B6167 !important;
transform: translateY(-2px);
}

/* --- 5. LIMPIEZA DE DATOS (CATEGORÍAS Y META) --- */

/* Ocultar Categorías, Etiquetas y SKU */
.product_meta {
display: none !important;
}

/* --- 6. TRANSFORMACIÓN DE LAS PESTAÑAS (TABS) --- */

/* Ocultar los botones de las pestañas (Descripción / Valoraciones) */
.woocommerce-tabs ul.tabs {
display: none !important;
}

/* Ocultar el panel de valoraciones por si acaso */
#tab-reviews, #reviews {
display: none !important;
}

/* Estilo "Texto Limpio" para la Descripción */
.woocommerce-tabs .panel {
background-color: transparent !important; /* Sin fondo */
box-shadow: none !important;              /* Sin sombras */
border: none !important;                  /* Sin bordes */
padding: 0 !important;                    /* Sin relleno extra */
margin-top: 40px !important;              /* Separación con la parte de arriba */
}

/* Ocultar el título "Descripción" que sale repetido dentro */
.woocommerce-tabs .panel h2 {
display: none !important;
}

/* === ESTILO TÍTULO PRODUCTOS RELACIONADOS === */

.related.products h2 {
font-size: 22px !important;      /* Más pequeño y discreto */
margin-top: 60px !important;     /* Mucho aire arriba para separar */
margin-bottom: 30px !important;  /* Espacio antes de las fotos */


color: #333333 !important;       /* Gris oscuro elegante (mejor que negro puro) */
font-family: 'Open Sans', sans-serif !important; /* Coherente con el resto */
font-weight: 400 !important;     /* Ni muy fino ni muy gordo */
text-transform: uppercase;       /* Mantener mayúsculas */
letter-spacing: 1px !important;  /* Un pelín de aire entre letras */

/* Opcional: Si quieres centrarlo, descomenta la línea de abajo */
/* text-align: center !important; */


}

/* === UNIFICACIÓN ESTÉTICA: PRODUCTOS RELACIONADOS === */
/* === CORRECCIÓN BOTONES RELACIONADOS (CERRAR HUECO) === */

/* 1. Quitamos la orden de separar el contenido */
.related.products ul.products li.product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important; /* <-- CAMBIO: Todo arriba, no separado */
height: auto !important;
min-height: 0 !important;    /* Quitamos alturas mínimas forzadas */
margin-bottom: 40px !important;
}

/* 2. Acercamos el botón al contenido (Precio/Texto) */
.related.products ul.products li.product .button {
margin-top: 20px !important;  /* <-- CAMBIO: Solo 20px de espacio, no "auto" */
margin-bottom: 0 !important;
width: 100% !important;       /* Mantenemos el ancho completo */
align-self: center !important;
}

/* 3. Ajuste extra por si el precio tiene margen propio */
.related.products ul.products li.product .price {
margin-bottom: 0 !important;
}
/* 3. Ajuste fino de la etiqueta ADQUIRIDO en esta sección */
/* Nos aseguramos de que en los relacionados también flote sobre la foto */
.related.products .purchased-badge {
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 20 !important;
}

/* 4. Título del producto: evitar que sea gigante en relacionados */
.related.products ul.products li.product h2 {
font-size: 16px !important; /* Tamaño equilibrado */
margin-top: 15px !important;
margin-bottom: 10px !important;
line-height: 1.3 !important;
}

/* === ESTILO DE PRECIOS (TIENDA Y RELACIONADOS) === */

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #5B6167 !important;       /* Gris Corporativo (el mismo del texto del botón) */
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;     /* Un poco de peso para destacar */
font-size: 16px !important;      /* Tamaño legible */
opacity: 1 !important;           /* Asegura que no se vea transparente */
}

/* Si el producto está en oferta, el precio antiguo lo ponemos más suave */
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del {
color: #aebdc6 !important;       /* Aquí sí podemos usar un tono parecido al azulito claro */
opacity: 0.7 !important;
}

/* === ESTÉTICA UNIFICADA Y COMPACTA (Tienda + Relacionados) === */

/* 1. CONTENEDOR DE LA TARJETA */
.woocommerce ul.products li.product,
.related.products ul.products li.product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: auto !important;
min-height: 0 !important;
margin-bottom: 30px !important;
position: relative !important;
}

/* 2. TÍTULOS (H2) - Tu ajuste: 10px de margen */
.woocommerce ul.products li.product h2,
.related.products ul.products li.product h2 {
font-weight: 400 !important;
margin-bottom: 10px !important;  /* <-- Tu cambio */
line-height: 1.3 !important;
padding: 0 !important;
}

/* 3. PRECIOS - Tu ajuste: 0px de margen */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
font-weight: 400 !important;
margin-bottom: 0px !important;   /* <-- Tu cambio */
padding-bottom: 0 !important;
margin-top: 0 !important;
}

/* 4. BOTONES - Ajuste de simetría */
/* Ponemos 10px arriba para igualar el hueco del título */
.woocommerce ul.products li.product .button,
.related.products ul.products li.product .button {
margin-top: 10px !important;     /* <-- 10px para que haya aire con el precio */
margin-bottom: 0 !important;
width: 100% !important;
align-self: center !important;
}

/* --- 4. BOTÓN "ACCEDE" (Ficha Individual - Más Ancho) --- */

.single-access-btn {
/* Colores */
background-color: #c1d2dc !important;
color: #5B6167 !important;

/* Tipografía Fina (400) */
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;
font-size: 16px !important;
text-transform: uppercase;
text-decoration: none !important;

/* Forma y Tamaño */
border: none !important;
border-radius: 5px !important;

/* AQUÍ ESTÁ EL CAMBIO: 12px arriba/abajo y 80px a los lados */
padding: 12px 80px !important;

display: inline-block !important;
width: auto !important;
text-align: center !important;

/* Posición */
margin-top: 5px !important;
margin-bottom: 20px !important;

transition: all 0.3s ease !important;

}

/* Efecto Hover */
.single-access-btn:hover {
background-color: #b0c0ca !important;
color: #5B6167 !important;
transform: translateY(-2px);
}


/* === ESTILO FICHA PRODUCTO (NO COMPRADO / VENTA) === */

/* === ESTILO FICHA PRODUCTO (VENTA) === */

/* 1. EL PRECIO (Ahora encima del botón) */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #5B6167 !important;       /* Gris Corporativo */
    font-family: "bodony", sans-serif !important; /* Misma fuente que el botón */
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    font-size: 20px !important;      /* Un poco más grande para destacar */
    margin-bottom: 10px !important;  /* Espacio justo antes del botón */
    text-align: center !important;   /* Centrado */
    display: block !important;
    opacity: 1 !important;
}

/* 2. EL BOTÓN DE COMPRAR ("Añadir al carrito") */
.single_add_to_cart_button {
    /* COLORES */
    background-color: #2F465Dcc !important; /* Tu color Azul Petróleo con transparencia */
    color: #ffffff !important;              /* Texto Blanco */
    border: none !important;

    /* TIPOGRAFÍA */
    font-family: "bodony", Sans-Serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    font-size: 16px !important;      /* Tamaño legible */
    text-transform: uppercase;

    /* FORMA Y MEDIDAS */
    border-radius: 5px !important;
    padding: 15px 40px !important;   /* Tu medida exacta */
    
    /* POSICIONAMIENTO */
    display: inline-block !important;
    width: auto !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover (Al pasar el ratón) */
.single_add_to_cart_button:hover {
    background-color: #5b6167 !important; /* Tu color Gris Hover */
    transform: translateY(-2px);          /* Pequeña elevación elegante */
}

/* 3. CENTRAR EL BLOQUE DE COMPRA */
form.cart {
    display: flex !important;
    justify-content: center !important; 
    flex-wrap: wrap !important;
    margin-bottom: 20px !important;
}
/* === OCULTAR SELECTOR DE CANTIDAD (FICHA PRODUCTO) === */
.woocommerce div.product form.cart .quantity {
    display: none !important;
}


/* === FORZAR ESTILOS GLOBALES H1, H2, H3 (Para Aviso Legal y resto de la web) === */

/* =======================================================
   ESTILOS GLOBALES H1, H2, H3 (Escritorio, Tablet y Móvil)
   ======================================================= */

/* 1. ESTILO BASE Y ESCRITORIO (Pantallas grandes) */
h1, h2, h3,
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title,
.entry-title {
    font-family: "bodony", Sans-Serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.2 !important; /* Para que no se monten las líneas */
    color: #1A1A1A; /* Opcional: Color gris oscuro (quita esta línea si prefieres el negro puro) */
}

/* Tamaños Escritorio */
h1, h1.elementor-heading-title, .entry-title {
    font-size: 42px !important;
}

h2, h2.elementor-heading-title {
    font-size: 32px !important;
}

h3, h3.elementor-heading-title {
    font-size: 24px !important;
}


/* 2. TABLET / IPAD (Pantallas medianas: hasta 1024px) */
@media (max-width: 1024px) {
    h1, h1.elementor-heading-title, .entry-title {
        font-size: 34px !important;
    }

    h2, h2.elementor-heading-title {
        font-size: 28px !important;
    }

    h3, h3.elementor-heading-title {
        font-size: 22px !important;
    }
}


/* 3. MÓVIL (Pantallas pequeñas: hasta 767px) */
@media (max-width: 767px) {
    h1, h1.elementor-heading-title, .entry-title {
        font-size: 28px !important; /* Más pequeño para que quepa bien */
    }

    h2, h2.elementor-heading-title {
        font-size: 24px !important;
    }

    h3, h3.elementor-heading-title {
        font-size: 20px !important;
    }
}

/* =======================================================
   CORRECCIÓN: TÍTULOS DE PRODUCTOS EN LA CUADRÍCULA (GRID)
   Evita que se vean gigantes como en el Aviso Legal
   ======================================================= */

/* Selector específico para títulos dentro de listas de productos/cursos */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    
    font-family: "bodony", Sans-Serif !important; /* Mantenemos tu fuente */
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 1.3 !important; /* Líneas más juntas para títulos largos */
    margin-bottom: 10px !important;
}

/* --- TAMAÑOS ESPECÍFICOS SOLO PARA LAS TARJETAS DE PRODUCTO --- */

/* Escritorio: Tamaño ideal para tarjetas (18px o 20px suele ir bien) */
@media (min-width: 1025px) {
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 18px !important; 
    }
}

/* Tablet (iPad) */
@media (max-width: 1024px) {
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 17px !important;
    }
}

/* Móvil */
@media (max-width: 767px) {
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 16px !important;
    }
}

/* Esto anima el contenedor del menú para que entre desde la derecha */
.elementor-kit-97 .dialog-widget-content {
    animation: slideInRight 0.4s ease-out forwards;
}

/* Definimos el movimiento */
@keyframes slideInRight {
    0% {
        transform: translateX(100%); /* Empieza fuera a la derecha */
        opacity: 0;
    }
    100% {
        transform: translateX(0); /* Termina en su sitio */
        opacity: 1;
    }
}

/* === ESTILO CAJA DE CONTENIDO PREMIUM (AZUL CLARO & VIDEO) === */

/* === ESTILO CAJA DE CONTENIDO PREMIUM (FIX DE POSICIÓN) === */

.caja-contenido-premium {
    /* PROPIEDAD CLAVE PARA QUE BAJE */
    clear: both !important;            /* Obliga a ponerse debajo de la foto y el texto */
    display: block !important;
    width: 100% !important;            /* Ocupa todo el ancho disponible */
    
    /* Estilo Visual */
    background-color: #f0f7fb !important; 
    border: 1px solid #c1d2dc !important; 
    border-radius: 8px !important;
    padding: 40px !important;
    
    /* Márgenes para separar */
    margin-top: 60px !important;       /* Mucho aire arriba */
    margin-bottom: 50px !important;
    text-align: center !important;
    
    /* Centrado en pantalla (limitamos el ancho para que no sea gigante) */
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    
    box-shadow: 0 4px 20px rgba(193, 210, 220, 0.3);
}

/* El resto de estilos de Título y Video se mantienen igual, 
   pero asegúrate de tenerlos en tu CSS también */

/* El Título "TU CONTENIDO EXCLUSIVO" */
.titulo-premium {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    color: #000000 !important;   /* Negro */
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    display: inline-block !important;
}

/* === AQUÍ ESTÁ EL CÓDIGO DEL VÍDEO (RESPONSIVE) === */
.contenido-embed iframe,
.contenido-embed video,
.premium-content-box iframe { /* Añadido por seguridad */
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important; /* Mantiene formato cine */
    height: auto !important;
    
    border-radius: 8px !important;
    margin: 0 auto !important;
    display: block !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* === AJUSTE MÓVIL PARA CAJA PREMIUM Y VÍDEO === */

@media (max-width: 767px) {
    /* 1. Reducimos el relleno de la caja azul drásticamente */
    .caja-contenido-premium {
        padding: 20px 10px !important; /* Solo 10px a los lados */
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        width: 100% !important;
    }

    /* 2. Ajustamos el título para que no ocupe tanto */
    .titulo-premium {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }

    /* 3. Aseguramos que el vídeo ocupe el 100% del ancho disponible */
    .contenido-embed iframe,
    .contenido-embed video,
    .premium-content-box iframe {
        width: 100% !important;
        max-width: 100% !important;
        /* Mantenemos la proporción, pero aprovechando todo el ancho */
        aspect-ratio: 16 / 9 !important; 
    }
}

/* ==========================================================
   MARGEN CABECERA RESPONSIVO (TIENDA / ARCHIVO)
   Ajusta la distancia del título con el menú según el dispositivo
   ========================================================== 
   */

/* 1. ESCRITORIO (Pantallas grandes) */
body.post-type-archive-product #content,
body.post-type-archive-product #primary,
body.post-type-archive-product .site-content {
    padding-top: 60px !important;    /* Ajusta aquí tu gusto para PC (ej: 60px o 80px) */
    padding-bottom: 80px !important;
    display: block !important;
}

/* 2. IPAD / TABLET (Vertical) */
@media (min-width: 768px) and (max-width: 1024px) {
    body.post-type-archive-product #content,
    body.post-type-archive-product #primary,
    body.post-type-archive-product .site-content {
        padding-top: 40px !important; /* Un poco menos de aire */
    }
}

/* 3. MÓVIL (Pantallas pequeñas) */
@media (max-width: 767px) {
    body.post-type-archive-product #content,
    body.post-type-archive-product #primary,
    body.post-type-archive-product .site-content {
        padding-top: 20px !important; /* Mínimo espacio para aprovechar pantalla */
        padding-bottom: 40px !important;
    }
}

/* --- GRUPO 2: PÁGINAS (MI CUENTA, CARRITO, CHECKOUT) --- */
/* Aquí atacamos directamente a la clase '.page' que envuelve todo */
body.woocommerce-account .page,
body.woocommerce-cart .page,
body.woocommerce-checkout .page {
    padding-top: 0px !important;    /* Bajamos todo el bloque */
    padding-bottom: 100px !important; /* Espacio abajo */
    display: block !important;
}

/* REFUERZO: Si el título sigue rebelde, lo empujamos individualmente */
body.woocommerce-account h1,
body.woocommerce-cart h1,
body.woocommerce-checkout h1 {
    margin-top: 40px !important;     /* Aire extra encima del título */
    margin-bottom: 40px !important;
    line-height: 1.2 !important;
}




/* === OCULTAR LISTA DE DESEOS (WISHLIST) === */

/* En la ficha del curso (al lado del título o botón) */
.tutor-course-wishlist-btn,
.tutor-course-details-actions .tutor-icon-fav-line,
.tutor-course-wishlist-btn-icon {
    display: none !important;
}

/* Si quedara algún contenedor vacío por culpa de quitar el botón */
.tutor-course-details-actions {
    display: none !important;
}


/* === CORRECCIÓN ESPACIO INFERIOR CURSOS (Footer) === */

/* Añadimos aire al final de la página del curso para que no choque con el pie de página */
body.single-courses .tutor-wrap,
body.single-courses .site-content, 
body.single-courses #content {
    padding-bottom: 100px !important; /* Espacio generoso al final */
    margin-bottom: 50px !important;
    display: block !important;
}

/* ==========================================================
   MARGEN SUPERIOR FICHA DE CURSO (TUTOR LMS)
   Igualamos el espaciado con las fichas de producto
   ========================================================== */

/* 1. ESCRITORIO */
body.single-courses #content,
body.single-courses #primary,
body.single-courses .site-content,
body.single-courses .tutor-wrap {
    padding-top: 0px !important; /* Mismo aire que en productos */
}

/* 2. TABLET / IPAD */
@media (min-width: 768px) and (max-width: 1024px) {
    body.single-courses #content,
    body.single-courses #primary,
    body.single-courses .site-content,
    body.single-courses .tutor-wrap {
        padding-top: 0px !important;
    }
}

/* 3. MÓVIL */
@media (max-width: 767px) {
    body.single-courses #content,
    body.single-courses #primary,
    body.single-courses .site-content,
    body.single-courses .tutor-wrap {
        padding-top: 0px !important;
    }
}

/* === AJUSTE ESPACIO TÍTULO - IMAGEN (FICHA CURSO) === */

/* 1. Reducir el espacio debajo del Título */
body.single-courses .tutor-course-details-title {
    margin-bottom: 0px !important; /* Antes tenía más aire */
    padding-bottom: 0 !important;   /* Quitamos relleno inferior */
}

/* 2. Quitar el espacio encima de la Imagen/Vídeo */
body.single-courses .tutor-course-thumbnail,
body.single-courses .tutor-course-details-media {
    margin-top: 0 !important;       /* Pegamos la imagen hacia arriba */
}

/* 3. Si hubiera un contenedor de cabecera intermedio */
body.single-courses .tutor-course-header {
    margin-bottom: 10px !important; /* Espacio justo entre cabecera y cuerpo */
}
/* === CORRECCIÓN TEXTO LECCIONES (INVISIBLE) === */

/* Forzamos el color oscuro en los títulos de las lecciones dentro del temario */
.tutor-course-topic-list .tutor-course-lesson h5,
.tutor-course-topic-list .tutor-course-lesson-title,
.tutor-course-content-list-item-title {
    color: #5B6167 !important; /* Tu gris corporativo */
    font-family: 'Open Sans', sans-serif !important; /* Aseguramos la fuente ya que estamos */
    font-weight: 600 !important;
}

/* Si hay enlaces dentro, también los pintamos */
.tutor-course-topic-list a {
    color: #5B6167 !important;
}

/* Opcional: Color al pasar el ratón (Hover) */
.tutor-course-topic-list .tutor-course-lesson:hover h5,
.tutor-course-topic-list .tutor-course-lesson:hover .tutor-course-lesson-title {
    color: #000000 !important; /* Negro al pasar el ratón */
}


/* ==========================================================
   ESTILO BOTONES SECUNDARIOS WOOCOMMERCE (Login, Carrito, Cupón...)
   Diseño: Open Sans 16px, Radio 5px, Borde Fino, Colores Suaves
   ========================================================== */

/* 1. SELECCIÓN DE TODOS LOS BOTONES SECUNDARIOS */
.woocommerce-form-login__submit,            /* Acceso */
.woocommerce-form-register__submit,         /* Registro */
.woocommerce-cart .button[name="update_cart"], /* Actualizar carrito */
.woocommerce-cart .button[name="apply_coupon"],/* Aplicar cupón */
a.button.wc-forward,                        /* Ver carrito / Seguir comprando */
.woocommerce-MyAccount-content .button {    /* Guardar cambios/dirección */
    
    /* Tipografía */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* Forma y Bordes */
    border-radius: 5px !important;
    border: 1px solid #c1d2dc !important;   /* Borde en tu azulito claro */
    background-color: transparent !important; /* Fondo transparente (Ghost) */
    color: #5B6167 !important;              /* Texto en gris corporativo */
    
    /* Espaciado */
    padding: 10px 20px !important;
    line-height: 1.5 !important;
    height: auto !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* 2. EFECTO HOVER (AL PASAR EL RATÓN) */
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover,
.woocommerce-cart .button[name="update_cart"]:hover,
.woocommerce-cart .button[name="apply_coupon"]:hover,
a.button.wc-forward:hover,
.woocommerce-MyAccount-content .button:hover {
    background-color: #c1d2dc !important;   /* Relleno suave al pasar */
    color: #5B6167 !important;              /* Mantenemos texto oscuro */
    border-color: #c1d2dc !important;
    transform: translateY(-1px);            /* Movimiento sutil */
}

/* 3. ESTADO DESHABILITADO (Ej: Actualizar carrito sin cambios) */
.woocommerce button[disabled],
.woocommerce button[disabled]:hover {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background-color: transparent !important;
    transform: none !important;
}

/* 4. AJUSTES ESPECÍFICOS DE ANCHO */
/* Login y Registro: Que ocupen el ancho disponible si están en columna */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
    width: 100%; 
    margin-top: 10px;
}

/* En el carrito, el botón de cupón queda mejor estrecho */
.woocommerce-cart .button[name="apply_coupon"] {
    width: auto;
}

/* ==========================================================
   TRANSFORMACIÓN TEMARIO DEL CURSO (TUTOR LMS)
   1. Convertir Tooltip en Descripción visible
   2. Aplicar colores azules y fuentes finas
   ========================================================== */

/* --- 1. TÍTULOS DE LOS TEMAS (Acordeón) --- */
.tutor-accordion-item-header,
.tutor-accordion-item-header .tutor-accordion-item-title {
    color: #2E6A88 !important;       /* Tu Azul Link */
    font-family: 'Open Sans', sans-serif !important; /* O "bodony" si prefieres el estilo título */
    font-weight: 600 !important;      /* Un poco de peso para diferenciarlo de la lección */
    font-size: 16px !important;
    transition: color 0.3s ease;
}

/* Hover (Al pasar el ratón por el tema) */
.tutor-accordion-item-header:hover,
.tutor-accordion-item-header:hover .tutor-accordion-item-title {
    color: #25566E !important;       /* Tu Azul Oscuro */
}

/* --- 2. TRANSFORMACIÓN DEL TOOLTIP A TEXTO NORMAL --- */

/* El contenedor del icono (La "i") */
.tooltip-wrap.tooltip-icon {
    display: block !important;        /* Forzamos que ocupe una línea propia */
    width: 100% !important;
    height: auto !important;
    background: transparent !important; /* Quitamos el círculo gris de fondo si lo tiene */
    margin-top: 5px !important;       /* Separación del título */
    cursor: default !important;
}

/* El texto de dentro (Lo que antes estaba oculto) */
.tooltip-txt {
    visibility: visible !important;   /* Siempre visible */
    opacity: 1 !important;
    
    /* Reseteamos la posición absoluta para que no flote */
    position: static !important;      
    transform: none !important;
    
    /* Estilo de texto descriptivo */
    background-color: transparent !important; /* Sin fondo negro */
    color: #666666 !important;        /* Gris suave para lectura */
    border: none !important;
    padding: 0 !important;
    width: 100% !important;           /* Que ocupe todo el ancho */
    white-space: normal !important;   /* Permitir saltos de línea (CLAVE para móvil) */
    text-align: left !important;
    
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;       /* Un poco más pequeño que el título */
    line-height: 1.5 !important;
}

/* Ocultar el triangulito del tooltip viejo */
.tooltip-txt::after {
    display: none !important;
}

/* --- 3. TÍTULOS DE LAS LECCIONES (El contenido) --- */
.tutor-course-content-list-item-title {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;      /* Peso fino solicitado */
    color: #5B6167 !important;        /* Gris corporativo */
    font-size: 15px !important;
}

/* Iconos de las lecciones (Youtube, candado, etc.) */
.tutor-course-content-list-item-icon,
.tutor-icon-brand-youtube-bold {
    color: #2E6A88 !important;        /* Los ponemos en azulito también para combinar */
    opacity: 0.8;
}

/* ==========================================================
   RESTAURAR BOTÓN FINALIZAR COMPRA (ESTILO CTA FUERTE)
   Sobrescribe el estilo "Ghost" para devolverle el Azul Oscuro
   ========================================================== */

/* Afecta al botón "Finalizar Compra" del Carrito y al "Realizar Pedido" del Checkout */
.woocommerce-cart .checkout-button, 
.woocommerce-checkout #place_order {
    /* FONDO Y COLOR (Tu estilo original) */
    background-color: #2F465DCC !important; 
    color: #F5F5F7 !important;
    border: 1px solid #F5F5F7 !important;
    
    /* TIPOGRAFÍA (Bodony) */
    font-family: "bodony", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase;

    /* FORMA (Más grande y redondeado) */
    border-radius: 5px !important;  /* Radio de 10px como tenías antes */
    padding: 15px 40px !important;   /* Más gordito */
    
    /* RESETEAR ESTILOS GHOST */
    margin-top: 20px !important;
    width: auto !important;          /* Que no ocupe todo el ancho si no quieres */
    display: inline-block !important;
    transition: all 0.25s ease-in-out !important;
}

/* EFECTO HOVER (AL PASAR EL RATÓN) */
.woocommerce-cart .checkout-button:hover,
.woocommerce-checkout #place_order:hover {
    background-color: #5B6167 !important; /* Tu gris oscuro hover */
    border-color: #5B6167 !important;
    color: #F5F5F7 !important;
    transform: translateY(-2px);
}
/* ==========================================================
   ESTILO BOTÓN "VOLVER A LA TIENDA" (CARRITO VACÍO)
   Estilo Secundario (Ghost): Open Sans, Borde Fino
   ========================================================== */

.return-to-shop a.button,
a.button.wc-backward { 
    /* TIPOGRAFÍA (Open Sans) */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* FORMA Y BORDES */
    border-radius: 5px !important;
    border: 1px solid #c1d2dc !important;   /* Tu azul claro */
    background-color: transparent !important; /* Fondo transparente */
    color: #5B6167 !important;              /* Gris corporativo */
    
    /* ESPACIADO */
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    display: inline-block !important;
    margin-top: 20px !important;
}

/* EFECTO HOVER */
.return-to-shop a.button:hover,
a.button.wc-backward:hover {
    background-color: #c1d2dc !important;   /* Se rellena al pasar el ratón */
    color: #5B6167 !important;
    border-color: #c1d2dc !important;
    transform: translateY(-1px);
}

/* OPCIONAL: Centrar el mensaje de "Carrito vacío" y el botón */
.woocommerce-cart .cart-empty,
.woocommerce-cart .return-to-shop {
    text-align: center !important;
    font-family: 'Open Sans', sans-serif !important;
}

/* === REFUERZO FINAL: BOTÓN FINALIZAR COMPRA (CARRITO) === */
/* Este bloque obliga al botón del carrito a ser AZUL OSCURO y SÓLIDO */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    /* FONDO Y COLOR (Estilo CTA Fuerte) */
    background-color: #2F465DCC !important; 
    color: #F5F5F7 !important;
    border: 1px solid #F5F5F7 !important;
    
    /* TIPOGRAFÍA (Bodony) */
    font-family: "bodony", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase;

    /* FORMA (Grande y Redondeado) */
    border-radius: 5px !important;
    padding: 15px 40px !important;
    
    /* RESETEAR ESTILOS GHOST */
    margin-top: 20px !important;
    width: 100% !important; /* Ocupa el ancho de su caja */
    display: block !important;
    transition: all 0.25s ease-in-out !important;
    opacity: 1 !important;
}

/* EFECTO HOVER (AL PASAR EL RATÓN) */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #5B6167 !important; /* Tu gris oscuro hover */
    border-color: #5B6167 !important;
    color: #F5F5F7 !important;
    transform: translateY(-2px);
}/* Títulos H1 en WooCommerce (Carrito, Finalizar compra, Mi cuenta…) */
.woocommerce-page h1,
.woocommerce h1,
.entry-title {
font-family: "bodony", Sans-Serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* Títulos H2 como "Totales del carrito", "Detalles del pedido", etc. */
.woocommerce-page h2,
.woocommerce h2 {
font-family: "bodony", Sans-Serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* === BOTÓN FINALIZAR COMPRA / REALIZAR PEDIDO – ESTILO BODONY === */

/* Checkout */
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt {
/* Fuente y texto */
font-family: "bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.3px;

/* Diseño */
background-color: #2F465DCC;
color: #F5F5F7;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;
padding: 15px 40px !important;
transition: all 0.25s ease-in-out;
}

/* Hover Checkout */
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .button.alt:hover {
background: #5B6167 !important;
border-color: #5B6167 !important;
color: #F5F5F7 !important;
transform: translateY(-2px);
}

/* === BOTÓN FINALIZAR COMPRA EN CARRITO === */
.woocommerce-cart .checkout-button,
.woocommerce-cart a.checkout-button,
.woocommerce a.button.checkout-button {
/* Fuente y texto */
font-family: "bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.3px;

/* Diseño */
background-color: #2F465DCC;
color: #F5F5F7;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;
padding: 15px 40px !important;
transition: all 0.25s ease-in-out;
}

/* Hover Carrito */
.woocommerce-cart .checkout-button:hover,
.woocommerce-cart a.checkout-button:hover,
.woocommerce a.button.checkout-button:hover {
background: #5B6167 !important;
border-color: #5B6167 !important;
color: #FFFFFF !important;
transform: translateY(-2px);
}

/* BOTÓN ACCEDER con estilo Bodony (solo el botón con esta clase) */
a.button.alt.btn-acceder-contenido {
font-family: "bodony", Sans-Serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;

background-color: #2F465DCC !important;
color: #F5F5F7 !important;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;

padding: 15px 40px !important;
transition: all 0.25s ease-in-out !important;
}

/* Hover ACCEDER */
a.button.alt.btn-acceder-contenido:hover {
background-color: #5B6167 !important;
border-color: #5B6167 !important;
color: #FFFFFF !important;
transform: translateY(-2px);
}

/* ===== ESTADO NORMAL (NO ha comprado) ===== */

/* Mostrar solo COMPRAR */
.single-product form.cart,
.single-product .single_add_to_cart_button {
display: block;
}

/* Ocultar ACCEDER */
.btn-acceder-contenido {
display: none !important;
}

/* ===== ESTADO CUANDO YA HA COMPRADO (body.mw-ya-comprado) ===== */

/* Ocultar COMPRAR y el formulario de carrito */
body.mw-ya-comprado .single-product form.cart,
body.mw-ya-comprado .single-product .single_add_to_cart_button {
display: none !important;
}

/* Mostrar ACCEDER */
body.mw-ya-comprado .btn-acceder-contenido {
display: inline-flex !important;  /* o inline-block si prefieres */
}

/* === Ajuste global de tamaños en páginas de curso Tutor LMS === */

/* En muchas plantillas, Tutor envuelve el contenido en .single-tutor-course o similar.
Esto rebaja los tamaños solo dentro de los cursos. */
.single-tutor-course,
.single-tutor-course-body,
.single-tutor-course-main {
/* Tamaños base de Tutor (ajusta a tu gusto) */
--tutor-fs-1: 32px;
--tutor-fs-2: 28px;
--tutor-fs-3: 24px;
--tutor-fs-4: 22px;
--tutor-fs-5: 18px;   /* este es el que llevan muchos H2/H3 como los de tu captura */
--tutor-fs-6: 18px;
--tutor-fs-7: 16px;
--tutor-fs-8: 14px;
}

/* Por si acaso, bajamos también específicamente los H2/H3 de la ficha */
.tutor-course-details-content h2.tutor-fs-5,
.tutor-course-details-tab h3.tutor-fs-5,
.tutor-course-details-widget-title,
.tutor-single-course-sidebar h3 {
font-size: 18px !important;
line-height: 1.3 !important;
}

/* En móvil, aún más pequeñitos */
@media (max-width: 767px) {
.tutor-course-details-content h2.tutor-fs-5,
.tutor-course-details-tab h3.tutor-fs-5,
.tutor-course-details-widget-title,
.tutor-single-course-sidebar h3 {
font-size: 16px !important;
}
}

/* === Estilo general de botones Tutor LMS === */

/* ==== Estilo general botones Tutor LMS ==== */
.tutor-btn,
.tutor-btn.tutor-btn-outline-primary,
.tutor-btn.tutor-btn-ghost {
background-color: #2f465dcc !important;
border: 1px solid #F5F5F7 !important;
color: #F5F5F7 !important;

font-family: "Bodony", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
text-transform: uppercase;

box-shadow: none !important;
transform: none !important;
transition: background-color 0.2s ease;
}

/* Hover: solo cambia el fondo */
.tutor-btn:hover,
.tutor-btn.tutor-btn-outline-primary:hover,
.tutor-btn.tutor-btn-ghost:hover {
background-color: #5b6167 !important;
color: #F5F5F7 !important;
}

/* Ocultar bloque de nivel, inscritos, duración, última actualización */
.tutor-card-footer {
display: none !important;
}
.tutor-course-details-instructors {
display: none !important;
}
/* Ocultar mensaje de fecha de inscripción en el curso */
body.single-course .tutor-enrolled-info-text,
body.single-course .tutor-icon-purchase-mark,
body.single-tutor_course .tutor-enrolled-info-text,
body.single-tutor_course .tutor-icon-purchase-mark {
display: none !important;
}
/* Ocultar bloque "Te inscribiste en este curso el..." */
.tutor-fs-7.tutor-color-muted.tutor-mt-20.tutor-d-flex {
display: none !important;
}


/* OPCIONAL: Ocultar el botón de "Completar Curso" si aparece fuera de esa caja */
.tutor-course-compelte-form,
.tutor-course-complete-button {
display: none !important;
}

/* Darle estilo de tarjeta a la caja de inscripción/compra */
.tutor-course-sidebar-card {
box-shadow: 0px 10px 30px rgba(0,0,0,0.1); /* Sombra suave */
border-radius: 12px; /* Bordes redondeados */
border: 1px solid #eee; /* Borde sutil */
padding: 25px !important;
background-color: #fff;
}

/* Hacer el precio más grande si es un curso de pago */
.tutor-course-sidebar-card .tutor-course-price {
font-size: 1.8rem !important;
font-weight: 800;
color: #222; /* O tu color corporativo */
}

/* Quitar iconos de meta-datos sobrantes en la lista de temas */
.tutor-course-topic-list .tutor-course-lesson-meta {
display: none;
}

/* Hacer que la barra lateral se quede fija al hacer scroll (solo en escritorio) */
@media (min-width: 992px) {
.tutor-course-sidebar {
position: sticky;
top: 100px; /* Ajusta esto según la altura de tu menú principal */
z-index: 99;
}
}

/* ==== Lista de deseos + Compartir solo como texto ==== */
.tutor-course-details-actions .tutor-course-wishlist-btn,
.tutor-course-details-actions .tutor-course-share-btn {
background: transparent !important;
border: none !important;
box-shadow: none !important;

padding: 0 !important;
margin: 0 16px 0 0; /* mantiene un poco de separación entre ellos */

color: #2E6A88 !important;          /* color link normal */
font-family: "Bodony", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
text-transform: uppercase;
}

/* Hover y active con color de link hover */
.tutor-course-details-actions .tutor-course-wishlist-btn:hover,
.tutor-course-details-actions .tutor-course-share-btn:hover,
.tutor-course-details-actions .tutor-course-wishlist-btn:active,
.tutor-course-details-actions .tutor-course-share-btn:active {
background: transparent !important;
color: #25566E !important;          /* color link hover/active */
}

.tutor-btn {
font-size: 16px !important;       /* más pequeño */
line-height: 1.2 !important;
padding: 10px 18px !important;    /* menos altos */
border-radius: 10px !important;  /* efecto “píldora” opcional */
text-transform: uppercase;
letter-spacing: 0.05em;
}

/* Botón principal (Comprar, Acceder, etc.) */
.tutor-btn-primary {
/* Ajusta estos colores a tu branding */
background-color: #2F465DCC !important;
border-color: #F5F5F7 !important;
color: #F5F5F7 !important;
}

/* Botón tipo enlace (ghost) – “¿Olvidaste la contraseña?” etc. */
.tutor-btn-ghost {
background-color: transparent !important;
border: 1px solid #000000 !important;
color: #000000 !important;
}

/* Botones bloque (ancho completo) */
.tutor-btn-block {
width: 100% !important;
}
/* Título principal del curso (H1) */
body.single-courses .tutor-course-details-title {
font-family: "bodony", Sans-Serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
font-size: 32px;        /* ajusta si lo quieres más grande/pequeño */
line-height: 1.2;
padding: 20px 0;        /* espacio arriba y abajo */
margin-top: 40px;
}

/* Títulos de bloques: "Acerca de este curso", "¿Qué aprenderás?", etc. */
body.single-courses h2.tutor-fs-5,
body.single-courses h3.tutor-course-details-widget-title {
font-family: "bodony", Sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* Texto del cuerpo dentro de las páginas de curso de Tutor LMS */
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-fs-6,
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-course-details-content p,
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-course-details-content li,
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-course-details-widget-list li {
font-family: "Open Sans", sans-serif !important;
font-size: 17px !important;
color: #1A1A1A;
line-height: 1.6;
}
/* Pestañas: Información del curso / Reseñas / Anuncios */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link {
font-family: "Open Sans", sans-serif !important;
font-size: 18px !important;
text-transform: uppercase;
color: #2E6A88 !important;
}

/* Hover y pestaña activa */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link:hover,
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.is-active,
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.active {
color: #25566E !important;
}

/* Línea inferior de las pestañas (estado normal: sin línea) */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link {
border-bottom: 2px solid transparent !important;
}

/* Línea y color de la pestaña activa */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.is-active,
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.active {
border-bottom-color: #25566E !important;  /* color activo */
}

/* (Opcional) línea también en hover */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link:hover {
border-bottom-color: #25566E !important;
}
/* Margen superior del bloque de pestañas */
body.tutor-frontend.single-courses .tutor-nav {
margin-top: 20px;   /* Súbelo/bájalo a tu gusto */
}

/* Ocultar estrellas de valoración en la ficha del curso y reseñas */
body.tutor-frontend.single-courses .tutor-single-course-rating,
body.tutor-frontend.single-courses .tutor-star-rating-group,
body.tutor-frontend.single-courses .tutor-ratings-stars {
display: none !important;
}

/* Ocultar "Sin categoría" en la ficha de curso */
.tutor-course-details-top .tutor-meta.tutor-course-details-info > div {
display: none !important;
}

/* Todos los botones de Tutor LMS */
.tutor-btn {
font-family: "Bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 400!important;
letter-spacing: 0.3px;
}

/* Título "Progreso del curso" */
h3.tutor-color-black.tutor-fs-5.tutor-mb-16 {
font-family: "Bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 500 !important;
letter-spacing: 0.3px;
}

/* Título "Un curso de" */
h3.tutor-fs-6.tutor-fw-medium.tutor-color-black.tutor-mb-16 {
font-family: "Bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 500 !important;
letter-spacing: 0.3px;
}

/* Título "reseñas" */
h3.tutor-fs-5.tutor-fw-bold.tutor-color-black.tutor-mb-24 {
font-family: "Bodony", Sans-Serif !important;
font-size: 18px !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* Nombre del instructor como enlace */
a.tutor-fs-6.tutor-fw-bold.tutor-color-black {
font-family: "Open Sans", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
color: #2E6A88 !important;   /* color link */
text-decoration: none;
}

/* Hover */
a.tutor-fs-6.tutor-fw-bold.tutor-color-black:hover {
color: #25566E !important;   /* color hover */
}

/* Si lo quieres en MAYÚSCULAS, añade esto al primero: */
/* text-transform: uppercase; *//* Botón "Completar curso" (outline gris) */
button[name="complete_course_btn"].tutor-btn-outline-primary {
background-color: transparent !important;
color: #5B6167 !important;
border: 1px solid #5B6167 !important;
font-family: "Bodony", sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: uppercase;

/* efecto botón con relieve */
box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
transform: translateY(0);
transition: transform 0.12s ease, box-shadow 0.12s ease;
}

/* Hover: se “hunde” en lugar de cambiar de color */
button[name="complete_course_btn"].tutor-btn-outline-primary:hover {
background-color: transparent !important;
color: #5B6167 !important;           /* mantenemos el color */
border-color: #5B6167 !important;

transform: translateY(2px);

box-shadow: 0 1px 0 #F5F5F7;
}

/* Mejorar el botón de compra */
.tutor-course-purchase-box .tutor-btn-enroll,
.tutor-btn-add-to-cart {
background-color: #222 !important; /* O un color más vivo de tu marca */
color: #fff !important;
font-weight: 700;
text-transform: uppercase;
padding: 15px 30px !important; /* Más gordito */
border-radius: 50px !important; /* Bordes redondos estilo "pastilla" */
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* Sombra para que flote */
}

/* Efecto al pasar el ratón */
.tutor-course-purchase-box .tutor-btn-enroll:hover,
.tutor-btn-add-to-cart:hover {
transform: translateY(-2px); /* Se mueve un poco hacia arriba */
box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

/* Destacar la caja del precio (la de arriba) */
.tutor-course-sidebar .tutor-course-purchase-box {
background-color: #f9f9f9; /* Un gris muy suave de fondo */
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 30px !important;
margin-bottom: 20px;
}

/* Hacer el precio GIGANTE */
.tutor-course-price .price, .tutor-course-price .woocommerce-Price-amount {
font-size: 32px !important;
font-weight: 800;
color: #000;
}
/* Estilo para la lista de materiales */
.tutor-course-widget-materials ul li {
margin-bottom: 10px; /* Separar los puntos */
font-size: 15px; /* Un pelín más grande */
color: #444;
}
/* Opcional: Poner un borde suave a esta caja también */
.tutor-course-widget-materials {
border: 1px solid #eee;
padding: 20px;
border-radius: 8px;
}

.tutor-course-title {
text-align: left !important; /* Alinear a la izquierda */
text-transform: none !important; /* Quitar mayúsculas forzadas si quieres que se lea más suave */
font-weight: 900; /* Más negrita */
color: #111;
}

/* =================================================
SOLUCIÓN SIN USAR ":HAS" (COMPATIBILIDAD TOTAL)
================================================= */

/* 1. Ocultar el contenido que no queremos (Progreso y Metadatos) */
.tutor-card-footer {
display: none !important;
}

/* 2. HACER INVISIBLE EL CONTENEDOR GENERAL (El truco del fantasma) */
/* Quitamos fondo, borde y sombra a TODAS las tarjetas de la barra lateral */
.tutor-card.tutor-sidebar-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important; /* Quitamos el relleno para que no ocupe espacio si está vacía */
margin: 0 !important;
}

/* 3. RECONSTRUIR SOLO LA CAJA DE COMPRA */
/* Le devolvemos el diseño de tarjeta SOLO a la caja que tiene el precio/botón */
.tutor-course-purchase-box {
display: block !important;
background-color: #fff !important; /* Fondo blanco */
border: 1px solid #eee !important; /* Borde suave */
border-radius: 12px !important;    /* Bordes redondos */
padding: 25px !important;          /* Relleno interno */
margin-bottom: 20px !important;    /* Separación */
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; /* Sombra */
}

/* =================================================
BOTÓN AZUL MODERNO (ELECTRIC BLUE)
================================================= */
.tutor-course-purchase-box .tutor-btn,
.tutor-course-purchase-box .tutor-btn-enroll,
.tutor-btn-add-to-cart {
background-color: #38B6FF !important; /* Azul vibrante */
color: #ffffff !important;
border: none !important;
font-weight: 700 !important;
border-radius: 50px !important;
padding: 15px 30px !important;
text-transform: uppercase;
box-shadow: 0 4px 15px rgba(56, 182, 255, 0.4); /* Sombra azulada */
width: 100%;
display: block;
text-align: center;
}

/* Hover del botón */
.tutor-course-purchase-box .tutor-btn:hover,
.tutor-btn-add-to-cart:hover {
background-color: #2da1e5 !important;
transform: translateY(-2px);
}

.woocommerce-MyAccount-navigation-link--members-area, .woocommerce-MyAccount-navigation-link--downloads {
display: none;
}

/* ==========================================================
   ETIQUETA "ADQUIRIDO" MAESTRA (CRISTAL / TRANSPARENTE)
   Aplica a: Tienda, Ficha Producto y Ficha Curso
   ========================================================== */

/* 1. ESTILO VISUAL ÚNICO (Efecto Cristal) */
/* Aplicamos esto a cualquier etiqueta, se llame como se llame */
.etiqueta-flotante-imagen, 
.purchased-badge,
body.mw-curso-adquirido .tutor-course-header-media::after,
body.mw-curso-adquirido .tutor-course-thumbnail::after {
    
    /* El estilo transparente que te gusta */
    background-color: rgba(193, 210, 220, 0.5) !important; 
    color: #5B6167 !important;
    
    /* Tipografía */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    
    /* Forma */
    padding: 6px 12px !important;
    border-radius: 4px !important;
    
    /* Comportamiento */
    position: absolute !important;
    z-index: 99 !important;
    pointer-events: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    backdrop-filter: blur(2px);
}

/* 2. POSICIÓN EN TIENDA (CATÁLOGO / GRID) */
/* En las cajitas pequeñas, va en la esquina pegado */
.woocommerce ul.products li.product .etiqueta-flotante-imagen,
.related.products ul.products li.product .etiqueta-flotante-imagen,
.woocommerce ul.products li.product .purchased-badge,
.related.products ul.products li.product .purchased-badge {
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
}

/* 3. POSICIÓN EN FICHA DE PRODUCTO DIGITAL */
/* Aquí flota más abajo por el margen del título */
body.single-product .etiqueta-flotante-imagen {
    top: 160px !important; 
    left: 20px !important;
}
/* Ajuste móvil para producto */
@media (max-width: 767px) {
    body.single-product .etiqueta-flotante-imagen {
        top: 100px !important; 
    }
}

/* 4. POSICIÓN EN FICHA DE CURSO (TUTOR LMS) */
/* Aquí va DENTRO de la foto grande */

/* Preparamos el contenedor de la imagen */
.tutor-course-header-media, 
.tutor-course-thumbnail {
    position: relative !important;
    display: block !important;
}

/* Posicionamos la etiqueta (o el pseudo-elemento si usas el modo invisible) */
body.single-courses .etiqueta-flotante-imagen,
body.mw-curso-adquirido .tutor-course-header-media::after,
body.mw-curso-adquirido .tutor-course-thumbnail::after {
    top: 20px !important;   /* Pegado al borde de la foto */
    right: 20px !important; /* A la derecha queda mejor en cursos */
    left: auto !important;  
    content: "ADQUIRIDO";   /* Necesario por si usamos el modo CSS puro */
}

/* === ESTILOS BOTONES TIENDA CODICSTYLE V4 (LUMINOSA) === */

/* -- Variables de Color (Para referencia) --
Nuevo Gris Azulado Claro: #c1d2dc (RGB: 193, 210, 220)
Gris Oscuro Corporativo: #5B6167
*/

/* 1. Forma Base y Tipografía */
.woocommerce ul.products li.product .button {
border-radius: 5px !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top: 10px !important;
padding: 12px 0 !important;

font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase;
transition: all 0.3s ease !important;


}

/* 2. Botones de VENTA ("Ver Detalles" / "Ver Curso") - ESTILO GHOST */
.woocommerce ul.products li.product .button:not(.button-purchased) {
background-color: transparent !important;
color: #5B6167 !important;                  /* Texto oscuro para leerse bien */
border: 1px solid #c1d2dc !important;       /* Borde en el nuevo color claro */
}

.woocommerce ul.products li.product .button:not(.button-purchased):hover {
background-color: #c1d2dc !important;       /* Fondo claro al pasar ratón */
color: #5B6167 !important;                  /* Texto oscuro */
border-color: #c1d2dc !important;
}

/* 3. Botones de "ACCEDE" (COMPRADOS) - Sólidos Claros */
.woocommerce ul.products li.product .button.button-purchased {
background-color: #c1d2dc !important;       /* Fondo en el nuevo color claro */
color: #5B6167 !important;                  /* Texto oscuro para contraste */
border: 1px solid #c1d2dc !important;
}

.woocommerce ul.products li.product .button.button-purchased:hover {
background-color: #b0c0ca !important;       /* Un pelín más oscuro al pasar ratón */
border-color: #b0c0ca !important;
transform: translateY(-2px);
}


/* 1. El contenedor de la imagen (El Padre) */
.contenedor-imagen-producto {
position: relative; /* 👈 Clave para atrapar la etiqueta */
overflow: hidden; /* Opcional: Para que nada se salga de la caja */
}

/* 2. La etiqueta "Adquirido" (El Hijo) */
.etiqueta-adquirido {
position: absolute; /* 👈 Permite que flote */
top: 10px;          /* Distancia desde el borde superior */
right: 10px;        /* Distancia desde el borde derecho */
z-index: 10;        /* Asegura que esté ENCIMA de la foto */
/* Estilos visuales básicos */
background-color: rgba(0, 0, 0, 0.7); /* Fondo semitransparente */
color: white;
padding: 5px 10px;
border-radius: 4px;
font-size: 0.8rem;
font-weight: bold;
text-transform: uppercase;


}



/* =========================================
2. TIPOGRAFÍA Y TÍTULOS GENERALES
========================================= */
.woocommerce-page h1, .woocommerce h1, .entry-title,
.woocommerce-page h2, .woocommerce h2,
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt,
.tutor-course-details-title,
body.single-courses h2.tutor-fs-5,
body.single-courses h3.tutor-course-details-widget-title,
.tutor-btn {
font-family: "bodony", Sans-Serif !important; /* Asegúrate del nombre exacto de tu fuente */
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* =========================================
3. ESTILOS DE TARJETA Y POSICIONAMIENTO
(La clave para que la etiqueta funcione)
========================================= */

/* EL PADRE: Hacemos que la tarjeta del producto sea la referencia */
.woocommerce ul.products li.product {
position: relative !important;
overflow: visible !important; /* Permite que la etiqueta se vea */
}

/* EL HIJO: La etiqueta flotante "ADQUIRIDO" */
.purchased-badge {
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 20 !important; /* Encima de la foto */


/* Estilo Visual V4 (Luminoso) */
background-color: rgba(193, 210, 220, 0.6) !important; /* Semitransparente */
color: #5B6167 !important;
padding: 4px 8px !important;

font-family: 'Open Sans', sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase;
border-radius: 3px !important;
backdrop-filter: blur(2px);
pointer-events: none; /* Para que el clic traspase a la foto si quieres */


}

/* =========================================
4. BOTONES TIENDA (ESTILO V4 LUMINOSA)
========================================= */

/* Estilo Base para todos los botones */
.woocommerce ul.products li.product .button {
border-radius: 5px !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top: 10px !important;
padding: 12px 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase;
transition: all 0.3s ease !important;
}

/* Botones GHOST (No comprados - Ver Detalles) */
.woocommerce ul.products li.product .button:not(.button-purchased) {
background-color: transparent !important;
color: #5B6167 !important;
border: 1px solid #c1d2dc !important;
}

.woocommerce ul.products li.product .button:not(.button-purchased):hover {
background-color: #c1d2dc !important;
color: #5B6167 !important;
border-color: #c1d2dc !important;
}

/* Botones SÓLIDOS (Comprados - Accede) */
.woocommerce ul.products li.product .button.button-purchased {
background-color: #c1d2dc !important;
color: #5B6167 !important;
border: 1px solid #c1d2dc !important;
}

.woocommerce ul.products li.product .button.button-purchased:hover {
background-color: #b0c0ca !important;
border-color: #b0c0ca !important;
transform: translateY(-2px);
}

/* =========================================
5. TUTOR LMS (Cursos)
========================================= */
/* Ocultar elementos innecesarios */
.tutor-card-footer,
.tutor-course-details-instructors,
body.single-course .tutor-enrolled-info-text,
body.single-course .tutor-icon-purchase-mark,
.tutor-course-details-top .tutor-meta.tutor-course-details-info > div,
.tutor-single-course-rating,
.tutor-star-rating-group {
display: none !important;
}

/* Ajustes de Sidebar y Caja de Compra */
.tutor-card.tutor-sidebar-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}

.tutor-course-purchase-box {
display: block !important;
background-color: #fff !important;
border: 1px solid #eee !important;
border-radius: 12px !important;
padding: 25px !important;
margin-bottom: 20px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

/* Botón Azul Eléctrico (Curso) */
.tutor-course-purchase-box .tutor-btn,
.tutor-course-purchase-box .tutor-btn-enroll,
.tutor-btn-add-to-cart {
background-color: #38B6FF !important;
color: #ffffff !important;
border: none !important;
font-weight: 700 !important;
border-radius: 50px !important;
padding: 15px 30px !important;
text-transform: uppercase;
box-shadow: 0 4px 15px rgba(56, 182, 255, 0.4);
width: 100%;
display: block;
text-align: center;
}

.tutor-course-purchase-box .tutor-btn:hover,
.tutor-btn-add-to-cart:hover {
background-color: #2da1e5 !important;
transform: translateY(-2px);
}

/* =========================================
6. CHECKOUT Y CARRITO (WooCommerce)
========================================= */
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt,
.woocommerce-cart .checkout-button {
background-color: #2F465DCC;
color: #F5F5F7;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;
padding: 15px 40px !important;
text-transform: uppercase;
transition: all 0.25s ease-in-out;
}

.woocommerce-checkout #place_order:hover,
.woocommerce-cart .checkout-button:hover {
background: #5B6167 !important;
border-color: #5B6167 !important;
color: #F5F5F7 !important;
transform: translateY(-2px);
}

/* Ocultar enlaces de Mi Cuenta que no interesan */
.woocommerce-MyAccount-navigation-link--members-area,
.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}

/* === AJUSTES FICHA DE PRODUCTO === */
/* === ESTILO TÍTULO ARRIBA DEL TODO === */

/* Estilo específico para el H1 cuando está arriba */
.woocommerce div.product .product_title {
width: 100% !important;
text-align: center !important;    /* Centrado elegante */
margin-bottom: 40px !important;   /* Espacio entre título y foto/texto */
margin-top: 0 !important;


/* Tu tipografía corporativa */
font-family: "bodony", Sans-Serif !important;
font-size: 38px !important;       /* Tamaño grande y legible */
font-weight: 400 !important;
letter-spacing: 0.5px !important;
line-height: 1.2 !important;
color: #1A1A1A !important;        /* Negro suave */
text-transform: uppercase;        /* Opcional: Si lo quieres en mayúsculas */



}

/* Ajuste para móvil (un poco más pequeño) */
@media (max-width: 767px) {
.woocommerce div.product .product_title {
font-size: 28px !important;
margin-bottom: 20px !important;
}
}
/* =======================================================
BLOQUE FINAL: FICHA DE PRODUCTO LIMPIA Y MINIMALISTA
======================================================= */

/* --- 1. ESTRUCTURA Y MÁRGENES --- */

/* Reset del body y margen correcto para bajar el contenido */
body.single-product {
padding-top: 0 !important;
}
.single-product div.product {
margin-top: 60px !important;
}

/* --- 2. IMAGEN: ESTÁTICA Y SIN ZOOM --- */

/* Ocultar la lupa (botón de ampliación) */
.woocommerce-product-gallery__trigger {
display: none !important;
}
/* Evitar que la imagen se mueva/haga zoom al pasar el ratón */
.woocommerce-product-gallery__image {
pointer-events: none !important; /* Esto "congela" la imagen */
}
/* Marco de referencia para la etiqueta flotante */
.woocommerce-product-gallery {
position: relative !important;
}

/* ==========================================================
   ETIQUETA "ADQUIRIDO" (SISTEMA HÍBRIDO)
   1. Productos: Usan elemento HTML inyectado.
   2. Cursos: Usan pseudo-elemento CSS (Infalible).
   ========================================================== */

/* --- A) ESTILO VISUAL COMÚN --- */
.etiqueta-flotante-imagen,
body.mw-curso-adquirido .tutor-course-header-media::after,
body.mw-curso-adquirido .tutor-course-thumbnail::after {
    background-color: rgba(193, 210, 220, 0.5); /* Tu azul transparente */
    color: #5B6167;
    padding: 6px 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 4px;
    pointer-events: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    backdrop-filter: blur(2px);
    z-index: 99;
    position: absolute;
}

/* --- B) POSICIÓN EN PRODUCTOS DIGITALES --- */
/* (Aquí usamos la etiqueta HTML que inyecta el snippet) */
body.single-product .etiqueta-flotante-imagen {
    top: 160px !important;  
    left: 20px !important;
}
@media (max-width: 767px) {
    body.single-product .etiqueta-flotante-imagen { top: 100px !important; }
}

/* --- C) POSICIÓN EN CURSOS (TUTOR LMS) --- */
/* (Aquí usamos el truco del ::after sobre la imagen) */

/* 1. Preparamos el contenedor de la imagen */
body.mw-curso-adquirido .tutor-course-header-media,
body.mw-curso-adquirido .tutor-course-thumbnail {
    position: relative !important;
    display: block !important;
}

/* 2. Dibujamos la etiqueta con CSS puro */
body.mw-curso-adquirido .tutor-course-header-media::after,
body.mw-curso-adquirido .tutor-course-thumbnail::after {
    content: "ADQUIRIDO"; /* El texto que sale */
    top: 20px;
    right: 20px; /* A la derecha */
}

/* 3. Ocultar la caja de compra lateral si ya lo tienes */
body.mw-curso-adquirido .tutor-course-sidebar-card,
body.mw-curso-adquirido .tutor-course-purchase-box {
    display: none !important;
}
/* === POSICIÓN ETIQUETA EN TIENDA (GRID) === */
/* Cuando la etiqueta está dentro de una lista de productos (la tienda), la ponemos en la esquina */
.woocommerce ul.products li.product .etiqueta-flotante-imagen,
.related.products ul.products li.product .etiqueta-flotante-imagen {
    top: 10px !important;
    right: 10px !important;
    left: auto !important; /* Anulamos cualquier left que venga de otro lado */
    width: auto !important;
}
/* --- 4. BOTÓN "ACCEDE" --- */
.single-access-btn {
background-color: #c1d2dc !important;
color: #5B6167 !important;
border: none !important;
border-radius: 5px !important;
padding: 15px 40px !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
text-transform: uppercase;
display: inline-block !important;
margin-top: 20px !important;
width: auto !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
}
.single-access-btn:hover {
background-color: #b0c0ca !important;
color: #5B6167 !important;
transform: translateY(-2px);
}

/* --- 5. LIMPIEZA DE DATOS (CATEGORÍAS Y META) --- */

/* Ocultar Categorías, Etiquetas y SKU */
.product_meta {
display: none !important;
}

/* --- 6. TRANSFORMACIÓN DE LAS PESTAÑAS (TABS) --- */

/* Ocultar los botones de las pestañas (Descripción / Valoraciones) */
.woocommerce-tabs ul.tabs {
display: none !important;
}

/* Ocultar el panel de valoraciones por si acaso */
#tab-reviews, #reviews {
display: none !important;
}

/* Estilo "Texto Limpio" para la Descripción */
.woocommerce-tabs .panel {
background-color: transparent !important; /* Sin fondo */
box-shadow: none !important;              /* Sin sombras */
border: none !important;                  /* Sin bordes */
padding: 0 !important;                    /* Sin relleno extra */
margin-top: 40px !important;              /* Separación con la parte de arriba */
}

/* Ocultar el título "Descripción" que sale repetido dentro */
.woocommerce-tabs .panel h2 {
display: none !important;
}

/* === ESTILO TÍTULO PRODUCTOS RELACIONADOS === */

.related.products h2 {
font-size: 22px !important;      /* Más pequeño y discreto */
margin-top: 60px !important;     /* Mucho aire arriba para separar */
margin-bottom: 30px !important;  /* Espacio antes de las fotos */


color: #333333 !important;       /* Gris oscuro elegante (mejor que negro puro) */
font-family: 'Open Sans', sans-serif !important; /* Coherente con el resto */
font-weight: 400 !important;     /* Ni muy fino ni muy gordo */
text-transform: uppercase;       /* Mantener mayúsculas */
letter-spacing: 1px !important;  /* Un pelín de aire entre letras */

/* Opcional: Si quieres centrarlo, descomenta la línea de abajo */
/* text-align: center !important; */


}

/* === UNIFICACIÓN ESTÉTICA: PRODUCTOS RELACIONADOS === */
/* === CORRECCIÓN BOTONES RELACIONADOS (CERRAR HUECO) === */

/* 1. Quitamos la orden de separar el contenido */
.related.products ul.products li.product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important; /* <-- CAMBIO: Todo arriba, no separado */
height: auto !important;
min-height: 0 !important;    /* Quitamos alturas mínimas forzadas */
margin-bottom: 40px !important;
}

/* 2. Acercamos el botón al contenido (Precio/Texto) */
.related.products ul.products li.product .button {
margin-top: 20px !important;  /* <-- CAMBIO: Solo 20px de espacio, no "auto" */
margin-bottom: 0 !important;
width: 100% !important;       /* Mantenemos el ancho completo */
align-self: center !important;
}

/* 3. Ajuste extra por si el precio tiene margen propio */
.related.products ul.products li.product .price {
margin-bottom: 0 !important;
}
/* 3. Ajuste fino de la etiqueta ADQUIRIDO en esta sección */
/* Nos aseguramos de que en los relacionados también flote sobre la foto */
.related.products .purchased-badge {
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 20 !important;
}

/* 4. Título del producto: evitar que sea gigante en relacionados */
.related.products ul.products li.product h2 {
font-size: 16px !important; /* Tamaño equilibrado */
margin-top: 15px !important;
margin-bottom: 10px !important;
line-height: 1.3 !important;
}

/* === ESTILO DE PRECIOS (TIENDA Y RELACIONADOS) === */

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #5B6167 !important;       /* Gris Corporativo (el mismo del texto del botón) */
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;     /* Un poco de peso para destacar */
font-size: 16px !important;      /* Tamaño legible */
opacity: 1 !important;           /* Asegura que no se vea transparente */
}

/* Si el producto está en oferta, el precio antiguo lo ponemos más suave */
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del {
color: #aebdc6 !important;       /* Aquí sí podemos usar un tono parecido al azulito claro */
opacity: 0.7 !important;
}

/* === ESTÉTICA UNIFICADA Y COMPACTA (Tienda + Relacionados) === */

/* 1. CONTENEDOR DE LA TARJETA */
.woocommerce ul.products li.product,
.related.products ul.products li.product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: auto !important;
min-height: 0 !important;
margin-bottom: 30px !important;
position: relative !important;
}

/* 2. TÍTULOS (H2) - Tu ajuste: 10px de margen */
.woocommerce ul.products li.product h2,
.related.products ul.products li.product h2 {
font-weight: 400 !important;
margin-bottom: 10px !important;  /* <-- Tu cambio */
line-height: 1.3 !important;
padding: 0 !important;
}

/* 3. PRECIOS - Tu ajuste: 0px de margen */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
font-weight: 400 !important;
margin-bottom: 0px !important;   /* <-- Tu cambio */
padding-bottom: 0 !important;
margin-top: 0 !important;
}

/* 4. BOTONES - Ajuste de simetría */
/* Ponemos 10px arriba para igualar el hueco del título */
.woocommerce ul.products li.product .button,
.related.products ul.products li.product .button {
margin-top: 10px !important;     /* <-- 10px para que haya aire con el precio */
margin-bottom: 0 !important;
width: 100% !important;
align-self: center !important;
}

/* --- 4. BOTÓN "ACCEDE" (Ficha Individual - Más Ancho) --- */

.single-access-btn {
/* Colores */
background-color: #c1d2dc !important;
color: #5B6167 !important;

/* Tipografía Fina (400) */
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;
font-size: 16px !important;
text-transform: uppercase;
text-decoration: none !important;

/* Forma y Tamaño */
border: none !important;
border-radius: 5px !important;

/* AQUÍ ESTÁ EL CAMBIO: 12px arriba/abajo y 80px a los lados */
padding: 12px 80px !important;

display: inline-block !important;
width: auto !important;
text-align: center !important;

/* Posición */
margin-top: 5px !important;
margin-bottom: 20px !important;

transition: all 0.3s ease !important;

}

/* Efecto Hover */
.single-access-btn:hover {
background-color: #b0c0ca !important;
color: #5B6167 !important;
transform: translateY(-2px);
}


/* === ESTILO FICHA PRODUCTO (NO COMPRADO / VENTA) === */

/* === ESTILO FICHA PRODUCTO (VENTA) === */

/* 1. EL PRECIO (Ahora encima del botón) */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #5B6167 !important;       /* Gris Corporativo */
    font-family: "bodony", sans-serif !important; /* Misma fuente que el botón */
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    font-size: 20px !important;      /* Un poco más grande para destacar */
    margin-bottom: 10px !important;  /* Espacio justo antes del botón */
    text-align: center !important;   /* Centrado */
    display: block !important;
    opacity: 1 !important;
}

/* 2. EL BOTÓN DE COMPRAR ("Añadir al carrito") */
.single_add_to_cart_button {
    /* COLORES */
    background-color: #2F465Dcc !important; /* Tu color Azul Petróleo con transparencia */
    color: #ffffff !important;              /* Texto Blanco */
    border: none !important;

    /* TIPOGRAFÍA */
    font-family: "bodony", Sans-Serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    font-size: 16px !important;      /* Tamaño legible */
    text-transform: uppercase;

    /* FORMA Y MEDIDAS */
    border-radius: 5px !important;
    padding: 15px 40px !important;   /* Tu medida exacta */
    
    /* POSICIONAMIENTO */
    display: inline-block !important;
    width: auto !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover (Al pasar el ratón) */
.single_add_to_cart_button:hover {
    background-color: #5b6167 !important; /* Tu color Gris Hover */
    transform: translateY(-2px);          /* Pequeña elevación elegante */
}

/* 3. CENTRAR EL BLOQUE DE COMPRA */
form.cart {
    display: flex !important;
    justify-content: center !important; 
    flex-wrap: wrap !important;
    margin-bottom: 20px !important;
}
/* === OCULTAR SELECTOR DE CANTIDAD (FICHA PRODUCTO) === */
.woocommerce div.product form.cart .quantity {
    display: none !important;
}


/* === FORZAR ESTILOS GLOBALES H1, H2, H3 (Para Aviso Legal y resto de la web) === */

/* =======================================================
   ESTILOS GLOBALES H1, H2, H3 (Escritorio, Tablet y Móvil)
   ======================================================= */

/* 1. ESTILO BASE Y ESCRITORIO (Pantallas grandes) */
h1, h2, h3,
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title,
.entry-title {
    font-family: "bodony", Sans-Serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.2 !important; /* Para que no se monten las líneas */
    color: #1A1A1A; /* Opcional: Color gris oscuro (quita esta línea si prefieres el negro puro) */
}

/* Tamaños Escritorio */
h1, h1.elementor-heading-title, .entry-title {
    font-size: 42px !important;
}

h2, h2.elementor-heading-title {
    font-size: 32px !important;
}

h3, h3.elementor-heading-title {
    font-size: 24px !important;
}


/* 2. TABLET / IPAD (Pantallas medianas: hasta 1024px) */
@media (max-width: 1024px) {
    h1, h1.elementor-heading-title, .entry-title {
        font-size: 34px !important;
    }

    h2, h2.elementor-heading-title {
        font-size: 28px !important;
    }

    h3, h3.elementor-heading-title {
        font-size: 22px !important;
    }
}


/* 3. MÓVIL (Pantallas pequeñas: hasta 767px) */
@media (max-width: 767px) {
    h1, h1.elementor-heading-title, .entry-title {
        font-size: 28px !important; /* Más pequeño para que quepa bien */
    }

    h2, h2.elementor-heading-title {
        font-size: 24px !important;
    }

    h3, h3.elementor-heading-title {
        font-size: 20px !important;
    }
}

/* =======================================================
   CORRECCIÓN: TÍTULOS DE PRODUCTOS EN LA CUADRÍCULA (GRID)
   Evita que se vean gigantes como en el Aviso Legal
   ======================================================= */

/* Selector específico para títulos dentro de listas de productos/cursos */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    
    font-family: "bodony", Sans-Serif !important; /* Mantenemos tu fuente */
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 1.3 !important; /* Líneas más juntas para títulos largos */
    margin-bottom: 10px !important;
}

/* --- TAMAÑOS ESPECÍFICOS SOLO PARA LAS TARJETAS DE PRODUCTO --- */

/* Escritorio: Tamaño ideal para tarjetas (18px o 20px suele ir bien) */
@media (min-width: 1025px) {
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 18px !important; 
    }
}

/* Tablet (iPad) */
@media (max-width: 1024px) {
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 17px !important;
    }
}

/* Móvil */
@media (max-width: 767px) {
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 16px !important;
    }
}

/* Esto anima el contenedor del menú para que entre desde la derecha */
.elementor-kit-97 .dialog-widget-content {
    animation: slideInRight 0.4s ease-out forwards;
}

/* Definimos el movimiento */
@keyframes slideInRight {
    0% {
        transform: translateX(100%); /* Empieza fuera a la derecha */
        opacity: 0;
    }
    100% {
        transform: translateX(0); /* Termina en su sitio */
        opacity: 1;
    }
}

/* === ESTILO CAJA DE CONTENIDO PREMIUM (AZUL CLARO & VIDEO) === */

/* === ESTILO CAJA DE CONTENIDO PREMIUM (FIX DE POSICIÓN) === */

.caja-contenido-premium {
    /* PROPIEDAD CLAVE PARA QUE BAJE */
    clear: both !important;            /* Obliga a ponerse debajo de la foto y el texto */
    display: block !important;
    width: 100% !important;            /* Ocupa todo el ancho disponible */
    
    /* Estilo Visual */
    background-color: #f0f7fb !important; 
    border: 1px solid #c1d2dc !important; 
    border-radius: 8px !important;
    padding: 40px !important;
    
    /* Márgenes para separar */
    margin-top: 60px !important;       /* Mucho aire arriba */
    margin-bottom: 50px !important;
    text-align: center !important;
    
    /* Centrado en pantalla (limitamos el ancho para que no sea gigante) */
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    
    box-shadow: 0 4px 20px rgba(193, 210, 220, 0.3);
}

/* El resto de estilos de Título y Video se mantienen igual, 
   pero asegúrate de tenerlos en tu CSS también */

/* El Título "TU CONTENIDO EXCLUSIVO" */
.titulo-premium {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    color: #000000 !important;   /* Negro */
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    display: inline-block !important;
}

/* === AQUÍ ESTÁ EL CÓDIGO DEL VÍDEO (RESPONSIVE) === */
.contenido-embed iframe,
.contenido-embed video,
.premium-content-box iframe { /* Añadido por seguridad */
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important; /* Mantiene formato cine */
    height: auto !important;
    
    border-radius: 8px !important;
    margin: 0 auto !important;
    display: block !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* === AJUSTE MÓVIL PARA CAJA PREMIUM Y VÍDEO === */

@media (max-width: 767px) {
    /* 1. Reducimos el relleno de la caja azul drásticamente */
    .caja-contenido-premium {
        padding: 20px 10px !important; /* Solo 10px a los lados */
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        width: 100% !important;
    }

    /* 2. Ajustamos el título para que no ocupe tanto */
    .titulo-premium {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }

    /* 3. Aseguramos que el vídeo ocupe el 100% del ancho disponible */
    .contenido-embed iframe,
    .contenido-embed video,
    .premium-content-box iframe {
        width: 100% !important;
        max-width: 100% !important;
        /* Mantenemos la proporción, pero aprovechando todo el ancho */
        aspect-ratio: 16 / 9 !important; 
    }
}

/* ==========================================================
   MARGEN CABECERA RESPONSIVO (TIENDA / ARCHIVO)
   Ajusta la distancia del título con el menú según el dispositivo
   ========================================================== 
   */

/* 1. ESCRITORIO (Pantallas grandes) */
body.post-type-archive-product #content,
body.post-type-archive-product #primary,
body.post-type-archive-product .site-content {
    padding-top: 60px !important;    /* Ajusta aquí tu gusto para PC (ej: 60px o 80px) */
    padding-bottom: 80px !important;
    display: block !important;
}

/* 2. IPAD / TABLET (Vertical) */
@media (min-width: 768px) and (max-width: 1024px) {
    body.post-type-archive-product #content,
    body.post-type-archive-product #primary,
    body.post-type-archive-product .site-content {
        padding-top: 40px !important; /* Un poco menos de aire */
    }
}

/* 3. MÓVIL (Pantallas pequeñas) */
@media (max-width: 767px) {
    body.post-type-archive-product #content,
    body.post-type-archive-product #primary,
    body.post-type-archive-product .site-content {
        padding-top: 20px !important; /* Mínimo espacio para aprovechar pantalla */
        padding-bottom: 40px !important;
    }
}

/* --- GRUPO 2: PÁGINAS (MI CUENTA, CARRITO, CHECKOUT) --- */
/* Aquí atacamos directamente a la clase '.page' que envuelve todo */
body.woocommerce-account .page,
body.woocommerce-cart .page,
body.woocommerce-checkout .page {
    padding-top: 0px !important;    /* Bajamos todo el bloque */
    padding-bottom: 100px !important; /* Espacio abajo */
    display: block !important;
}

/* REFUERZO: Si el título sigue rebelde, lo empujamos individualmente */
body.woocommerce-account h1,
body.woocommerce-cart h1,
body.woocommerce-checkout h1 {
    margin-top: 40px !important;     /* Aire extra encima del título */
    margin-bottom: 40px !important;
    line-height: 1.2 !important;
}




/* === OCULTAR LISTA DE DESEOS (WISHLIST) === */

/* En la ficha del curso (al lado del título o botón) */
.tutor-course-wishlist-btn,
.tutor-course-details-actions .tutor-icon-fav-line,
.tutor-course-wishlist-btn-icon {
    display: none !important;
}

/* Si quedara algún contenedor vacío por culpa de quitar el botón */
.tutor-course-details-actions {
    display: none !important;
}


/* === CORRECCIÓN ESPACIO INFERIOR CURSOS (Footer) === */

/* Añadimos aire al final de la página del curso para que no choque con el pie de página */
body.single-courses .tutor-wrap,
body.single-courses .site-content, 
body.single-courses #content {
    padding-bottom: 100px !important; /* Espacio generoso al final */
    margin-bottom: 50px !important;
    display: block !important;
}

/* ==========================================================
   MARGEN SUPERIOR FICHA DE CURSO (TUTOR LMS)
   Igualamos el espaciado con las fichas de producto
   ========================================================== */

/* 1. ESCRITORIO */
body.single-courses #content,
body.single-courses #primary,
body.single-courses .site-content,
body.single-courses .tutor-wrap {
    padding-top: 0px !important; /* Mismo aire que en productos */
}

/* 2. TABLET / IPAD */
@media (min-width: 768px) and (max-width: 1024px) {
    body.single-courses #content,
    body.single-courses #primary,
    body.single-courses .site-content,
    body.single-courses .tutor-wrap {
        padding-top: 0px !important;
    }
}

/* 3. MÓVIL */
@media (max-width: 767px) {
    body.single-courses #content,
    body.single-courses #primary,
    body.single-courses .site-content,
    body.single-courses .tutor-wrap {
        padding-top: 0px !important;
    }
}

/* === AJUSTE ESPACIO TÍTULO - IMAGEN (FICHA CURSO) === */

/* 1. Reducir el espacio debajo del Título */
body.single-courses .tutor-course-details-title {
    margin-bottom: 0px !important; /* Antes tenía más aire */
    padding-bottom: 0 !important;   /* Quitamos relleno inferior */
}

/* 2. Quitar el espacio encima de la Imagen/Vídeo */
body.single-courses .tutor-course-thumbnail,
body.single-courses .tutor-course-details-media {
    margin-top: 0 !important;       /* Pegamos la imagen hacia arriba */
}

/* 3. Si hubiera un contenedor de cabecera intermedio */
body.single-courses .tutor-course-header {
    margin-bottom: 10px !important; /* Espacio justo entre cabecera y cuerpo */
}
/* === CORRECCIÓN TEXTO LECCIONES (INVISIBLE) === */

/* Forzamos el color oscuro en los títulos de las lecciones dentro del temario */
.tutor-course-topic-list .tutor-course-lesson h5,
.tutor-course-topic-list .tutor-course-lesson-title,
.tutor-course-content-list-item-title {
    color: #5B6167 !important; /* Tu gris corporativo */
    font-family: 'Open Sans', sans-serif !important; /* Aseguramos la fuente ya que estamos */
    font-weight: 600 !important;
}

/* Si hay enlaces dentro, también los pintamos */
.tutor-course-topic-list a {
    color: #5B6167 !important;
}

/* Opcional: Color al pasar el ratón (Hover) */
.tutor-course-topic-list .tutor-course-lesson:hover h5,
.tutor-course-topic-list .tutor-course-lesson:hover .tutor-course-lesson-title {
    color: #000000 !important; /* Negro al pasar el ratón */
}


/* ==========================================================
   ESTILO BOTONES SECUNDARIOS WOOCOMMERCE (Login, Carrito, Cupón...)
   Diseño: Open Sans 16px, Radio 5px, Borde Fino, Colores Suaves
   ========================================================== */

/* 1. SELECCIÓN DE TODOS LOS BOTONES SECUNDARIOS */
.woocommerce-form-login__submit,            /* Acceso */
.woocommerce-form-register__submit,         /* Registro */
.woocommerce-cart .button[name="update_cart"], /* Actualizar carrito */
.woocommerce-cart .button[name="apply_coupon"],/* Aplicar cupón */
a.button.wc-forward,                        /* Ver carrito / Seguir comprando */
.woocommerce-MyAccount-content .button {    /* Guardar cambios/dirección */
    
    /* Tipografía */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* Forma y Bordes */
    border-radius: 5px !important;
    border: 1px solid #c1d2dc !important;   /* Borde en tu azulito claro */
    background-color: transparent !important; /* Fondo transparente (Ghost) */
    color: #5B6167 !important;              /* Texto en gris corporativo */
    
    /* Espaciado */
    padding: 10px 20px !important;
    line-height: 1.5 !important;
    height: auto !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* 2. EFECTO HOVER (AL PASAR EL RATÓN) */
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover,
.woocommerce-cart .button[name="update_cart"]:hover,
.woocommerce-cart .button[name="apply_coupon"]:hover,
a.button.wc-forward:hover,
.woocommerce-MyAccount-content .button:hover {
    background-color: #c1d2dc !important;   /* Relleno suave al pasar */
    color: #5B6167 !important;              /* Mantenemos texto oscuro */
    border-color: #c1d2dc !important;
    transform: translateY(-1px);            /* Movimiento sutil */
}

/* 3. ESTADO DESHABILITADO (Ej: Actualizar carrito sin cambios) */
.woocommerce button[disabled],
.woocommerce button[disabled]:hover {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background-color: transparent !important;
    transform: none !important;
}

/* 4. AJUSTES ESPECÍFICOS DE ANCHO */
/* Login y Registro: Que ocupen el ancho disponible si están en columna */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
    width: 100%; 
    margin-top: 10px;
}

/* En el carrito, el botón de cupón queda mejor estrecho */
.woocommerce-cart .button[name="apply_coupon"] {
    width: auto;
}

/* ==========================================================
   TRANSFORMACIÓN TEMARIO DEL CURSO (TUTOR LMS)
   1. Convertir Tooltip en Descripción visible
   2. Aplicar colores azules y fuentes finas
   ========================================================== */

/* --- 1. TÍTULOS DE LOS TEMAS (Acordeón) --- */
.tutor-accordion-item-header,
.tutor-accordion-item-header .tutor-accordion-item-title {
    color: #2E6A88 !important;       /* Tu Azul Link */
    font-family: 'Open Sans', sans-serif !important; /* O "bodony" si prefieres el estilo título */
    font-weight: 600 !important;      /* Un poco de peso para diferenciarlo de la lección */
    font-size: 16px !important;
    transition: color 0.3s ease;
}

/* Hover (Al pasar el ratón por el tema) */
.tutor-accordion-item-header:hover,
.tutor-accordion-item-header:hover .tutor-accordion-item-title {
    color: #25566E !important;       /* Tu Azul Oscuro */
}

/* --- 2. TRANSFORMACIÓN DEL TOOLTIP A TEXTO NORMAL --- */

/* El contenedor del icono (La "i") */
.tooltip-wrap.tooltip-icon {
    display: block !important;        /* Forzamos que ocupe una línea propia */
    width: 100% !important;
    height: auto !important;
    background: transparent !important; /* Quitamos el círculo gris de fondo si lo tiene */
    margin-top: 5px !important;       /* Separación del título */
    cursor: default !important;
}

/* El texto de dentro (Lo que antes estaba oculto) */
.tooltip-txt {
    visibility: visible !important;   /* Siempre visible */
    opacity: 1 !important;
    
    /* Reseteamos la posición absoluta para que no flote */
    position: static !important;      
    transform: none !important;
    
    /* Estilo de texto descriptivo */
    background-color: transparent !important; /* Sin fondo negro */
    color: #666666 !important;        /* Gris suave para lectura */
    border: none !important;
    padding: 0 !important;
    width: 100% !important;           /* Que ocupe todo el ancho */
    white-space: normal !important;   /* Permitir saltos de línea (CLAVE para móvil) */
    text-align: left !important;
    
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;       /* Un poco más pequeño que el título */
    line-height: 1.5 !important;
}

/* Ocultar el triangulito del tooltip viejo */
.tooltip-txt::after {
    display: none !important;
}

/* --- 3. TÍTULOS DE LAS LECCIONES (El contenido) --- */
.tutor-course-content-list-item-title {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;      /* Peso fino solicitado */
    color: #5B6167 !important;        /* Gris corporativo */
    font-size: 15px !important;
}

/* Iconos de las lecciones (Youtube, candado, etc.) */
.tutor-course-content-list-item-icon,
.tutor-icon-brand-youtube-bold {
    color: #2E6A88 !important;        /* Los ponemos en azulito también para combinar */
    opacity: 0.8;
}

/* ==========================================================
   RESTAURAR BOTÓN FINALIZAR COMPRA (ESTILO CTA FUERTE)
   Sobrescribe el estilo "Ghost" para devolverle el Azul Oscuro
   ========================================================== */

/* Afecta al botón "Finalizar Compra" del Carrito y al "Realizar Pedido" del Checkout */
.woocommerce-cart .checkout-button, 
.woocommerce-checkout #place_order {
    /* FONDO Y COLOR (Tu estilo original) */
    background-color: #2F465DCC !important; 
    color: #F5F5F7 !important;
    border: 1px solid #F5F5F7 !important;
    
    /* TIPOGRAFÍA (Bodony) */
    font-family: "bodony", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase;

    /* FORMA (Más grande y redondeado) */
    border-radius: 5px !important;  /* Radio de 10px como tenías antes */
    padding: 15px 40px !important;   /* Más gordito */
    
    /* RESETEAR ESTILOS GHOST */
    margin-top: 20px !important;
    width: auto !important;          /* Que no ocupe todo el ancho si no quieres */
    display: inline-block !important;
    transition: all 0.25s ease-in-out !important;
}

/* EFECTO HOVER (AL PASAR EL RATÓN) */
.woocommerce-cart .checkout-button:hover,
.woocommerce-checkout #place_order:hover {
    background-color: #5B6167 !important; /* Tu gris oscuro hover */
    border-color: #5B6167 !important;
    color: #F5F5F7 !important;
    transform: translateY(-2px);
}
/* ==========================================================
   ESTILO BOTÓN "VOLVER A LA TIENDA" (CARRITO VACÍO)
   Estilo Secundario (Ghost): Open Sans, Borde Fino
   ========================================================== */

.return-to-shop a.button,
a.button.wc-backward { 
    /* TIPOGRAFÍA (Open Sans) */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* FORMA Y BORDES */
    border-radius: 5px !important;
    border: 1px solid #c1d2dc !important;   /* Tu azul claro */
    background-color: transparent !important; /* Fondo transparente */
    color: #5B6167 !important;              /* Gris corporativo */
    
    /* ESPACIADO */
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    display: inline-block !important;
    margin-top: 20px !important;
}

/* EFECTO HOVER */
.return-to-shop a.button:hover,
a.button.wc-backward:hover {
    background-color: #c1d2dc !important;   /* Se rellena al pasar el ratón */
    color: #5B6167 !important;
    border-color: #c1d2dc !important;
    transform: translateY(-1px);
}

/* OPCIONAL: Centrar el mensaje de "Carrito vacío" y el botón */
.woocommerce-cart .cart-empty,
.woocommerce-cart .return-to-shop {
    text-align: center !important;
    font-family: 'Open Sans', sans-serif !important;
}

/* === REFUERZO FINAL: BOTÓN FINALIZAR COMPRA (CARRITO) === */
/* Este bloque obliga al botón del carrito a ser AZUL OSCURO y SÓLIDO */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    /* FONDO Y COLOR (Estilo CTA Fuerte) */
    background-color: #2F465DCC !important; 
    color: #F5F5F7 !important;
    border: 1px solid #F5F5F7 !important;
    
    /* TIPOGRAFÍA (Bodony) */
    font-family: "bodony", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase;

    /* FORMA (Grande y Redondeado) */
    border-radius: 5px !important;
    padding: 15px 40px !important;purchased
    
    /* RESETEAR ESTILOS GHOST */
    margin-top: 20px !important;
    width: 100% !important; /* Ocupa el ancho de su caja */
    display: block !important;
    transition: all 0.25s ease-in-out !important;
    opacity: 1 !important;
}

/* EFECTO HOVER (AL PASAR EL RATÓN) */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #5B6167 !important; /* Tu gris oscuro hover */
    border-color: #5B6167 !important;
    color: #F5F5F7 !important;
    transform: translateY(-2px);
}
/* Títulos H1 en WooCommerce (Carrito, Finalizar compra, Mi cuenta…) */
.woocommerce-page h1,
.woocommerce h1,
.entry-title {
font-family: "bodony", Sans-Serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* Títulos H2 como "Totales del carrito", "Detalles del pedido", etc. */
.woocommerce-page h2,
.woocommerce h2 {
font-family: "bodony", Sans-Serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* === BOTÓN FINALIZAR COMPRA / REALIZAR PEDIDO – ESTILO BODONY === */

/* Checkout */
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt {
/* Fuente y texto */
font-family: "bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.3px;

/* Diseño */
background-color: #2F465DCC;
color: #F5F5F7;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;
padding: 15px 40px !important;
transition: all 0.25s ease-in-out;
}

/* Hover Checkout */
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .button.alt:hover {
background: #5B6167 !important;
border-color: #5B6167 !important;
color: #F5F5F7 !important;
transform: translateY(-2px);
}

/* === BOTÓN FINALIZAR COMPRA EN CARRITO === */
.woocommerce-cart .checkout-button,
.woocommerce-cart a.checkout-button,
.woocommerce a.button.checkout-button {
/* Fuente y texto */
font-family: "bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.3px;

/* Diseño */
background-color: #2F465DCC;
color: #F5F5F7;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;
padding: 15px 40px !important;
transition: all 0.25s ease-in-out;
}

/* Hover Carrito */
.woocommerce-cart .checkout-button:hover,
.woocommerce-cart a.checkout-button:hover,
.woocommerce a.button.checkout-button:hover {
background: #5B6167 !important;
border-color: #5B6167 !important;
color: #FFFFFF !important;
transform: translateY(-2px);
}

/* BOTÓN ACCEDER con estilo Bodony (solo el botón con esta clase) */
a.button.alt.btn-acceder-contenido {
font-family: "bodony", Sans-Serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;

background-color: #2F465DCC !important;
color: #F5F5F7 !important;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;

padding: 15px 40px !important;
transition: all 0.25s ease-in-out !important;
}

/* Hover ACCEDER */
a.button.alt.btn-acceder-contenido:hover {
background-color: #5B6167 !important;
border-color: #5B6167 !important;
color: #FFFFFF !important;
transform: translateY(-2px);
}

/* ===== ESTADO NORMAL (NO ha comprado) ===== */

/* Mostrar solo COMPRAR */
.single-product form.cart,
.single-product .single_add_to_cart_button {
display: block;
}

/* Ocultar ACCEDER */
.btn-acceder-contenido {
display: none !important;
}

/* ===== ESTADO CUANDO YA HA COMPRADO (body.mw-ya-comprado) ===== */

/* Ocultar COMPRAR y el formulario de carrito */
body.mw-ya-comprado .single-product form.cart,
body.mw-ya-comprado .single-product .single_add_to_cart_button {
display: none !important;
}

/* Mostrar ACCEDER */
body.mw-ya-comprado .btn-acceder-contenido {
display: inline-flex !important;  /* o inline-block si prefieres */
}

/* === Ajuste global de tamaños en páginas de curso Tutor LMS === */

/* En muchas plantillas, Tutor envuelve el contenido en .single-tutor-course o similar.
Esto rebaja los tamaños solo dentro de los cursos. */
.single-tutor-course,
.single-tutor-course-body,
.single-tutor-course-main {
/* Tamaños base de Tutor (ajusta a tu gusto) */
--tutor-fs-1: 32px;
--tutor-fs-2: 28px;
--tutor-fs-3: 24px;
--tutor-fs-4: 22px;
--tutor-fs-5: 18px;   /* este es el que llevan muchos H2/H3 como los de tu captura */
--tutor-fs-6: 18px;
--tutor-fs-7: 16px;
--tutor-fs-8: 14px;
}

/* Por si acaso, bajamos también específicamente los H2/H3 de la ficha */
.tutor-course-details-content h2.tutor-fs-5,
.tutor-course-details-tab h3.tutor-fs-5,
.tutor-course-details-widget-title,
.tutor-single-course-sidebar h3 {
font-size: 18px !important;
line-height: 1.3 !important;
}

/* En móvil, aún más pequeñitos */
@media (max-width: 767px) {
.tutor-course-details-content h2.tutor-fs-5,
.tutor-course-details-tab h3.tutor-fs-5,
.tutor-course-details-widget-title,
.tutor-single-course-sidebar h3 {
font-size: 16px !important;
}
}

/* === Estilo general de botones Tutor LMS === */

/* ==== Estilo general botones Tutor LMS ==== */
.tutor-btn,
.tutor-btn.tutor-btn-outline-primary,
.tutor-btn.tutor-btn-ghost {
background-color: #2f465dcc !important;
border: 1px solid #F5F5F7 !important;
color: #F5F5F7 !important;

font-family: "Bodony", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
text-transform: uppercase;

box-shadow: none !important;
transform: none !important;
transition: background-color 0.2s ease;
}

/* Hover: solo cambia el fondo */
.tutor-btn:hover,
.tutor-btn.tutor-btn-outline-primary:hover,
.tutor-btn.tutor-btn-ghost:hover {
background-color: #5b6167 !important;
color: #F5F5F7 !important;
}

/* Ocultar bloque de nivel, inscritos, duración, última actualización */
.tutor-card-footer {
display: none !important;
}
.tutor-course-details-instructors {
display: none !important;
}
/* Ocultar mensaje de fecha de inscripción en el curso */
body.single-course .tutor-enrolled-info-text,
body.single-course .tutor-icon-purchase-mark,
body.single-tutor_course .tutor-enrolled-info-text,
body.single-tutor_course .tutor-icon-purchase-mark {
display: none !important;
}
/* Ocultar bloque "Te inscribiste en este curso el..." */
.tutor-fs-7.tutor-color-muted.tutor-mt-20.tutor-d-flex {
display: none !important;
}


/* OPCIONAL: Ocultar el botón de "Completar Curso" si aparece fuera de esa caja */
.tutor-course-compelte-form,
.tutor-course-complete-button {
display: none !important;
}

/* Darle estilo de tarjeta a la caja de inscripción/compra */
.tutor-course-sidebar-card {
box-shadow: 0px 10px 30px rgba(0,0,0,0.1); /* Sombra suave */
border-radius: 12px; /* Bordes redondeados */
border: 1px solid #eee; /* Borde sutil */
padding: 25px !important;
background-color: #fff;
}

/* Hacer el precio más grande si es un curso de pago */
.tutor-course-sidebar-card .tutor-course-price {
font-size: 1.8rem !important;
font-weight: 800;
color: #222; /* O tu color corporativo */
}

/* Quitar iconos de meta-datos sobrantes en la lista de temas */
.tutor-course-topic-list .tutor-course-lesson-meta {
display: none;
}

/* Hacer que la barra lateral se quede fija al hacer scroll (solo en escritorio) */
@media (min-width: 992px) {
.tutor-course-sidebar {
position: sticky;
top: 100px; /* Ajusta esto según la altura de tu menú principal */
z-index: 99;
}
}

/* ==== Lista de deseos + Compartir solo como texto ==== */
.tutor-course-details-actions .tutor-course-wishlist-btn,
.tutor-course-details-actions .tutor-course-share-btn {
background: transparent !important;
border: none !important;
box-shadow: none !important;

padding: 0 !important;
margin: 0 16px 0 0; /* mantiene un poco de separación entre ellos */

color: #2E6A88 !important;          /* color link normal */
font-family: "Bodony", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
text-transform: uppercase;
}

/* Hover y active con color de link hover */
.tutor-course-details-actions .tutor-course-wishlist-btn:hover,
.tutor-course-details-actions .tutor-course-share-btn:hover,
.tutor-course-details-actions .tutor-course-wishlist-btn:active,
.tutor-course-details-actions .tutor-course-share-btn:active {
background: transparent !important;
color: #25566E !important;          /* color link hover/active */
}

.tutor-btn {
font-size: 16px !important;       /* más pequeño */
line-height: 1.2 !important;
padding: 10px 18px !important;    /* menos altos */
border-radius: 10px !important;  /* efecto “píldora” opcional */
text-transform: uppercase;
letter-spacing: 0.05em;
}

/* Botón principal (Comprar, Acceder, etc.) */
.tutor-btn-primary {
/* Ajusta estos colores a tu branding */
background-color: #2F465DCC !important;
border-color: #F5F5F7 !important;
color: #F5F5F7 !important;
}

/* Botón tipo enlace (ghost) – “¿Olvidaste la contraseña?” etc. */
.tutor-btn-ghost {
background-color: transparent !important;
border: 1px solid #000000 !important;
color: #000000 !important;
}

/* Botones bloque (ancho completo) */
.tutor-btn-block {
width: 100% !important;
}
/* Título principal del curso (H1) */
body.single-courses .tutor-course-details-title {
font-family: "bodony", Sans-Serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
font-size: 32px;        /* ajusta si lo quieres más grande/pequeño */
line-height: 1.2;
padding: 20px 0;        /* espacio arriba y abajo */
margin-top: 40px;
}

/* Títulos de bloques: "Acerca de este curso", "¿Qué aprenderás?", etc. */
body.single-courses h2.tutor-fs-5,
body.single-courses h3.tutor-course-details-widget-title {
font-family: "bodony", Sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* Texto del cuerpo dentro de las páginas de curso de Tutor LMS */
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-fs-6,
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-course-details-content p,
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-course-details-content li,
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-course-details-widget-list li {
font-family: "Open Sans", sans-serif !important;
font-size: 17px !important;
color: #1A1A1A;
line-height: 1.6;
}
/* Pestañas: Información del curso / Reseñas / Anuncios */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link {
font-family: "Open Sans", sans-serif !important;
font-size: 18px !important;
text-transform: uppercase;
color: #2E6A88 !important;
}

/* Hover y pestaña activa */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link:hover,
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.is-active,
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.active {
color: #25566E !important;
}

/* Línea inferior de las pestañas (estado normal: sin línea) */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link {
border-bottom: 2px solid transparent !important;
}

/* Línea y color de la pestaña activa */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.is-active,
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.active {
border-bottom-color: #25566E !important;  /* color activo */
}

/* (Opcional) línea también en hover */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link:hover {
border-bottom-color: #25566E !important;
}
/* Margen superior del bloque de pestañas */
body.tutor-frontend.single-courses .tutor-nav {
margin-top: 20px;   /* Súbelo/bájalo a tu gusto */
}

/* Ocultar estrellas de valoración en la ficha del curso y reseñas */
body.tutor-frontend.single-courses .tutor-single-course-rating,
body.tutor-frontend.single-courses .tutor-star-rating-group,
body.tutor-frontend.single-courses .tutor-ratings-stars {
display: none !important;
}

/* Ocultar "Sin categoría" en la ficha de curso */
.tutor-course-details-top .tutor-meta.tutor-course-details-info > div {
display: none !important;
}

/* Todos los botones de Tutor LMS */
.tutor-btn {
font-family: "Bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 400!important;
letter-spacing: 0.3px;
}

/* Título "Progreso del curso" */
h3.tutor-color-black.tutor-fs-5.tutor-mb-16 {
font-family: "Bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 500 !important;
letter-spacing: 0.3px;
}

/* Título "Un curso de" */
h3.tutor-fs-6.tutor-fw-medium.tutor-color-black.tutor-mb-16 {
font-family: "Bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 500 !important;
letter-spacing: 0.3px;
}

/* Título "reseñas" */
h3.tutor-fs-5.tutor-fw-bold.tutor-color-black.tutor-mb-24 {
font-family: "Bodony", Sans-Serif !important;
font-size: 18px !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* Nombre del instructor como enlace */
a.tutor-fs-6.tutor-fw-bold.tutor-color-black {
font-family: "Open Sans", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
color: #2E6A88 !important;   /* color link */
text-decoration: none;
}

/* Hover */
a.tutor-fs-6.tutor-fw-bold.tutor-color-black:hover {
color: #25566E !important;   /* color hover */
}

/* Si lo quieres en MAYÚSCULAS, añade esto al primero: */
/* text-transform: uppercase; *//* Botón "Completar curso" (outline gris) */
button[name="complete_course_btn"].tutor-btn-outline-primary {
background-color: transparent !important;
color: #5B6167 !important;
border: 1px solid #5B6167 !important;
font-family: "Bodony", sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: uppercase;

/* efecto botón con relieve */
box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
transform: translateY(0);
transition: transform 0.12s ease, box-shadow 0.12s ease;
}

/* Hover: se “hunde” en lugar de cambiar de color */
button[name="complete_course_btn"].tutor-btn-outline-primary:hover {
background-color: transparent !important;
color: #5B6167 !important;           /* mantenemos el color */
border-color: #5B6167 !important;

transform: translateY(2px);

box-shadow: 0 1px 0 #F5F5F7;
}

/* Mejorar el botón de compra */
.tutor-course-purchase-box .tutor-btn-enroll,
.tutor-btn-add-to-cart {
background-color: #222 !important; /* O un color más vivo de tu marca */
color: #fff !important;
font-weight: 700;
text-transform: uppercase;
padding: 15px 30px !important; /* Más gordito */
border-radius: 50px !important; /* Bordes redondos estilo "pastilla" */
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* Sombra para que flote */
}

/* Efecto al pasar el ratón */
.tutor-course-purchase-box .tutor-btn-enroll:hover,
.tutor-btn-add-to-cart:hover {
transform: translateY(-2px); /* Se mueve un poco hacia arriba */
box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

/* Destacar la caja del precio (la de arriba) */
.tutor-course-sidebar .tutor-course-purchase-box {
background-color: #f9f9f9; /* Un gris muy suave de fondo */
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 30px !important;
margin-bottom: 20px;
}

/* Hacer el precio GIGANTE */
.tutor-course-price .price, .tutor-course-price .woocommerce-Price-amount {
font-size: 32px !important;
font-weight: 800;
color: #000;
}
/* Estilo para la lista de materiales */
.tutor-course-widget-materials ul li {
margin-bottom: 10px; /* Separar los puntos */
font-size: 15px; /* Un pelín más grande */
color: #444;
}
/* Opcional: Poner un borde suave a esta caja también */
.tutor-course-widget-materials {
border: 1px solid #eee;
padding: 20px;
border-radius: 8px;
}

.tutor-course-title {
text-align: left !important; /* Alinear a la izquierda */
text-transform: none !important; /* Quitar mayúsculas forzadas si quieres que se lea más suave */
font-weight: 900; /* Más negrita */
color: #111;
}

/* =================================================
SOLUCIÓN SIN USAR ":HAS" (COMPATIBILIDAD TOTAL)
================================================= */

/* 1. Ocultar el contenido que no queremos (Progreso y Metadatos) */
.tutor-card-footer {
display: none !important;
}

/* 2. HACER INVISIBLE EL CONTENEDOR GENERAL (El truco del fantasma) */
/* Quitamos fondo, borde y sombra a TODAS las tarjetas de la barra lateral */
.tutor-card.tutor-sidebar-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important; /* Quitamos el relleno para que no ocupe espacio si está vacía */
margin: 0 !important;
}

/* 3. RECONSTRUIR SOLO LA CAJA DE COMPRA */
/* Le devolvemos el diseño de tarjeta SOLO a la caja que tiene el precio/botón */
.tutor-course-purchase-box {
display: block !important;
background-color: #fff !important; /* Fondo blanco */
border: 1px solid #eee !important; /* Borde suave */
border-radius: 12px !important;    /* Bordes redondos */
padding: 25px !important;          /* Relleno interno */
margin-bottom: 20px !important;    /* Separación */
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; /* Sombra */
}

/* =================================================
BOTÓN AZUL MODERNO (ELECTRIC BLUE)
================================================= */
.tutor-course-purchase-box .tutor-btn,
.tutor-course-purchase-box .tutor-btn-enroll,
.tutor-btn-add-to-cart {
background-color: #38B6FF !important; /* Azul vibrante */
color: #ffffff !important;
border: none !important;
font-weight: 700 !important;
border-radius: 50px !important;
padding: 15px 30px !important;
text-transform: uppercase;
box-shadow: 0 4px 15px rgba(56, 182, 255, 0.4); /* Sombra azulada */
width: 100%;
display: block;
text-align: center;
}

/* Hover del botón */
.tutor-course-purchase-box .tutor-btn:hover,
.tutor-btn-add-to-cart:hover {
background-color: #2da1e5 !important;
transform: translateY(-2px);
}

.woocommerce-MyAccount-navigation-link--members-area, .woocommerce-MyAccount-navigation-link--downloads {
display: none;
}

/* === ESTILOS BOTONES TIENDA CODICSTYLE V3 (GHOST) === */

/* 1. Forma Base y Tipografía (Open Sans 16px Regular) */
.woocommerce ul.products li.product .button {
border-radius: 5px !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top: 10px !important;
padding: 12px 0 !important;

font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase;
transition: all 0.3s ease !important;


}

/* === ESTILOS BOTONES TIENDA CODICSTYLE V4 (LUMINOSA) === */

/* -- Variables de Color (Para referencia) --
Nuevo Gris Azulado Claro: #c1d2dc (RGB: 193, 210, 220)
Gris Oscuro Corporativo: #5B6167
*/

/* 1. Forma Base y Tipografía */
.woocommerce ul.products li.product .button {
border-radius: 5px !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top: 10px !important;
padding: 12px 0 !important;

font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase;
transition: all 0.3s ease !important;


}

/* 2. Botones de VENTA ("Ver Detalles" / "Ver Curso") - ESTILO GHOST */
.woocommerce ul.products li.product .button:not(.button-purchased) {
background-color: transparent !important;
color: #5B6167 !important;                  /* Texto oscuro para leerse bien */
border: 1px solid #c1d2dc !important;       /* Borde en el nuevo color claro */
}

.woocommerce ul.products li.product .button:not(.button-purchased):hover {
background-color: #c1d2dc !important;       /* Fondo claro al pasar ratón */
color: #5B6167 !important;                  /* Texto oscuro */
border-color: #c1d2dc !important;
}

/* 3. Botones de "ACCEDE" (COMPRADOS) - Sólidos Claros */
.woocommerce ul.products li.product .button.button-purchased {
background-color: #c1d2dc !important;       /* Fondo en el nuevo color claro */
color: #5B6167 !important;                  /* Texto oscuro para contraste */
border: 1px solid #c1d2dc !important;
}

.woocommerce ul.products li.product .button.button-purchased:hover {
background-color: #b0c0ca !important;       /* Un pelín más oscuro al pasar ratón */
border-color: #b0c0ca !important;
transform: translateY(-2px);
}



/* 1. El contenedor de la imagen (El Padre) */
.contenedor-imagen-producto {
position: relative; /* 👈 Clave para atrapar la etiqueta */
overflow: hidden; /* Opcional: Para que nada se salga de la caja */
}

/* 2. La etiqueta "Adquirido" (El Hijo) */
.etiqueta-adquirido {
position: absolute; /* 👈 Permite que flote */
top: 10px;          /* Distancia desde el borde superior */
right: 10px;        /* Distancia desde el borde derecho */
z-index: 10;        /* Asegura que esté ENCIMA de la foto */
/* Estilos visuales básicos */
background-color: rgba(0, 0, 0, 0.7); /* Fondo semitransparente */
color: white;
padding: 5px 10px;
border-radius: 4px;
font-size: 0.8rem;
font-weight: bold;
text-transform: uppercase;


}

/* ==========================================================
   ETIQUETA "ADQUIRIDO" MAESTRA (CRISTAL / TRANSPARENTE)
   Aplica a: Tienda, Ficha Producto y Ficha Curso
   ========================================================== */

/* 1. ESTILO VISUAL ÚNICO (Efecto Cristal) */
/* Aplicamos esto a cualquier etiqueta, se llame como se llame */
.etiqueta-flotante-imagen, 
.purchased-badge,
body.mw-curso-adquirido .tutor-course-header-media::after,
body.mw-curso-adquirido .tutor-course-thumbnail::after {
    
    /* El estilo transparente que te gusta */
    background-color: rgba(193, 210, 220, 0.5) !important; 
    color: #5B6167 !important;
    
    /* Tipografía */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    
    /* Forma */
    padding: 6px 12px !important;
    border-radius: 4px !important;
    
    /* Comportamiento */
    position: absolute !important;
    z-index: 99 !important;
    pointer-events: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    backdrop-filter: blur(2px);
}

/* 2. POSICIÓN EN TIENDA (CATÁLOGO / GRID) */
/* En las cajitas pequeñas, va en la esquina pegado */
.woocommerce ul.products li.product .etiqueta-flotante-imagen,
.related.products ul.products li.product .etiqueta-flotante-imagen,
.woocommerce ul.products li.product .purchased-badge,
.related.products ul.products li.product .purchased-badge {
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
}

/* 3. POSICIÓN EN FICHA DE PRODUCTO DIGITAL */
/* Aquí flota más abajo por el margen del título */
body.single-product .etiqueta-flotante-imagen {
    top: 160px !important; 
    left: 20px !important;
}
/* Ajuste móvil para producto */
@media (max-width: 767px) {
    body.single-product .etiqueta-flotante-imagen {
        top: 100px !important; 
    }
}

/* 4. POSICIÓN EN FICHA DE CURSO (TUTOR LMS) */
/* Aquí va DENTRO de la foto grande */

/* Preparamos el contenedor de la imagen */
.tutor-course-header-media, 
.tutor-course-thumbnail {
    position: relative !important;
    display: block !important;
}

/* Posicionamos la etiqueta (o el pseudo-elemento si usas el modo invisible) */
body.single-courses .etiqueta-flotante-imagen,
body.mw-curso-adquirido .tutor-course-header-media::after,
body.mw-curso-adquirido .tutor-course-thumbnail::after {
    top: 20px !important;   /* Pegado al borde de la foto */
    right: 20px !important; /* A la derecha queda mejor en cursos */
    left: auto !important;  
    content: "ADQUIRIDO";   /* Necesario por si usamos el modo CSS puro */
}

/* =========================================
2. TIPOGRAFÍA Y TÍTULOS GENERALES
========================================= */
.woocommerce-page h1, .woocommerce h1, .entry-title,
.woocommerce-page h2, .woocommerce h2,
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt,
.tutor-course-details-title,
body.single-courses h2.tutor-fs-5,
body.single-courses h3.tutor-course-details-widget-title,
.tutor-btn {
font-family: "bodony", Sans-Serif !important; /* Asegúrate del nombre exacto de tu fuente */
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* =========================================
3. ESTILOS DE TARJETA Y POSICIONAMIENTO
(La clave para que la etiqueta funcione)
========================================= */

/* EL PADRE: Hacemos que la tarjeta del producto sea la referencia */
.woocommerce ul.products li.product {
position: relative !important;
overflow: visible !important; /* Permite que la etiqueta se vea */
}

/* EL HIJO: La etiqueta flotante "ADQUIRIDO" */
.purchased-badge {
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 20 !important; /* Encima de la foto */


/* Estilo Visual V4 (Luminoso) */
background-color: rgba(193, 210, 220, 0.6) !important; /* Semitransparente */
color: #5B6167 !important;
padding: 4px 8px !important;

font-family: 'Open Sans', sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase;
border-radius: 3px !important;
backdrop-filter: blur(2px);
pointer-events: none; /* Para que el clic traspase a la foto si quieres */


}

/* =========================================
4. BOTONES TIENDA (ESTILO V4 LUMINOSA)
========================================= */

/* Estilo Base para todos los botones */
.woocommerce ul.products li.product .button {
border-radius: 5px !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top: 10px !important;
padding: 12px 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase;
transition: all 0.3s ease !important;
}

/* Botones GHOST (No comprados - Ver Detalles) */
.woocommerce ul.products li.product .button:not(.button-purchased) {
background-color: transparent !important;
color: #5B6167 !important;
border: 1px solid #c1d2dc !important;
}

.woocommerce ul.products li.product .button:not(.button-purchased):hover {
background-color: #c1d2dc !important;
color: #5B6167 !important;
border-color: #c1d2dc !important;
}

/* Botones SÓLIDOS (Comprados - Accede) */
.woocommerce ul.products li.product .button.button-purchased {
background-color: #c1d2dc !important;
color: #5B6167 !important;
border: 1px solid #c1d2dc !important;
}

.woocommerce ul.products li.product .button.button-purchased:hover {
background-color: #b0c0ca !important;
border-color: #b0c0ca !important;
transform: translateY(-2px);
}

/* =========================================
5. TUTOR LMS (Cursos)
========================================= */
/* Ocultar elementos innecesarios */
.tutor-card-footer,
.tutor-course-details-instructors,
body.single-course .tutor-enrolled-info-text,
body.single-course .tutor-icon-purchase-mark,
.tutor-course-details-top .tutor-meta.tutor-course-details-info > div,
.tutor-single-course-rating,
.tutor-star-rating-group {
display: none !important;
}

/* Ajustes de Sidebar y Caja de Compra */
.tutor-card.tutor-sidebar-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}

.tutor-course-purchase-box {
display: block !important;
background-color: #fff !important;
border: 1px solid #eee !important;
border-radius: 12px !important;
padding: 25px !important;
margin-bottom: 20px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

/* Botón Azul Eléctrico (Curso) */
.tutor-course-purchase-box .tutor-btn,
.tutor-course-purchase-box .tutor-btn-enroll,
.tutor-btn-add-to-cart {
background-color: #38B6FF !important;
color: #ffffff !important;
border: none !important;
font-weight: 700 !important;
border-radius: 50px !important;
padding: 15px 30px !important;
text-transform: uppercase;
box-shadow: 0 4px 15px rgba(56, 182, 255, 0.4);
width: 100%;
display: block;
text-align: center;
}

.tutor-course-purchase-box .tutor-btn:hover,
.tutor-btn-add-to-cart:hover {
background-color: #2da1e5 !important;
transform: translateY(-2px);
}

/* =========================================
6. CHECKOUT Y CARRITO (WooCommerce)
========================================= */
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt,
.woocommerce-cart .checkout-button {
background-color: #2F465DCC;
color: #F5F5F7;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;
padding: 15px 40px !important;
text-transform: uppercase;
transition: all 0.25s ease-in-out;
}

.woocommerce-checkout #place_order:hover,
.woocommerce-cart .checkout-button:hover {
background: #5B6167 !important;
border-color: #5B6167 !important;
color: #F5F5F7 !important;
transform: translateY(-2px);
}

/* Ocultar enlaces de Mi Cuenta que no interesan */
.woocommerce-MyAccount-navigation-link--members-area,
.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}

/* === AJUSTES FICHA DE PRODUCTO === */
/* === ESTILO TÍTULO ARRIBA DEL TODO === */

/* Estilo específico para el H1 cuando está arriba */
.woocommerce div.product .product_title {
width: 100% !important;
text-align: center !important;    /* Centrado elegante */
margin-bottom: 40px !important;   /* Espacio entre título y foto/texto */
margin-top: 0 !important;


/* Tu tipografía corporativa */
font-family: "bodony", Sans-Serif !important;
font-size: 38px !important;       /* Tamaño grande y legible */
font-weight: 400 !important;
letter-spacing: 0.5px !important;
line-height: 1.2 !important;
color: #1A1A1A !important;        /* Negro suave */
text-transform: uppercase;        /* Opcional: Si lo quieres en mayúsculas */



}

/* Ajuste para móvil (un poco más pequeño) */
@media (max-width: 767px) {
.woocommerce div.product .product_title {
font-size: 28px !important;
margin-bottom: 20px !important;
}
}
/* =======================================================
BLOQUE FINAL: FICHA DE PRODUCTO LIMPIA Y MINIMALISTA
======================================================= */

/* --- 1. ESTRUCTURA Y MÁRGENES --- */

/* Reset del body y margen correcto para bajar el contenido */
body.single-product {
padding-top: 0 !important;
}
.single-product div.product {
margin-top: 60px !important;
}

/* --- 2. IMAGEN: ESTÁTICA Y SIN ZOOM --- */

/* Ocultar la lupa (botón de ampliación) */
.woocommerce-product-gallery__trigger {
display: none !important;
}
/* Evitar que la imagen se mueva/haga zoom al pasar el ratón */
.woocommerce-product-gallery__image {
pointer-events: none !important; /* Esto "congela" la imagen */
}
/* Marco de referencia para la etiqueta flotante */
.woocommerce-product-gallery {
position: relative !important;
}


/* --- 4. BOTÓN "ACCEDE" --- */
.single-access-btn {
background-color: #c1d2dc !important;
color: #5B6167 !important;
border: none !important;
border-radius: 5px !important;
padding: 15px 40px !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
text-transform: uppercase;
display: inline-block !important;
margin-top: 20px !important;
width: auto !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
}
.single-access-btn:hover {
background-color: #b0c0ca !important;
color: #5B6167 !important;
transform: translateY(-2px);
}

/* --- 5. LIMPIEZA DE DATOS (CATEGORÍAS Y META) --- */

/* Ocultar Categorías, Etiquetas y SKU */
.product_meta {
display: none !important;
}

/* --- 6. TRANSFORMACIÓN DE LAS PESTAÑAS (TABS) --- */

/* Ocultar los botones de las pestañas (Descripción / Valoraciones) */
.woocommerce-tabs ul.tabs {
display: none !important;
}

/* Ocultar el panel de valoraciones por si acaso */
#tab-reviews, #reviews {
display: none !important;
}

/* Estilo "Texto Limpio" para la Descripción */
.woocommerce-tabs .panel {
background-color: transparent !important; /* Sin fondo */
box-shadow: none !important;              /* Sin sombras */
border: none !important;                  /* Sin bordes */
padding: 0 !important;                    /* Sin relleno extra */
margin-top: 40px !important;              /* Separación con la parte de arriba */
}

/* Ocultar el título "Descripción" que sale repetido dentro */
.woocommerce-tabs .panel h2 {
display: none !important;
}

/* === ESTILO TÍTULO PRODUCTOS RELACIONADOS === */

.related.products h2 {
font-size: 22px !important;      /* Más pequeño y discreto */
margin-top: 60px !important;     /* Mucho aire arriba para separar */
margin-bottom: 30px !important;  /* Espacio antes de las fotos */


color: #333333 !important;       /* Gris oscuro elegante (mejor que negro puro) */
font-family: 'Open Sans', sans-serif !important; /* Coherente con el resto */
font-weight: 400 !important;     /* Ni muy fino ni muy gordo */
text-transform: uppercase;       /* Mantener mayúsculas */
letter-spacing: 1px !important;  /* Un pelín de aire entre letras */

/* Opcional: Si quieres centrarlo, descomenta la línea de abajo */
/* text-align: center !important; */


}

/* === UNIFICACIÓN ESTÉTICA: PRODUCTOS RELACIONADOS === */
/* === CORRECCIÓN BOTONES RELACIONADOS (CERRAR HUECO) === */

/* 1. Quitamos la orden de separar el contenido */
.related.products ul.products li.product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important; /* <-- CAMBIO: Todo arriba, no separado */
height: auto !important;
min-height: 0 !important;    /* Quitamos alturas mínimas forzadas */
margin-bottom: 40px !important;
}

/* 2. Acercamos el botón al contenido (Precio/Texto) */
.related.products ul.products li.product .button {
margin-top: 20px !important;  /* <-- CAMBIO: Solo 20px de espacio, no "auto" */
margin-bottom: 0 !important;
width: 100% !important;       /* Mantenemos el ancho completo */
align-self: center !important;
}

/* 3. Ajuste extra por si el precio tiene margen propio */
.related.products ul.products li.product .price {
margin-bottom: 0 !important;
}
/* 3. Ajuste fino de la etiqueta ADQUIRIDO en esta sección */
/* Nos aseguramos de que en los relacionados también flote sobre la foto */
.related.products .purchased-badge {
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 20 !important;
}

/* 4. Título del producto: evitar que sea gigante en relacionados */
.related.products ul.products li.product h2 {
font-size: 16px !important; /* Tamaño equilibrado */
margin-top: 15px !important;
margin-bottom: 10px !important;
line-height: 1.3 !important;
}

/* === ESTILO DE PRECIOS (TIENDA Y RELACIONADOS) === */

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #5B6167 !important;       /* Gris Corporativo (el mismo del texto del botón) */
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;     /* Un poco de peso para destacar */
font-size: 16px !important;      /* Tamaño legible */
opacity: 1 !important;           /* Asegura que no se vea transparente */
}

/* Si el producto está en oferta, el precio antiguo lo ponemos más suave */
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del {
color: #aebdc6 !important;       /* Aquí sí podemos usar un tono parecido al azulito claro */
opacity: 0.7 !important;
}

/* === ESTÉTICA UNIFICADA Y COMPACTA (Tienda + Relacionados) === */

/* 1. CONTENEDOR DE LA TARJETA */
.woocommerce ul.products li.product,
.related.products ul.products li.product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: auto !important;
min-height: 0 !important;
margin-bottom: 30px !important;
position: relative !important;
}

/* 2. TÍTULOS (H2) - Tu ajuste: 10px de margen */
.woocommerce ul.products li.product h2,
.related.products ul.products li.product h2 {
font-weight: 400 !important;
margin-bottom: 10px !important;  /* <-- Tu cambio */
line-height: 1.3 !important;
padding: 0 !important;
}

/* 3. PRECIOS - Tu ajuste: 0px de margen */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
font-weight: 400 !important;
margin-bottom: 0px !important;   /* <-- Tu cambio */
padding-bottom: 0 !important;
margin-top: 0 !important;
}

/* 4. BOTONES - Ajuste de simetría */
/* Ponemos 10px arriba para igualar el hueco del título */
.woocommerce ul.products li.product .button,
.related.products ul.products li.product .button {
margin-top: 10px !important;     /* <-- 10px para que haya aire con el precio */
margin-bottom: 0 !important;
width: 100% !important;
align-self: center !important;
}

/* --- 4. BOTÓN "ACCEDE" (Ficha Individual - Más Ancho) --- */

.single-access-btn {
/* Colores */
background-color: #c1d2dc !important;
color: #5B6167 !important;

/* Tipografía Fina (400) */
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;
font-size: 16px !important;
text-transform: uppercase;
text-decoration: none !important;

/* Forma y Tamaño */
border: none !important;
border-radius: 5px !important;

/* AQUÍ ESTÁ EL CAMBIO: 12px arriba/abajo y 80px a los lados */
padding: 12px 80px !important;

display: inline-block !important;
width: auto !important;
text-align: center !important;

/* Posición */
margin-top: 5px !important;
margin-bottom: 20px !important;

transition: all 0.3s ease !important;

}

/* Efecto Hover */
.single-access-btn:hover {
background-color: #b0c0ca !important;
color: #5B6167 !important;
transform: translateY(-2px);
}


/* === ESTILO FICHA PRODUCTO (NO COMPRADO / VENTA) === */

/* === ESTILO FICHA PRODUCTO (VENTA) === */

/* 1. EL PRECIO (Ahora encima del botón) */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #5B6167 !important;       /* Gris Corporativo */
    font-family: "bodony", sans-serif !important; /* Misma fuente que el botón */
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    font-size: 20px !important;      /* Un poco más grande para destacar */
    margin-bottom: 10px !important;  /* Espacio justo antes del botón */
    text-align: center !important;   /* Centrado */
    display: block !important;
    opacity: 1 !important;
}

/* 2. EL BOTÓN DE COMPRAR ("Añadir al carrito") */
.single_add_to_cart_button {
    /* COLORES */
    background-color: #2F465Dcc !important; /* Tu color Azul Petróleo con transparencia */
    color: #ffffff !important;              /* Texto Blanco */
    border: none !important;

    /* TIPOGRAFÍA */
    font-family: "bodony", Sans-Serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    font-size: 16px !important;      /* Tamaño legible */
    text-transform: uppercase;

    /* FORMA Y MEDIDAS */
    border-radius: 5px !important;
    padding: 15px 40px !important;   /* Tu medida exacta */
    
    /* POSICIONAMIENTO */
    display: inline-block !important;
    width: auto !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover (Al pasar el ratón) */
.single_add_to_cart_button:hover {
    background-color: #5b6167 !important; /* Tu color Gris Hover */
    transform: translateY(-2px);          /* Pequeña elevación elegante */
}

/* 3. CENTRAR EL BLOQUE DE COMPRA */
form.cart {
    display: flex !important;
    justify-content: center !important; 
    flex-wrap: wrap !important;
    margin-bottom: 20px !important;
}
/* === OCULTAR SELECTOR DE CANTIDAD (FICHA PRODUCTO) === */
.woocommerce div.product form.cart .quantity {
    display: none !important;
}


/* === FORZAR ESTILOS GLOBALES H1, H2, H3 (Para Aviso Legal y resto de la web) === */

/* =======================================================
   ESTILOS GLOBALES H1, H2, H3 (Escritorio, Tablet y Móvil)
   ======================================================= */

/* 1. ESTILO BASE Y ESCRITORIO (Pantallas grandes) */
h1, h2, h3,
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title,
.entry-title {
    font-family: "bodony", Sans-Serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.2 !important; /* Para que no se monten las líneas */
    color: #1A1A1A; /* Opcional: Color gris oscuro (quita esta línea si prefieres el negro puro) */
}

/* Tamaños Escritorio */
h1, h1.elementor-heading-title, .entry-title {
    font-size: 42px !important;
}

h2, h2.elementor-heading-title {
    font-size: 32px !important;
}

h3, h3.elementor-heading-title {
    font-size: 24px !important;
}


/* 2. TABLET / IPAD (Pantallas medianas: hasta 1024px) */
@media (max-width: 1024px) {
    h1, h1.elementor-heading-title, .entry-title {
        font-size: 34px !important;
    }

    h2, h2.elementor-heading-title {
        font-size: 28px !important;
    }

    h3, h3.elementor-heading-title {
        font-size: 22px !important;
    }
}


/* 3. MÓVIL (Pantallas pequeñas: hasta 767px) */
@media (max-width: 767px) {
    h1, h1.elementor-heading-title, .entry-title {
        font-size: 28px !important; /* Más pequeño para que quepa bien */
    }

    h2, h2.elementor-heading-title {
        font-size: 24px !important;
    }

    h3, h3.elementor-heading-title {
        font-size: 20px !important;
    }
}

/* =======================================================
   CORRECCIÓN: TÍTULOS DE PRODUCTOS EN LA CUADRÍCULA (GRID)
   Evita que se vean gigantes como en el Aviso Legal
   ======================================================= */

/* Selector específico para títulos dentro de listas de productos/cursos */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    
    font-family: "bodony", Sans-Serif !important; /* Mantenemos tu fuente */
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 1.3 !important; /* Líneas más juntas para títulos largos */
    margin-bottom: 10px !important;
}

/* --- TAMAÑOS ESPECÍFICOS SOLO PARA LAS TARJETAS DE PRODUCTO --- */

/* Escritorio: Tamaño ideal para tarjetas (18px o 20px suele ir bien) */
@media (min-width: 1025px) {
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 18px !important; 
    }
}

/* Tablet (iPad) */
@media (max-width: 1024px) {
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 17px !important;
    }
}

/* Móvil */
@media (max-width: 767px) {
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 16px !important;
    }
}

/* Esto anima el contenedor del menú para que entre desde la derecha */
.elementor-kit-97 .dialog-widget-content {
    animation: slideInRight 0.4s ease-out forwards;
}

/* Definimos el movimiento */
@keyframes slideInRight {
    0% {
        transform: translateX(100%); /* Empieza fuera a la derecha */
        opacity: 0;
    }
    100% {
        transform: translateX(0); /* Termina en su sitio */
        opacity: 1;
    }
}

/* === ESTILO CAJA DE CONTENIDO PREMIUM (AZUL CLARO & VIDEO) === */

/* === ESTILO CAJA DE CONTENIDO PREMIUM (FIX DE POSICIÓN) === */

.caja-contenido-premium {
    /* PROPIEDAD CLAVE PARA QUE BAJE */
    clear: both !important;            /* Obliga a ponerse debajo de la foto y el texto */
    display: block !important;
    width: 100% !important;            /* Ocupa todo el ancho disponible */
    
    /* Estilo Visual */
    background-color: #f0f7fb !important; 
    border: 1px solid #c1d2dc !important; 
    border-radius: 8px !important;
    padding: 40px !important;
    
    /* Márgenes para separar */
    margin-top: 60px !important;       /* Mucho aire arriba */
    margin-bottom: 50px !important;
    text-align: center !important;
    
    /* Centrado en pantalla (limitamos el ancho para que no sea gigante) */
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    
    box-shadow: 0 4px 20px rgba(193, 210, 220, 0.3);
}

/* El resto de estilos de Título y Video se mantienen igual, 
   pero asegúrate de tenerlos en tu CSS también */

/* El Título "TU CONTENIDO EXCLUSIVO" */
.titulo-premium {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    color: #000000 !important;   /* Negro */
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    display: inline-block !important;
}

/* === AQUÍ ESTÁ EL CÓDIGO DEL VÍDEO (RESPONSIVE) === */
.contenido-embed iframe,
.contenido-embed video,
.premium-content-box iframe { /* Añadido por seguridad */
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important; /* Mantiene formato cine */
    height: auto !important;
    
    border-radius: 8px !important;
    margin: 0 auto !important;
    display: block !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* === AJUSTE MÓVIL PARA CAJA PREMIUM Y VÍDEO === */

@media (max-width: 767px) {
    /* 1. Reducimos el relleno de la caja azul drásticamente */
    .caja-contenido-premium {
        padding: 20px 10px !important; /* Solo 10px a los lados */
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        width: 100% !important;
    }

    /* 2. Ajustamos el título para que no ocupe tanto */
    .titulo-premium {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }

    /* 3. Aseguramos que el vídeo ocupe el 100% del ancho disponible */
    .contenido-embed iframe,
    .contenido-embed video,
    .premium-content-box iframe {
        width: 100% !important;
        max-width: 100% !important;
        /* Mantenemos la proporción, pero aprovechando todo el ancho */
        aspect-ratio: 16 / 9 !important; 
    }
}

/* ==========================================================
   MARGEN CABECERA RESPONSIVO (TIENDA / ARCHIVO)
   Ajusta la distancia del título con el menú según el dispositivo
   ========================================================== 
   */

/* 1. ESCRITORIO (Pantallas grandes) */
body.post-type-archive-product #content,
body.post-type-archive-product #primary,
body.post-type-archive-product .site-content {
    padding-top: 60px !important;    /* Ajusta aquí tu gusto para PC (ej: 60px o 80px) */
    padding-bottom: 80px !important;
    display: block !important;
}

/* 2. IPAD / TABLET (Vertical) */
@media (min-width: 768px) and (max-width: 1024px) {
    body.post-type-archive-product #content,
    body.post-type-archive-product #primary,
    body.post-type-archive-product .site-content {
        padding-top: 40px !important; /* Un poco menos de aire */
    }
}

/* 3. MÓVIL (Pantallas pequeñas) */
@media (max-width: 767px) {
    body.post-type-archive-product #content,
    body.post-type-archive-product #primary,
    body.post-type-archive-product .site-content {
        padding-top: 20px !important; /* Mínimo espacio para aprovechar pantalla */
        padding-bottom: 40px !important;
    }
}

/* --- GRUPO 2: PÁGINAS (MI CUENTA, CARRITO, CHECKOUT) --- */
/* Aquí atacamos directamente a la clase '.page' que envuelve todo */
body.woocommerce-account .page,
body.woocommerce-cart .page,
body.woocommerce-checkout .page {
    padding-top: 0px !important;    /* Bajamos todo el bloque */
    padding-bottom: 100px !important; /* Espacio abajo */
    display: block !important;
}

/* REFUERZO: Si el título sigue rebelde, lo empujamos individualmente */
body.woocommerce-account h1,
body.woocommerce-cart h1,
body.woocommerce-checkout h1 {
    margin-top: 40px !important;     /* Aire extra encima del título */
    margin-bottom: 40px !important;
    line-height: 1.2 !important;
}




/* === OCULTAR LISTA DE DESEOS (WISHLIST) === */

/* En la ficha del curso (al lado del título o botón) */
.tutor-course-wishlist-btn,
.tutor-course-details-actions .tutor-icon-fav-line,
.tutor-course-wishlist-btn-icon {
    display: none !important;
}

/* Si quedara algún contenedor vacío por culpa de quitar el botón */
.tutor-course-details-actions {
    display: none !important;
}


/* === CORRECCIÓN ESPACIO INFERIOR CURSOS (Footer) === */

/* Añadimos aire al final de la página del curso para que no choque con el pie de página */
body.single-courses .tutor-wrap,
body.single-courses .site-content, 
body.single-courses #content {
    padding-bottom: 100px !important; /* Espacio generoso al final */
    margin-bottom: 50px !important;
    display: block !important;
}

/* ==========================================================
   MARGEN SUPERIOR FICHA DE CURSO (TUTOR LMS)
   Igualamos el espaciado con las fichas de producto
   ========================================================== */

/* 1. ESCRITORIO */
body.single-courses #content,
body.single-courses #primary,
body.single-courses .site-content,
body.single-courses .tutor-wrap {
    padding-top: 0px !important; /* Mismo aire que en productos */
}

/* 2. TABLET / IPAD */
@media (min-width: 768px) and (max-width: 1024px) {
    body.single-courses #content,
    body.single-courses #primary,
    body.single-courses .site-content,
    body.single-courses .tutor-wrap {
        padding-top: 0px !important;
    }
}

/* 3. MÓVIL */
@media (max-width: 767px) {
    body.single-courses #content,
    body.single-courses #primary,
    body.single-courses .site-content,
    body.single-courses .tutor-wrap {
        padding-top: 0px !important;
    }
}

/* === AJUSTE ESPACIO TÍTULO - IMAGEN (FICHA CURSO) === */

/* 1. Reducir el espacio debajo del Título */
body.single-courses .tutor-course-details-title {
    margin-bottom: 0px !important; /* Antes tenía más aire */
    padding-bottom: 0 !important;   /* Quitamos relleno inferior */
}

/* 2. Quitar el espacio encima de la Imagen/Vídeo */
body.single-courses .tutor-course-thumbnail,
body.single-courses .tutor-course-details-media {
    margin-top: 0 !important;       /* Pegamos la imagen hacia arriba */
}

/* 3. Si hubiera un contenedor de cabecera intermedio */
body.single-courses .tutor-course-header {
    margin-bottom: 10px !important; /* Espacio justo entre cabecera y cuerpo */
}
/* === CORRECCIÓN TEXTO LECCIONES (INVISIBLE) === */

/* Forzamos el color oscuro en los títulos de las lecciones dentro del temario */
.tutor-course-topic-list .tutor-course-lesson h5,
.tutor-course-topic-list .tutor-course-lesson-title,
.tutor-course-content-list-item-title {
    color: #5B6167 !important; /* Tu gris corporativo */
    font-family: 'Open Sans', sans-serif !important; /* Aseguramos la fuente ya que estamos */
    font-weight: 600 !important;
}

/* Si hay enlaces dentro, también los pintamos */
.tutor-course-topic-list a {
    color: #5B6167 !important;
}

/* Opcional: Color al pasar el ratón (Hover) */
.tutor-course-topic-list .tutor-course-lesson:hover h5,
.tutor-course-topic-list .tutor-course-lesson:hover .tutor-course-lesson-title {
    color: #000000 !important; /* Negro al pasar el ratón */
}


/* ==========================================================
   ESTILO BOTONES SECUNDARIOS WOOCOMMERCE (Login, Carrito, Cupón...)
   Diseño: Open Sans 16px, Radio 5px, Borde Fino, Colores Suaves
   ========================================================== */

/* 1. SELECCIÓN DE TODOS LOS BOTONES SECUNDARIOS */
.woocommerce-form-login__submit,            /* Acceso */
.woocommerce-form-register__submit,         /* Registro */
.woocommerce-cart .button[name="update_cart"], /* Actualizar carrito */
.woocommerce-cart .button[name="apply_coupon"],/* Aplicar cupón */
a.button.wc-forward,                        /* Ver carrito / Seguir comprando */
.woocommerce-MyAccount-content .button {    /* Guardar cambios/dirección */
    
    /* Tipografía */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* Forma y Bordes */
    border-radius: 5px !important;
    border: 1px solid #c1d2dc !important;   /* Borde en tu azulito claro */
    background-color: transparent !important; /* Fondo transparente (Ghost) */
    color: #5B6167 !important;              /* Texto en gris corporativo */
    
    /* Espaciado */
    padding: 10px 20px !important;
    line-height: 1.5 !important;
    height: auto !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* 2. EFECTO HOVER (AL PASAR EL RATÓN) */
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover,
.woocommerce-cart .button[name="update_cart"]:hover,
.woocommerce-cart .button[name="apply_coupon"]:hover,
a.button.wc-forward:hover,
.woocommerce-MyAccount-content .button:hover {
    background-color: #c1d2dc !important;   /* Relleno suave al pasar */
    color: #5B6167 !important;              /* Mantenemos texto oscuro */
    border-color: #c1d2dc !important;
    transform: translateY(-1px);            /* Movimiento sutil */
}

/* 3. ESTADO DESHABILITADO (Ej: Actualizar carrito sin cambios) */
.woocommerce button[disabled],
.woocommerce button[disabled]:hover {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background-color: transparent !important;
    transform: none !important;
}

/* 4. AJUSTES ESPECÍFICOS DE ANCHO */
/* Login y Registro: Que ocupen el ancho disponible si están en columna */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
    width: 100%; 
    margin-top: 10px;
}

/* En el carrito, el botón de cupón queda mejor estrecho */
.woocommerce-cart .button[name="apply_coupon"] {
    width: auto;
}

/* ==========================================================
   TRANSFORMACIÓN TEMARIO DEL CURSO (TUTOR LMS)
   1. Convertir Tooltip en Descripción visible
   2. Aplicar colores azules y fuentes finas
   ========================================================== */

/* --- 1. TÍTULOS DE LOS TEMAS (Acordeón) --- */
.tutor-accordion-item-header,
.tutor-accordion-item-header .tutor-accordion-item-title {
    color: #2E6A88 !important;       /* Tu Azul Link */
    font-family: 'Open Sans', sans-serif !important; /* O "bodony" si prefieres el estilo título */
    font-weight: 600 !important;      /* Un poco de peso para diferenciarlo de la lección */
    font-size: 16px !important;
    transition: color 0.3s ease;
}

/* Hover (Al pasar el ratón por el tema) */
.tutor-accordion-item-header:hover,
.tutor-accordion-item-header:hover .tutor-accordion-item-title {
    color: #25566E !important;       /* Tu Azul Oscuro */
}

/* --- 2. TRANSFORMACIÓN DEL TOOLTIP A TEXTO NORMAL --- */

/* El contenedor del icono (La "i") */
.tooltip-wrap.tooltip-icon {
    display: block !important;        /* Forzamos que ocupe una línea propia */
    width: 100% !important;
    height: auto !important;
    background: transparent !important; /* Quitamos el círculo gris de fondo si lo tiene */
    margin-top: 5px !important;       /* Separación del título */
    cursor: default !important;
}

/* El texto de dentro (Lo que antes estaba oculto) */
.tooltip-txt {
    visibility: visible !important;   /* Siempre visible */
    opacity: 1 !important;
    
    /* Reseteamos la posición absoluta para que no flote */
    position: static !important;      
    transform: none !important;
    
    /* Estilo de texto descriptivo */
    background-color: transparent !important; /* Sin fondo negro */
    color: #666666 !important;        /* Gris suave para lectura */
    border: none !important;
    padding: 0 !important;
    width: 100% !important;           /* Que ocupe todo el ancho */
    white-space: normal !important;   /* Permitir saltos de línea (CLAVE para móvil) */
    text-align: left !important;
    
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;       /* Un poco más pequeño que el título */
    line-height: 1.5 !important;
}

/* Ocultar el triangulito del tooltip viejo */
.tooltip-txt::after {
    display: none !important;
}

/* --- 3. TÍTULOS DE LAS LECCIONES (El contenido) --- */
.tutor-course-content-list-item-title {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;      /* Peso fino solicitado */
    color: #5B6167 !important;        /* Gris corporativo */
    font-size: 15px !important;
}

/* Iconos de las lecciones (Youtube, candado, etc.) */
.tutor-course-content-list-item-icon,
.tutor-icon-brand-youtube-bold {
    color: #2E6A88 !important;        /* Los ponemos en azulito también para combinar */
    opacity: 0.8;
}

/* ==========================================================
   RESTAURAR BOTÓN FINALIZAR COMPRA (ESTILO CTA FUERTE)
   Sobrescribe el estilo "Ghost" para devolverle el Azul Oscuro
   ========================================================== */

/* Afecta al botón "Finalizar Compra" del Carrito y al "Realizar Pedido" del Checkout */
.woocommerce-cart .checkout-button, 
.woocommerce-checkout #place_order {
    /* FONDO Y COLOR (Tu estilo original) */
    background-color: #2F465DCC !important; 
    color: #F5F5F7 !important;
    border: 1px solid #F5F5F7 !important;
    
    /* TIPOGRAFÍA (Bodony) */
    font-family: "bodony", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase;

    /* FORMA (Más grande y redondeado) */
    border-radius: 5px !important;  /* Radio de 10px como tenías antes */
    padding: 15px 40px !important;   /* Más gordito */
    
    /* RESETEAR ESTILOS GHOST */
    margin-top: 20px !important;
    width: auto !important;          /* Que no ocupe todo el ancho si no quieres */
    display: inline-block !important;
    transition: all 0.25s ease-in-out !important;
}

/* EFECTO HOVER (AL PASAR EL RATÓN) */
.woocommerce-cart .checkout-button:hover,
.woocommerce-checkout #place_order:hover {
    background-color: #5B6167 !important; /* Tu gris oscuro hover */
    border-color: #5B6167 !important;
    color: #F5F5F7 !important;
    transform: translateY(-2px);
}
/* ==========================================================
   ESTILO BOTÓN "VOLVER A LA TIENDA" (CARRITO VACÍO)
   Estilo Secundario (Ghost): Open Sans, Borde Fino
   ========================================================== */

.return-to-shop a.button,
a.button.wc-backward { 
    /* TIPOGRAFÍA (Open Sans) */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* FORMA Y BORDES */
    border-radius: 5px !important;
    border: 1px solid #c1d2dc !important;   /* Tu azul claro */
    background-color: transparent !important; /* Fondo transparente */
    color: #5B6167 !important;              /* Gris corporativo */
    
    /* ESPACIADO */
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    display: inline-block !important;
    margin-top: 20px !important;
}

/* EFECTO HOVER */
.return-to-shop a.button:hover,
a.button.wc-backward:hover {
    background-color: #c1d2dc !important;   /* Se rellena al pasar el ratón */
    color: #5B6167 !important;
    border-color: #c1d2dc !important;
    transform: translateY(-1px);
}

/* OPCIONAL: Centrar el mensaje de "Carrito vacío" y el botón */
.woocommerce-cart .cart-empty,
.woocommerce-cart .return-to-shop {
    text-align: center !important;
    font-family: 'Open Sans', sans-serif !important;
}

/* === REFUERZO FINAL: BOTÓN FINALIZAR COMPRA (CARRITO) === */
/* Este bloque obliga al botón del carrito a ser AZUL OSCURO y SÓLIDO */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    /* FONDO Y COLOR (Estilo CTA Fuerte) */
    background-color: #2F465DCC !important; 
    color: #F5F5F7 !important;
    border: 1px solid #F5F5F7 !important;
    
    /* TIPOGRAFÍA (Bodony) */
    font-family: "bodony", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase;

    /* FORMA (Grande y Redondeado) */
    border-radius: 5px !important;
    padding: 15px 40px !important;
    
    /* RESETEAR ESTILOS GHOST */
    margin-top: 20px !important;
    width: 100% !important; /* Ocupa el ancho de su caja */
    display: block !important;
    transition: all 0.25s ease-in-out !important;
    opacity: 1 !important;
}

/* EFECTO HOVER (AL PASAR EL RATÓN) */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #5B6167 !important; /* Tu gris oscuro hover */
    border-color: #5B6167 !important;
    color: #F5F5F7 !important;
    transform: translateY(-2px);
}/* Títulos H1 en WooCommerce (Carrito, Finalizar compra, Mi cuenta…) */
.woocommerce-page h1,
.woocommerce h1,
.entry-title {
font-family: "bodony", Sans-Serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* Títulos H2 como "Totales del carrito", "Detalles del pedido", etc. */
.woocommerce-page h2,
.woocommerce h2 {
font-family: "bodony", Sans-Serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* === BOTÓN FINALIZAR COMPRA / REALIZAR PEDIDO – ESTILO BODONY === */

/* Checkout */
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt {
/* Fuente y texto */
font-family: "bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.3px;

/* Diseño */
background-color: #2F465DCC;
color: #F5F5F7;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;
padding: 15px 40px !important;
transition: all 0.25s ease-in-out;
}

/* Hover Checkout */
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .button.alt:hover {
background: #5B6167 !important;
border-color: #5B6167 !important;
color: #F5F5F7 !important;
transform: translateY(-2px);
}

/* === BOTÓN FINALIZAR COMPRA EN CARRITO === */
.woocommerce-cart .checkout-button,
.woocommerce-cart a.checkout-button,
.woocommerce a.button.checkout-button {
/* Fuente y texto */
font-family: "bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.3px;

/* Diseño */
background-color: #2F465DCC;
color: #F5F5F7;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;
padding: 15px 40px !important;
transition: all 0.25s ease-in-out;
}

/* Hover Carrito */
.woocommerce-cart .checkout-button:hover,
.woocommerce-cart a.checkout-button:hover,
.woocommerce a.button.checkout-button:hover {
background: #5B6167 !important;
border-color: #5B6167 !important;
color: #FFFFFF !important;
transform: translateY(-2px);
}

/* BOTÓN ACCEDER con estilo Bodony (solo el botón con esta clase) */
a.button.alt.btn-acceder-contenido {
font-family: "bodony", Sans-Serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;

background-color: #2F465DCC !important;
color: #F5F5F7 !important;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;

padding: 15px 40px !important;
transition: all 0.25s ease-in-out !important;
}

/* Hover ACCEDER */
a.button.alt.btn-acceder-contenido:hover {
background-color: #5B6167 !important;
border-color: #5B6167 !important;
color: #FFFFFF !important;
transform: translateY(-2px);
}

/* ===== ESTADO NORMAL (NO ha comprado) ===== */

/* Mostrar solo COMPRAR */
.single-product form.cart,
.single-product .single_add_to_cart_button {
display: block;
}

/* Ocultar ACCEDER */
.btn-acceder-contenido {
display: none !important;
}

/* ===== ESTADO CUANDO YA HA COMPRADO (body.mw-ya-comprado) ===== */

/* Ocultar COMPRAR y el formulario de carrito */
body.mw-ya-comprado .single-product form.cart,
body.mw-ya-comprado .single-product .single_add_to_cart_button {
display: none !important;
}

/* Mostrar ACCEDER */
body.mw-ya-comprado .btn-acceder-contenido {
display: inline-flex !important;  /* o inline-block si prefieres */
}

/* === Ajuste global de tamaños en páginas de curso Tutor LMS === */

/* En muchas plantillas, Tutor envuelve el contenido en .single-tutor-course o similar.
Esto rebaja los tamaños solo dentro de los cursos. */
.single-tutor-course,
.single-tutor-course-body,
.single-tutor-course-main {
/* Tamaños base de Tutor (ajusta a tu gusto) */
--tutor-fs-1: 32px;
--tutor-fs-2: 28px;
--tutor-fs-3: 24px;
--tutor-fs-4: 22px;
--tutor-fs-5: 18px;   /* este es el que llevan muchos H2/H3 como los de tu captura */
--tutor-fs-6: 18px;
--tutor-fs-7: 16px;
--tutor-fs-8: 14px;
}

/* Por si acaso, bajamos también específicamente los H2/H3 de la ficha */
.tutor-course-details-content h2.tutor-fs-5,
.tutor-course-details-tab h3.tutor-fs-5,
.tutor-course-details-widget-title,
.tutor-single-course-sidebar h3 {
font-size: 18px !important;
line-height: 1.3 !important;
}

/* En móvil, aún más pequeñitos */
@media (max-width: 767px) {
.tutor-course-details-content h2.tutor-fs-5,
.tutor-course-details-tab h3.tutor-fs-5,
.tutor-course-details-widget-title,
.tutor-single-course-sidebar h3 {
font-size: 16px !important;
}
}

/* === Estilo general de botones Tutor LMS === */

/* ==== Estilo general botones Tutor LMS ==== */
.tutor-btn,
.tutor-btn.tutor-btn-outline-primary,
.tutor-btn.tutor-btn-ghost {
background-color: #2f465dcc !important;
border: 1px solid #F5F5F7 !important;
color: #F5F5F7 !important;

font-family: "Bodony", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
text-transform: uppercase;

box-shadow: none !important;
transform: none !important;
transition: background-color 0.2s ease;
}

/* Hover: solo cambia el fondo */
.tutor-btn:hover,
.tutor-btn.tutor-btn-outline-primary:hover,
.tutor-btn.tutor-btn-ghost:hover {
background-color: #5b6167 !important;
color: #F5F5F7 !important;
}

/* Ocultar bloque de nivel, inscritos, duración, última actualización */
.tutor-card-footer {
display: none !important;
}
.tutor-course-details-instructors {
display: none !important;
}
/* Ocultar mensaje de fecha de inscripción en el curso */
body.single-course .tutor-enrolled-info-text,
body.single-course .tutor-icon-purchase-mark,
body.single-tutor_course .tutor-enrolled-info-text,
body.single-tutor_course .tutor-icon-purchase-mark {
display: none !important;
}
/* Ocultar bloque "Te inscribiste en este curso el..." */
.tutor-fs-7.tutor-color-muted.tutor-mt-20.tutor-d-flex {
display: none !important;
}


/* OPCIONAL: Ocultar el botón de "Completar Curso" si aparece fuera de esa caja */
.tutor-course-compelte-form,
.tutor-course-complete-button {
display: none !important;
}

/* Darle estilo de tarjeta a la caja de inscripción/compra */
.tutor-course-sidebar-card {
box-shadow: 0px 10px 30px rgba(0,0,0,0.1); /* Sombra suave */
border-radius: 12px; /* Bordes redondeados */
border: 1px solid #eee; /* Borde sutil */
padding: 25px !important;
background-color: #fff;
}

/* Hacer el precio más grande si es un curso de pago */
.tutor-course-sidebar-card .tutor-course-price {
font-size: 1.8rem !important;
font-weight: 800;
color: #222; /* O tu color corporativo */
}

/* Quitar iconos de meta-datos sobrantes en la lista de temas */
.tutor-course-topic-list .tutor-course-lesson-meta {
display: none;
}

/* Hacer que la barra lateral se quede fija al hacer scroll (solo en escritorio) */
@media (min-width: 992px) {
.tutor-course-sidebar {
position: sticky;
top: 100px; /* Ajusta esto según la altura de tu menú principal */
z-index: 99;
}
}

/* ==== Lista de deseos + Compartir solo como texto ==== */
.tutor-course-details-actions .tutor-course-wishlist-btn,
.tutor-course-details-actions .tutor-course-share-btn {
background: transparent !important;
border: none !important;
box-shadow: none !important;

padding: 0 !important;
margin: 0 16px 0 0; /* mantiene un poco de separación entre ellos */

color: #2E6A88 !important;          /* color link normal */
font-family: "Bodony", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
text-transform: uppercase;
}

/* Hover y active con color de link hover */
.tutor-course-details-actions .tutor-course-wishlist-btn:hover,
.tutor-course-details-actions .tutor-course-share-btn:hover,
.tutor-course-details-actions .tutor-course-wishlist-btn:active,
.tutor-course-details-actions .tutor-course-share-btn:active {
background: transparent !important;
color: #25566E !important;          /* color link hover/active */
}

.tutor-btn {
font-size: 16px !important;       /* más pequeño */
line-height: 1.2 !important;
padding: 10px 18px !important;    /* menos altos */
border-radius: 10px !important;  /* efecto “píldora” opcional */
text-transform: uppercase;
letter-spacing: 0.05em;
}

/* Botón principal (Comprar, Acceder, etc.) */
.tutor-btn-primary {
/* Ajusta estos colores a tu branding */
background-color: #2F465DCC !important;
border-color: #F5F5F7 !important;
color: #F5F5F7 !important;
}

/* Botón tipo enlace (ghost) – “¿Olvidaste la contraseña?” etc. */
.tutor-btn-ghost {
background-color: transparent !important;
border: 1px solid #000000 !important;
color: #000000 !important;
}

/* Botones bloque (ancho completo) */
.tutor-btn-block {
width: 100% !important;
}
/* Título principal del curso (H1) */
body.single-courses .tutor-course-details-title {
font-family: "bodony", Sans-Serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
font-size: 32px;        /* ajusta si lo quieres más grande/pequeño */
line-height: 1.2;
padding: 20px 0;        /* espacio arriba y abajo */
margin-top: 40px;
}

/* Títulos de bloques: "Acerca de este curso", "¿Qué aprenderás?", etc. */
body.single-courses h2.tutor-fs-5,
body.single-courses h3.tutor-course-details-widget-title {
font-family: "bodony", Sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* Texto del cuerpo dentro de las páginas de curso de Tutor LMS */
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-fs-6,
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-course-details-content p,
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-course-details-content li,
body.tutor-frontend.single-courses .tutor-course-details-page .tutor-course-details-widget-list li {
font-family: "Open Sans", sans-serif !important;
font-size: 17px !important;
color: #1A1A1A;
line-height: 1.6;
}
/* Pestañas: Información del curso / Reseñas / Anuncios */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link {
font-family: "Open Sans", sans-serif !important;
font-size: 18px !important;
text-transform: uppercase;
color: #2E6A88 !important;
}

/* Hover y pestaña activa */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link:hover,
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.is-active,
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.active {
color: #25566E !important;
}

/* Línea inferior de las pestañas (estado normal: sin línea) */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link {
border-bottom: 2px solid transparent !important;
}

/* Línea y color de la pestaña activa */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.is-active,
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link.active {
border-bottom-color: #25566E !important;  /* color activo */
}

/* (Opcional) línea también en hover */
body.tutor-frontend.single-courses .tutor-nav .tutor-nav-link:hover {
border-bottom-color: #25566E !important;
}
/* Margen superior del bloque de pestañas */
body.tutor-frontend.single-courses .tutor-nav {
margin-top: 20px;   /* Súbelo/bájalo a tu gusto */
}

/* Ocultar estrellas de valoración en la ficha del curso y reseñas */
body.tutor-frontend.single-courses .tutor-single-course-rating,
body.tutor-frontend.single-courses .tutor-star-rating-group,
body.tutor-frontend.single-courses .tutor-ratings-stars {
display: none !important;
}

/* Ocultar "Sin categoría" en la ficha de curso */
.tutor-course-details-top .tutor-meta.tutor-course-details-info > div {
display: none !important;
}

/* Todos los botones de Tutor LMS */
.tutor-btn {
font-family: "Bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 400!important;
letter-spacing: 0.3px;
}

/* Título "Progreso del curso" */
h3.tutor-color-black.tutor-fs-5.tutor-mb-16 {
font-family: "Bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 500 !important;
letter-spacing: 0.3px;
}

/* Título "Un curso de" */
h3.tutor-fs-6.tutor-fw-medium.tutor-color-black.tutor-mb-16 {
font-family: "Bodony", Sans-Serif !important;
font-size: 16px;
font-weight: 500 !important;
letter-spacing: 0.3px;
}

/* Título "reseñas" */
h3.tutor-fs-5.tutor-fw-bold.tutor-color-black.tutor-mb-24 {
font-family: "Bodony", Sans-Serif !important;
font-size: 18px !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* Nombre del instructor como enlace */
a.tutor-fs-6.tutor-fw-bold.tutor-color-black {
font-family: "Open Sans", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0.3px;
color: #2E6A88 !important;   /* color link */
text-decoration: none;
}

/* Hover */
a.tutor-fs-6.tutor-fw-bold.tutor-color-black:hover {
color: #25566E !important;   /* color hover */
}

/* Si lo quieres en MAYÚSCULAS, añade esto al primero: */
/* text-transform: uppercase; *//* Botón "Completar curso" (outline gris) */
button[name="complete_course_btn"].tutor-btn-outline-primary {
background-color: transparent !important;
color: #5B6167 !important;
border: 1px solid #5B6167 !important;
font-family: "Bodony", sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.3px;
text-transform: uppercase;

/* efecto botón con relieve */
box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
transform: translateY(0);
transition: transform 0.12s ease, box-shadow 0.12s ease;
}

/* Hover: se “hunde” en lugar de cambiar de color */
button[name="complete_course_btn"].tutor-btn-outline-primary:hover {
background-color: transparent !important;
color: #5B6167 !important;           /* mantenemos el color */
border-color: #5B6167 !important;

transform: translateY(2px);

box-shadow: 0 1px 0 #F5F5F7;
}

/* Mejorar el botón de compra */
.tutor-course-purchase-box .tutor-btn-enroll,
.tutor-btn-add-to-cart {
background-color: #222 !important; /* O un color más vivo de tu marca */
color: #fff !important;
font-weight: 700;
text-transform: uppercase;
padding: 15px 30px !important; /* Más gordito */
border-radius: 50px !important; /* Bordes redondos estilo "pastilla" */
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* Sombra para que flote */
}

/* Efecto al pasar el ratón */
.tutor-course-purchase-box .tutor-btn-enroll:hover,
.tutor-btn-add-to-cart:hover {
transform: translateY(-2px); /* Se mueve un poco hacia arriba */
box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

/* Destacar la caja del precio (la de arriba) */
.tutor-course-sidebar .tutor-course-purchase-box {
background-color: #f9f9f9; /* Un gris muy suave de fondo */
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 30px !important;
margin-bottom: 20px;
}

/* Hacer el precio GIGANTE */
.tutor-course-price .price, .tutor-course-price .woocommerce-Price-amount {
font-size: 32px !important;
font-weight: 800;
color: #000;
}
/* Estilo para la lista de materiales */
.tutor-course-widget-materials ul li {
margin-bottom: 10px; /* Separar los puntos */
font-size: 15px; /* Un pelín más grande */
color: #444;
}
/* Opcional: Poner un borde suave a esta caja también */
.tutor-course-widget-materials {
border: 1px solid #eee;
padding: 20px;
border-radius: 8px;
}

.tutor-course-title {
text-align: left !important; /* Alinear a la izquierda */
text-transform: none !important; /* Quitar mayúsculas forzadas si quieres que se lea más suave */
font-weight: 900; /* Más negrita */
color: #111;
}

/* =================================================
SOLUCIÓN SIN USAR ":HAS" (COMPATIBILIDAD TOTAL)
================================================= */

/* 1. Ocultar el contenido que no queremos (Progreso y Metadatos) */
.tutor-card-footer {
display: none !important;
}

/* 2. HACER INVISIBLE EL CONTENEDOR GENERAL (El truco del fantasma) */
/* Quitamos fondo, borde y sombra a TODAS las tarjetas de la barra lateral */
.tutor-card.tutor-sidebar-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important; /* Quitamos el relleno para que no ocupe espacio si está vacía */
margin: 0 !important;
}

/* 3. RECONSTRUIR SOLO LA CAJA DE COMPRA */
/* Le devolvemos el diseño de tarjeta SOLO a la caja que tiene el precio/botón */
.tutor-course-purchase-box {
display: block !important;
background-color: #fff !important; /* Fondo blanco */
border: 1px solid #eee !important; /* Borde suave */
border-radius: 12px !important;    /* Bordes redondos */
padding: 25px !important;          /* Relleno interno */
margin-bottom: 20px !important;    /* Separación */
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; /* Sombra */
}

/* =================================================
BOTÓN AZUL MODERNO (ELECTRIC BLUE)
================================================= */
.tutor-course-purchase-box .tutor-btn,
.tutor-course-purchase-box .tutor-btn-enroll,
.tutor-btn-add-to-cart {
background-color: #38B6FF !important; /* Azul vibrante */
color: #ffffff !important;
border: none !important;
font-weight: 700 !important;
border-radius: 50px !important;
padding: 15px 30px !important;
text-transform: uppercase;
box-shadow: 0 4px 15px rgba(56, 182, 255, 0.4); /* Sombra azulada */
width: 100%;
display: block;
text-align: center;
}

/* Hover del botón */
.tutor-course-purchase-box .tutor-btn:hover,
.tutor-btn-add-to-cart:hover {
background-color: #2da1e5 !important;
transform: translateY(-2px);
}

.woocommerce-MyAccount-navigation-link--members-area,.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}

/* ==========================================================
   ETIQUETA "ADQUIRIDO" MAESTRA (CRISTAL / TRANSPARENTE)
   Aplica a: Tienda, Ficha Producto y Ficha Curso
   ========================================================== */

/* 1. ESTILO VISUAL ÚNICO (Efecto Cristal) */
/* Aplicamos esto a cualquier etiqueta, se llame como se llame */
.etiqueta-flotante-imagen, 
.purchased-badge,
body.mw-curso-adquirido .tutor-course-header-media::after,
body.mw-curso-adquirido .tutor-course-thumbnail::after {
    
    /* El estilo transparente que te gusta */
    background-color: rgba(193, 210, 220, 0.5) !important; 
    color: #5B6167 !important;
    
    /* Tipografía */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    
    /* Forma */
    padding: 6px 12px !important;
    border-radius: 4px !important;
    
    /* Comportamiento */
    position: absolute !important;
    z-index: 99 !important;
    pointer-events: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    backdrop-filter: blur(2px);
}

/* 2. POSICIÓN EN TIENDA (CATÁLOGO / GRID) */
/* En las cajitas pequeñas, va en la esquina pegado */
.woocommerce ul.products li.product .etiqueta-flotante-imagen,
.related.products ul.products li.product .etiqueta-flotante-imagen,
.woocommerce ul.products li.product .purchased-badge,
.related.products ul.products li.product .purchased-badge {
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
}

/* 3. POSICIÓN EN FICHA DE PRODUCTO DIGITAL */
/* Aquí flota más abajo por el margen del título */
body.single-product .etiqueta-flotante-imagen {
    top: 160px !important; 
    left: 20px !important;
}
/* Ajuste móvil para producto */
@media (max-width: 767px) {
    body.single-product .etiqueta-flotante-imagen {
        top: 100px !important; 
    }
}

/* 4. POSICIÓN EN FICHA DE CURSO (TUTOR LMS) */
/* Aquí va DENTRO de la foto grande */

/* Preparamos el contenedor de la imagen */
.tutor-course-header-media, 
.tutor-course-thumbnail {
    position: relative !important;
    display: block !important;
}

/* Posicionamos la etiqueta (o el pseudo-elemento si usas el modo invisible) */
body.single-courses .etiqueta-flotante-imagen,
body.mw-curso-adquirido .tutor-course-header-media::after,
body.mw-curso-adquirido .tutor-course-thumbnail::after {
    top: 20px !important;   /* Pegado al borde de la foto */
    right: 20px !important; /* A la derecha queda mejor en cursos */
    left: auto !important;  
    content: "ADQUIRIDO";   /* Necesario por si usamos el modo CSS puro */
}

/* === ESTILOS BOTONES TIENDA CODICSTYLE V4 (LUMINOSA) === */

/* -- Variables de Color (Para referencia) --
Nuevo Gris Azulado Claro: #c1d2dc (RGB: 193, 210, 220)
Gris Oscuro Corporativo: #5B6167
*/

/* 1. Forma Base y Tipografía */
.woocommerce ul.products li.product .button {
border-radius: 5px !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top: 10px !important;
padding: 12px 0 !important;

font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase;
transition: all 0.3s ease !important;


}

/* 2. Botones de VENTA ("Ver Detalles" / "Ver Curso") - ESTILO GHOST */
.woocommerce ul.products li.product .button:not(.button-purchased) {
background-color: transparent !important;
color: #5B6167 !important;                  /* Texto oscuro para leerse bien */
border: 1px solid #c1d2dc !important;       /* Borde en el nuevo color claro */
}

.woocommerce ul.products li.product .button:not(.button-purchased):hover {
background-color: #c1d2dc !important;       /* Fondo claro al pasar ratón */
color: #5B6167 !important;                  /* Texto oscuro */
border-color: #c1d2dc !important;
}

/* 3. Botones de "ACCEDE" (COMPRADOS) - Sólidos Claros */
.woocommerce ul.products li.product .button.button-purchased {
background-color: #c1d2dc !important;       /* Fondo en el nuevo color claro */
color: #5B6167 !important;                  /* Texto oscuro para contraste */
border: 1px solid #c1d2dc !important;
}

.woocommerce ul.products li.product .button.button-purchased:hover {
background-color: #b0c0ca !important;       /* Un pelín más oscuro al pasar ratón */
border-color: #b0c0ca !important;
transform: translateY(-2px);
}


/* 1. El contenedor de la imagen (El Padre) */
.contenedor-imagen-producto {
position: relative; /* 👈 Clave para atrapar la etiqueta */
overflow: hidden; /* Opcional: Para que nada se salga de la caja */
}

/* 2. La etiqueta "Adquirido" (El Hijo) */
.etiqueta-adquirido {
position: absolute; /* 👈 Permite que flote */
top: 10px;          /* Distancia desde el borde superior */
right: 10px;        /* Distancia desde el borde derecho */
z-index: 10;        /* Asegura que esté ENCIMA de la foto */
/* Estilos visuales básicos */
background-color: rgba(0, 0, 0, 0.7); /* Fondo semitransparente */
color: white;
padding: 5px 10px;
border-radius: 4px;
font-size: 0.8rem;
font-weight: bold;
text-transform: uppercase;


}



/* =========================================
2. TIPOGRAFÍA Y TÍTULOS GENERALES
========================================= */
.woocommerce-page h1, .woocommerce h1, .entry-title,
.woocommerce-page h2, .woocommerce h2,
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt,
.tutor-course-details-title,
body.single-courses h2.tutor-fs-5,
body.single-courses h3.tutor-course-details-widget-title,
.tutor-btn {
font-family: "bodony", Sans-Serif !important; /* Asegúrate del nombre exacto de tu fuente */
font-weight: 400 !important;
letter-spacing: 0.3px;
}

/* =========================================
3. ESTILOS DE TARJETA Y POSICIONAMIENTO
(La clave para que la etiqueta funcione)
========================================= */

/* EL PADRE: Hacemos que la tarjeta del producto sea la referencia */
.woocommerce ul.products li.product {
position: relative !important;
overflow: visible !important; /* Permite que la etiqueta se vea */
}

/* EL HIJO: La etiqueta flotante "ADQUIRIDO" */
.purchased-badge {
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 20 !important; /* Encima de la foto */


/* Estilo Visual V4 (Luminoso) */
background-color: rgba(193, 210, 220, 0.6) !important; /* Semitransparente */
color: #5B6167 !important;
padding: 4px 8px !important;

font-family: 'Open Sans', sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase;
border-radius: 3px !important;
backdrop-filter: blur(2px);
pointer-events: none; /* Para que el clic traspase a la foto si quieres */


}

/* =========================================
4. BOTONES TIENDA (ESTILO V4 LUMINOSA)
========================================= */

/* Estilo Base para todos los botones */
.woocommerce ul.products li.product .button {
border-radius: 5px !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top: 10px !important;
padding: 12px 0 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
text-transform: uppercase;
transition: all 0.3s ease !important;
}

/* Botones GHOST (No comprados - Ver Detalles) */
.woocommerce ul.products li.product .button:not(.button-purchased) {
background-color: transparent !important;
color: #5B6167 !important;
border: 1px solid #c1d2dc !important;
}

.woocommerce ul.products li.product .button:not(.button-purchased):hover {
background-color: #c1d2dc !important;
color: #5B6167 !important;
border-color: #c1d2dc !important;
}

/* Botones SÓLIDOS (Comprados - Accede) */
.woocommerce ul.products li.product .button.button-purchased {
background-color: #c1d2dc !important;
color: #5B6167 !important;
border: 1px solid #c1d2dc !important;
}

.woocommerce ul.products li.product .button.button-purchased:hover {
background-color: #b0c0ca !important;
border-color: #b0c0ca !important;
transform: translateY(-2px);
}

/* =========================================
5. TUTOR LMS (Cursos)
========================================= */
/* Ocultar elementos innecesarios */
.tutor-card-footer,
.tutor-course-details-instructors,
body.single-course .tutor-enrolled-info-text,
body.single-course .tutor-icon-purchase-mark,
.tutor-course-details-top .tutor-meta.tutor-course-details-info > div,
.tutor-single-course-rating,
.tutor-star-rating-group {
display: none !important;
}

/* Ajustes de Sidebar y Caja de Compra */
.tutor-card.tutor-sidebar-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}

.tutor-course-purchase-box {
display: block !important;
background-color: #fff !important;
border: 1px solid #eee !important;
border-radius: 12px !important;
padding: 25px !important;
margin-bottom: 20px !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

/* Botón Azul Eléctrico (Curso) */
.tutor-course-purchase-box .tutor-btn,
.tutor-course-purchase-box .tutor-btn-enroll,
.tutor-btn-add-to-cart {
background-color: #38B6FF !important;
color: #ffffff !important;
border: none !important;
font-weight: 700 !important;
border-radius: 50px !important;
padding: 15px 30px !important;
text-transform: uppercase;
box-shadow: 0 4px 15px rgba(56, 182, 255, 0.4);
width: 100%;
display: block;
text-align: center;
}

.tutor-course-purchase-box .tutor-btn:hover,
.tutor-btn-add-to-cart:hover {
background-color: #2da1e5 !important;
transform: translateY(-2px);
}

/* =========================================
6. CHECKOUT Y CARRITO (WooCommerce)
========================================= */
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt,
.woocommerce-cart .checkout-button {
background-color: #2F465DCC;
color: #F5F5F7;
border: 1px solid #F5F5F7 !important;
border-radius: 10px !important;
padding: 15px 40px !important;
text-transform: uppercase;
transition: all 0.25s ease-in-out;
}

.woocommerce-checkout #place_order:hover,
.woocommerce-cart .checkout-button:hover {
background: #5B6167 !important;
border-color: #5B6167 !important;
color: #F5F5F7 !important;
transform: translateY(-2px);
}

/* Ocultar enlaces de Mi Cuenta que no interesan */
.woocommerce-MyAccount-navigation-link--members-area,
.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}

/* === AJUSTES FICHA DE PRODUCTO === */
/* === ESTILO TÍTULO ARRIBA DEL TODO === */

/* Estilo específico para el H1 cuando está arriba */
.woocommerce div.product .product_title {
width: 100% !important;
text-align: center !important;    /* Centrado elegante */
margin-bottom: 40px !important;   /* Espacio entre título y foto/texto */
margin-top: 0 !important;


/* Tu tipografía corporativa */
font-family: "bodony", Sans-Serif !important;
font-size: 38px !important;       /* Tamaño grande y legible */
font-weight: 400 !important;
letter-spacing: 0.5px !important;
line-height: 1.2 !important;
color: #1A1A1A !important;        /* Negro suave */
text-transform: uppercase;        /* Opcional: Si lo quieres en mayúsculas */



}

/* Ajuste para móvil (un poco más pequeño) */
@media (max-width: 767px) {
.woocommerce div.product .product_title {
font-size: 28px !important;
margin-bottom: 20px !important;
}
}
/* =======================================================
BLOQUE FINAL: FICHA DE PRODUCTO LIMPIA Y MINIMALISTA
======================================================= */

/* --- 1. ESTRUCTURA Y MÁRGENES --- */

/* Reset del body y margen correcto para bajar el contenido */
body.single-product {
padding-top: 0 !important;
}
.single-product div.product {
margin-top: 60px !important;
}

/* --- 2. IMAGEN: ESTÁTICA Y SIN ZOOM --- */

/* Ocultar la lupa (botón de ampliación) */
.woocommerce-product-gallery__trigger {
display: none !important;
}
/* Evitar que la imagen se mueva/haga zoom al pasar el ratón */
.woocommerce-product-gallery__image {
pointer-events: none !important; /* Esto "congela" la imagen */
}
/* Marco de referencia para la etiqueta flotante */
.woocommerce-product-gallery {
position: relative !important;
}

/* ==========================================================
   ETIQUETA "ADQUIRIDO" (SISTEMA HÍBRIDO)
   1. Productos: Usan elemento HTML inyectado.
   2. Cursos: Usan pseudo-elemento CSS (Infalible).
   ========================================================== */

/* --- A) ESTILO VISUAL COMÚN --- */
.etiqueta-flotante-imagen,
body.mw-curso-adquirido .tutor-course-header-media::after,
body.mw-curso-adquirido .tutor-course-thumbnail::after {
    background-color: rgba(193, 210, 220, 0.85) !important; /* Azulito */
    color: #5B6167 !important;
    padding: 6px 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    text-align: center !important;
    line-height: 1.4 !important;
    border-radius: 0 !important;    
    pointer-events: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    backdrop-filter: blur(2px);
    z-index: 99;
    position: absolute;
}

/* --- B) POSICIÓN EN PRODUCTOS DIGITALES --- */
/* (Aquí usamos la etiqueta HTML que inyecta el snippet) */
body.single-product .etiqueta-flotante-imagen {
    top: 160px !important;  
    left: 20px !important;
}
@media (max-width: 767px) {
    body.single-product .etiqueta-flotante-imagen { top: 100px !important; }
}

/* --- C) POSICIÓN EN CURSOS (TUTOR LMS) --- */
/* (Aquí usamos el truco del ::after sobre la imagen) */

/* 1. Preparamos el contenedor de la imagen */
body.mw-curso-adquirido .tutor-course-header-media,
body.mw-curso-adquirido .tutor-course-thumbnail {
    position: relative !important;
    display: block !important;
}

/* 2. Dibujamos la etiqueta con CSS puro */
body.mw-curso-adquirido .tutor-course-header-media::after,
body.mw-curso-adquirido .tutor-course-thumbnail::after {
    content: "ADQUIRIDO"; /* El texto que sale */
    top: 20px;
    right: 20px; /* A la derecha */
}

/* 3. Ocultar la caja de compra lateral si ya lo tienes */
body.mw-curso-adquirido .tutor-course-sidebar-card,
body.mw-curso-adquirido .tutor-course-purchase-box {
    display: none !important;
}
/* === POSICIÓN ETIQUETA EN TIENDA (GRID) === */
/* Cuando la etiqueta está dentro de una lista de productos (la tienda), la ponemos en la esquina */
.woocommerce ul.products li.product .etiqueta-flotante-imagen,
.related.products ul.products li.product .etiqueta-flotante-imagen {
    top: 10px !important;
    right: 10px !important;
    left: auto !important; /* Anulamos cualquier left que venga de otro lado */
    width: auto !important;
}
/* --- 4. BOTÓN "ACCEDE" --- */
.single-access-btn {
background-color: #c1d2dc !important;
color: #5B6167 !important;
border: none !important;
border-radius: 5px !important;
padding: 15px 40px !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
text-transform: uppercase;
display: inline-block !important;
margin-top: 20px !important;
width: auto !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
}
.single-access-btn:hover {
background-color: #b0c0ca !important;
color: #5B6167 !important;
transform: translateY(-2px);
}

/* --- 5. LIMPIEZA DE DATOS (CATEGORÍAS Y META) --- */

/* Ocultar Categorías, Etiquetas y SKU */
.product_meta {
display: none !important;
}

/* --- 6. TRANSFORMACIÓN DE LAS PESTAÑAS (TABS) --- */

/* Ocultar los botones de las pestañas (Descripción / Valoraciones) */
.woocommerce-tabs ul.tabs {
display: none !important;
}

/* Ocultar el panel de valoraciones por si acaso */
#tab-reviews, #reviews {
display: none !important;
}

/* Estilo "Texto Limpio" para la Descripción */
.woocommerce-tabs .panel {
background-color: transparent !important; /* Sin fondo */
box-shadow: none !important;              /* Sin sombras */
border: none !important;                  /* Sin bordes */
padding: 0 !important;                    /* Sin relleno extra */
margin-top: 40px !important;              /* Separación con la parte de arriba */
}

/* Ocultar el título "Descripción" que sale repetido dentro */
.woocommerce-tabs .panel h2 {
display: none !important;
}

/* === ESTILO TÍTULO PRODUCTOS RELACIONADOS === */

.related.products h2 {
font-size: 22px !important;      /* Más pequeño y discreto */
margin-top: 60px !important;     /* Mucho aire arriba para separar */
margin-bottom: 30px !important;  /* Espacio antes de las fotos */


color: #333333 !important;       /* Gris oscuro elegante (mejor que negro puro) */
font-family: 'Open Sans', sans-serif !important; /* Coherente con el resto */
font-weight: 400 !important;     /* Ni muy fino ni muy gordo */
text-transform: uppercase;       /* Mantener mayúsculas */
letter-spacing: 1px !important;  /* Un pelín de aire entre letras */

/* Opcional: Si quieres centrarlo, descomenta la línea de abajo */
/* text-align: center !important; */


}

/* === UNIFICACIÓN ESTÉTICA: PRODUCTOS RELACIONADOS === */
/* === CORRECCIÓN BOTONES RELACIONADOS (CERRAR HUECO) === */

/* 1. Quitamos la orden de separar el contenido */
.related.products ul.products li.product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important; /* <-- CAMBIO: Todo arriba, no separado */
height: auto !important;
min-height: 0 !important;    /* Quitamos alturas mínimas forzadas */
margin-bottom: 40px !important;
}

/* 2. Acercamos el botón al contenido (Precio/Texto) */
.related.products ul.products li.product .button {
margin-top: 20px !important;  /* <-- CAMBIO: Solo 20px de espacio, no "auto" */
margin-bottom: 0 !important;
width: 100% !important;       /* Mantenemos el ancho completo */
align-self: center !important;
}

/* 3. Ajuste extra por si el precio tiene margen propio */
.related.products ul.products li.product .price {
margin-bottom: 0 !important;
}
/* 3. Ajuste fino de la etiqueta ADQUIRIDO en esta sección */
/* Nos aseguramos de que en los relacionados también flote sobre la foto */
.related.products .purchased-badge {
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 20 !important;
}

/* 4. Título del producto: evitar que sea gigante en relacionados */
.related.products ul.products li.product h2 {
font-size: 16px !important; /* Tamaño equilibrado */
margin-top: 15px !important;
margin-bottom: 10px !important;
line-height: 1.3 !important;
}

/* === ESTILO DE PRECIOS (TIENDA Y RELACIONADOS) === */

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #5B6167 !important;       /* Gris Corporativo (el mismo del texto del botón) */
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;     /* Un poco de peso para destacar */
font-size: 16px !important;      /* Tamaño legible */
opacity: 1 !important;           /* Asegura que no se vea transparente */
}

/* Si el producto está en oferta, el precio antiguo lo ponemos más suave */
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del {
color: #aebdc6 !important;       /* Aquí sí podemos usar un tono parecido al azulito claro */
opacity: 0.7 !important;
}

/* === ESTÉTICA UNIFICADA Y COMPACTA (Tienda + Relacionados) === */

/* 1. CONTENEDOR DE LA TARJETA */
.woocommerce ul.products li.product,
.related.products ul.products li.product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: auto !important;
min-height: 0 !important;
margin-bottom: 30px !important;
position: relative !important;
}

/* 2. TÍTULOS (H2) - Tu ajuste: 10px de margen */
.woocommerce ul.products li.product h2,
.related.products ul.products li.product h2 {
font-weight: 400 !important;
margin-bottom: 10px !important;  /* <-- Tu cambio */
line-height: 1.3 !important;
padding: 0 !important;
}

/* 3. PRECIOS - Tu ajuste: 0px de margen */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
font-weight: 400 !important;
margin-bottom: 0px !important;   /* <-- Tu cambio */
padding-bottom: 0 !important;
margin-top: 0 !important;
}

/* 4. BOTONES - Ajuste de simetría */
/* Ponemos 10px arriba para igualar el hueco del título */
.woocommerce ul.products li.product .button,
.related.products ul.products li.product .button {
margin-top: 10px !important;     /* <-- 10px para que haya aire con el precio */
margin-bottom: 0 !important;
width: 100% !important;
align-self: center !important;
}

/* --- 4. BOTÓN "ACCEDE" (Ficha Individual - Más Ancho) --- */

.single-access-btn {
/* Colores */
background-color: #c1d2dc !important;
color: #5B6167 !important;

/* Tipografía Fina (400) */
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;
font-size: 16px !important;
text-transform: uppercase;
text-decoration: none !important;

/* Forma y Tamaño */
border: none !important;
border-radius: 5px !important;

/* AQUÍ ESTÁ EL CAMBIO: 12px arriba/abajo y 80px a los lados */
padding: 12px 80px !important;

display: inline-block !important;
width: auto !important;
text-align: center !important;

/* Posición */
margin-top: 5px !important;
margin-bottom: 20px !important;

transition: all 0.3s ease !important;

}

/* Efecto Hover */
.single-access-btn:hover {
background-color: #b0c0ca !important;
color: #5B6167 !important;
transform: translateY(-2px);
}


/* === ESTILO FICHA PRODUCTO (NO COMPRADO / VENTA) === */

/* === ESTILO FICHA PRODUCTO (VENTA) === */

/* 1. EL PRECIO (Ahora encima del botón) */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #5B6167 !important;       /* Gris Corporativo */
    font-family: "bodony", sans-serif !important; /* Misma fuente que el botón */
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    font-size: 20px !important;      /* Un poco más grande para destacar */
    margin-bottom: 10px !important;  /* Espacio justo antes del botón */
    text-align: center !important;   /* Centrado */
    display: block !important;
    opacity: 1 !important;
}

/* 2. EL BOTÓN DE COMPRAR ("Añadir al carrito") */
.single_add_to_cart_button {
    /* COLORES */
    background-color: #2F465Dcc !important; /* Tu color Azul Petróleo con transparencia */
    color: #ffffff !important;              /* Texto Blanco */
    border: none !important;

    /* TIPOGRAFÍA */
    font-family: "bodony", Sans-Serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    font-size: 16px !important;      /* Tamaño legible */
    text-transform: uppercase;

    /* FORMA Y MEDIDAS */
    border-radius: 5px !important;
    padding: 15px 40px !important;   /* Tu medida exacta */
    
    /* POSICIONAMIENTO */
    display: inline-block !important;
    width: auto !important;
    transition: all 0.3s ease !important;
}

/* Efecto Hover (Al pasar el ratón) */
.single_add_to_cart_button:hover {
    background-color: #5b6167 !important; /* Tu color Gris Hover */
    transform: translateY(-2px);          /* Pequeña elevación elegante */
}

/* 3. CENTRAR EL BLOQUE DE COMPRA */
form.cart {
    display: flex !important;
    justify-content: center !important; 
    flex-wrap: wrap !important;
    margin-bottom: 20px !important;
}
/* === OCULTAR SELECTOR DE CANTIDAD (FICHA PRODUCTO) === */
.woocommerce div.product form.cart .quantity {
    display: none !important;
}


/* === FORZAR ESTILOS GLOBALES H1, H2, H3 (Para Aviso Legal y resto de la web) === */

/* =======================================================
   ESTILOS GLOBALES H1, H2, H3 (Escritorio, Tablet y Móvil)
   ======================================================= */

/* 1. ESTILO BASE Y ESCRITORIO (Pantallas grandes) */
h1, h2, h3,
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title,
.entry-title {
    font-family: "bodony", Sans-Serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.2 !important; /* Para que no se monten las líneas */
    color: #1A1A1A; /* Opcional: Color gris oscuro (quita esta línea si prefieres el negro puro) */
}

/* Tamaños Escritorio */
h1, h1.elementor-heading-title, .entry-title {
    font-size: 42px !important;
}

h2, h2.elementor-heading-title {
    font-size: 32px !important;
}

h3, h3.elementor-heading-title {
    font-size: 24px !important;
}


/* 2. TABLET / IPAD (Pantallas medianas: hasta 1024px) */
@media (max-width: 1024px) {
    h1, h1.elementor-heading-title, .entry-title {
        font-size: 34px !important;
    }

    h2, h2.elementor-heading-title {
        font-size: 28px !important;
    }

    h3, h3.elementor-heading-title {
        font-size: 22px !important;
    }
}


/* 3. MÓVIL (Pantallas pequeñas: hasta 767px) */
@media (max-width: 767px) {
    h1, h1.elementor-heading-title, .entry-title {
        font-size: 28px !important; /* Más pequeño para que quepa bien */
    }

    h2, h2.elementor-heading-title {
        font-size: 24px !important;
    }

    h3, h3.elementor-heading-title {
        font-size: 20px !important;
    }
}

/* =======================================================
   CORRECCIÓN: TÍTULOS DE PRODUCTOS EN LA CUADRÍCULA (GRID)
   Evita que se vean gigantes como en el Aviso Legal
   ======================================================= */

/* Selector específico para títulos dentro de listas de productos/cursos */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    
    font-family: "bodony", Sans-Serif !important; /* Mantenemos tu fuente */
    font-weight: 400 !important;
    text-transform: uppercase;
    line-height: 1.3 !important; /* Líneas más juntas para títulos largos */
    margin-bottom: 10px !important;
}

/* --- TAMAÑOS ESPECÍFICOS SOLO PARA LAS TARJETAS DE PRODUCTO --- */

/* Escritorio: Tamaño ideal para tarjetas (18px o 20px suele ir bien) */
@media (min-width: 1025px) {
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 18px !important; 
    }
}

/* Tablet (iPad) */
@media (max-width: 1024px) {
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 17px !important;
    }
}

/* Móvil */
@media (max-width: 767px) {
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3 {
        font-size: 16px !important;
    }
}

/* Esto anima el contenedor del menú para que entre desde la derecha */
.elementor-kit-97 .dialog-widget-content {
    animation: slideInRight 0.4s ease-out forwards;
}

/* Definimos el movimiento */
@keyframes slideInRight {
    0% {
        transform: translateX(100%); /* Empieza fuera a la derecha */
        opacity: 0;
    }
    100% {
        transform: translateX(0); /* Termina en su sitio */
        opacity: 1;
    }
}

/* === ESTILO CAJA DE CONTENIDO PREMIUM (AZUL CLARO & VIDEO) === */

/* === ESTILO CAJA DE CONTENIDO PREMIUM (FIX DE POSICIÓN) === */

.caja-contenido-premium {
    /* PROPIEDAD CLAVE PARA QUE BAJE */
    clear: both !important;            /* Obliga a ponerse debajo de la foto y el texto */
    display: block !important;
    width: 100% !important;            /* Ocupa todo el ancho disponible */
    
    /* Estilo Visual */
    background-color: #f0f7fb !important; 
    border: 1px solid #c1d2dc !important; 
    border-radius: 8px !important;
    padding: 40px !important;
    
    /* Márgenes para separar */
    margin-top: 60px !important;       /* Mucho aire arriba */
    margin-bottom: 50px !important;
    text-align: center !important;
    
    /* Centrado en pantalla (limitamos el ancho para que no sea gigante) */
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    
    box-shadow: 0 4px 20px rgba(193, 210, 220, 0.3);
}

/* El resto de estilos de Título y Video se mantienen igual, 
   pero asegúrate de tenerlos en tu CSS también */

/* El Título "TU CONTENIDO EXCLUSIVO" */
.titulo-premium {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    color: #000000 !important;   /* Negro */
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    display: inline-block !important;
}

/* === AQUÍ ESTÁ EL CÓDIGO DEL VÍDEO (RESPONSIVE) === */
.contenido-embed iframe,
.contenido-embed video,
.premium-content-box iframe { /* Añadido por seguridad */
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important; /* Mantiene formato cine */
    height: auto !important;
    
    border-radius: 8px !important;
    margin: 0 auto !important;
    display: block !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* === AJUSTE MÓVIL PARA CAJA PREMIUM Y VÍDEO === */

@media (max-width: 767px) {
    /* 1. Reducimos el relleno de la caja azul drásticamente */
    .caja-contenido-premium {
        padding: 20px 10px !important; /* Solo 10px a los lados */
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        width: 100% !important;
    }

    /* 2. Ajustamos el título para que no ocupe tanto */
    .titulo-premium {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }

    /* 3. Aseguramos que el vídeo ocupe el 100% del ancho disponible */
    .contenido-embed iframe,
    .contenido-embed video,
    .premium-content-box iframe {
        width: 100% !important;
        max-width: 100% !important;
        /* Mantenemos la proporción, pero aprovechando todo el ancho */
        aspect-ratio: 16 / 9 !important; 
    }
}

/* ==========================================================
   MARGEN CABECERA RESPONSIVO (TIENDA / ARCHIVO)
   Ajusta la distancia del título con el menú según el dispositivo
   ========================================================== 
   */

/* 1. ESCRITORIO (Pantallas grandes) */
body.post-type-archive-product #content,
body.post-type-archive-product #primary,
body.post-type-archive-product .site-content {
    padding-top: 60px !important;    /* Ajusta aquí tu gusto para PC (ej: 60px o 80px) */
    padding-bottom: 80px !important;
    display: block !important;
}

/* 2. IPAD / TABLET (Vertical) */
@media (min-width: 768px) and (max-width: 1024px) {
    body.post-type-archive-product #content,
    body.post-type-archive-product #primary,
    body.post-type-archive-product .site-content {
        padding-top: 40px !important; /* Un poco menos de aire */
    }
}

/* 3. MÓVIL (Pantallas pequeñas) */
@media (max-width: 767px) {
    body.post-type-archive-product #content,
    body.post-type-archive-product #primary,
    body.post-type-archive-product .site-content {
        padding-top: 20px !important; /* Mínimo espacio para aprovechar pantalla */
        padding-bottom: 40px !important;
    }
}

/* --- GRUPO 2: PÁGINAS (MI CUENTA, CARRITO, CHECKOUT) --- */
/* Aquí atacamos directamente a la clase '.page' que envuelve todo */
body.woocommerce-account .page,
body.woocommerce-cart .page,
body.woocommerce-checkout .page {
    padding-top: 0px !important;    /* Bajamos todo el bloque */
    padding-bottom: 100px !important; /* Espacio abajo */
    display: block !important;
}

/* REFUERZO: Si el título sigue rebelde, lo empujamos individualmente */
body.woocommerce-account h1,
body.woocommerce-cart h1,
body.woocommerce-checkout h1 {
    margin-top: 40px !important;     /* Aire extra encima del título */
    margin-bottom: 40px !important;
    line-height: 1.2 !important;
}




/* === OCULTAR LISTA DE DESEOS (WISHLIST) === */

/* En la ficha del curso (al lado del título o botón) */
.tutor-course-wishlist-btn,
.tutor-course-details-actions .tutor-icon-fav-line,
.tutor-course-wishlist-btn-icon {
    display: none !important;
}

/* Si quedara algún contenedor vacío por culpa de quitar el botón */
.tutor-course-details-actions {
    display: none !important;
}


/* === CORRECCIÓN ESPACIO INFERIOR CURSOS (Footer) === */

/* Añadimos aire al final de la página del curso para que no choque con el pie de página */
body.single-courses .tutor-wrap,
body.single-courses .site-content, 
body.single-courses #content {
    padding-bottom: 100px !important; /* Espacio generoso al final */
    margin-bottom: 50px !important;
    display: block !important;
}

/* ==========================================================
   MARGEN SUPERIOR FICHA DE CURSO (TUTOR LMS)
   Igualamos el espaciado con las fichas de producto
   ========================================================== */

/* 1. ESCRITORIO */
body.single-courses #content,
body.single-courses #primary,
body.single-courses .site-content,
body.single-courses .tutor-wrap {
    padding-top: 0px !important; /* Mismo aire que en productos */
}

/* 2. TABLET / IPAD */
@media (min-width: 768px) and (max-width: 1024px) {
    body.single-courses #content,
    body.single-courses #primary,
    body.single-courses .site-content,
    body.single-courses .tutor-wrap {
        padding-top: 0px !important;
    }
}

/* 3. MÓVIL */
@media (max-width: 767px) {
    body.single-courses #content,
    body.single-courses #primary,
    body.single-courses .site-content,
    body.single-courses .tutor-wrap {
        padding-top: 0px !important;
    }
}

/* === AJUSTE ESPACIO TÍTULO - IMAGEN (FICHA CURSO) === */

/* 1. Reducir el espacio debajo del Título */
body.single-courses .tutor-course-details-title {
    margin-bottom: 0px !important; /* Antes tenía más aire */
    padding-bottom: 0 !important;   /* Quitamos relleno inferior */
}

/* 2. Quitar el espacio encima de la Imagen/Vídeo */
body.single-courses .tutor-course-thumbnail,
body.single-courses .tutor-course-details-media {
    margin-top: 0 !important;       /* Pegamos la imagen hacia arriba */
}

/* 3. Si hubiera un contenedor de cabecera intermedio */
body.single-courses .tutor-course-header {
    margin-bottom: 10px !important; /* Espacio justo entre cabecera y cuerpo */
}
/* === CORRECCIÓN TEXTO LECCIONES (INVISIBLE) === */

/* Forzamos el color oscuro en los títulos de las lecciones dentro del temario */
.tutor-course-topic-list .tutor-course-lesson h5,
.tutor-course-topic-list .tutor-course-lesson-title,
.tutor-course-content-list-item-title {
    color: #5B6167 !important; /* Tu gris corporativo */
    font-family: 'Open Sans', sans-serif !important; /* Aseguramos la fuente ya que estamos */
    font-weight: 600 !important;
}

/* Si hay enlaces dentro, también los pintamos */
.tutor-course-topic-list a {
    color: #5B6167 !important;
}

/* Opcional: Color al pasar el ratón (Hover) */
.tutor-course-topic-list .tutor-course-lesson:hover h5,
.tutor-course-topic-list .tutor-course-lesson:hover .tutor-course-lesson-title {
    color: #000000 !important; /* Negro al pasar el ratón */
}


/* ==========================================================
   ESTILO BOTONES SECUNDARIOS WOOCOMMERCE (Login, Carrito, Cupón...)
   Diseño: Open Sans 16px, Radio 5px, Borde Fino, Colores Suaves
   ========================================================== */

/* 1. SELECCIÓN DE TODOS LOS BOTONES SECUNDARIOS */
.woocommerce-form-login__submit,            /* Acceso */
.woocommerce-form-register__submit,         /* Registro */
.woocommerce-cart .button[name="update_cart"], /* Actualizar carrito */
.woocommerce-cart .button[name="apply_coupon"],/* Aplicar cupón */
a.button.wc-forward,                        /* Ver carrito / Seguir comprando */
.woocommerce-MyAccount-content .button {    /* Guardar cambios/dirección */
    
    /* Tipografía */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* Forma y Bordes */
    border-radius: 5px !important;
    border: 1px solid #c1d2dc !important;   /* Borde en tu azulito claro */
    background-color: transparent !important; /* Fondo transparente (Ghost) */
    color: #5B6167 !important;              /* Texto en gris corporativo */
    
    /* Espaciado */
    padding: 10px 20px !important;
    line-height: 1.5 !important;
    height: auto !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* 2. EFECTO HOVER (AL PASAR EL RATÓN) */
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover,
.woocommerce-cart .button[name="update_cart"]:hover,
.woocommerce-cart .button[name="apply_coupon"]:hover,
a.button.wc-forward:hover,
.woocommerce-MyAccount-content .button:hover {
    background-color: #c1d2dc !important;   /* Relleno suave al pasar */
    color: #5B6167 !important;              /* Mantenemos texto oscuro */
    border-color: #c1d2dc !important;
    transform: translateY(-1px);            /* Movimiento sutil */
}

/* 3. ESTADO DESHABILITADO (Ej: Actualizar carrito sin cambios) */
.woocommerce button[disabled],
.woocommerce button[disabled]:hover {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background-color: transparent !important;
    transform: none !important;
}

/* 4. AJUSTES ESPECÍFICOS DE ANCHO */
/* Login y Registro: Que ocupen el ancho disponible si están en columna */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
    width: 100%; 
    margin-top: 10px;
}

/* En el carrito, el botón de cupón queda mejor estrecho */
.woocommerce-cart .button[name="apply_coupon"] {
    width: auto;
}

/* ==========================================================
   TRANSFORMACIÓN TEMARIO DEL CURSO (TUTOR LMS)
   1. Convertir Tooltip en Descripción visible
   2. Aplicar colores azules y fuentes finas
   ========================================================== */

/* --- 1. TÍTULOS DE LOS TEMAS (Acordeón) --- */
.tutor-accordion-item-header,
.tutor-accordion-item-header .tutor-accordion-item-title {
    color: #2E6A88 !important;       /* Tu Azul Link */
    font-family: 'Open Sans', sans-serif !important; /* O "bodony" si prefieres el estilo título */
    font-weight: 600 !important;      /* Un poco de peso para diferenciarlo de la lección */
    font-size: 16px !important;
    transition: color 0.3s ease;
}

/* Hover (Al pasar el ratón por el tema) */
.tutor-accordion-item-header:hover,
.tutor-accordion-item-header:hover .tutor-accordion-item-title {
    color: #25566E !important;       /* Tu Azul Oscuro */
}

/* --- 2. TRANSFORMACIÓN DEL TOOLTIP A TEXTO NORMAL --- */

/* El contenedor del icono (La "i") */
.tooltip-wrap.tooltip-icon {
    display: block !important;        /* Forzamos que ocupe una línea propia */
    width: 100% !important;
    height: auto !important;
    background: transparent !important; /* Quitamos el círculo gris de fondo si lo tiene */
    margin-top: 5px !important;       /* Separación del título */
    cursor: default !important;
}

/* El texto de dentro (Lo que antes estaba oculto) */
.tooltip-txt {
    visibility: visible !important;   /* Siempre visible */
    opacity: 1 !important;
    
    /* Reseteamos la posición absoluta para que no flote */
    position: static !important;      
    transform: none !important;
    
    /* Estilo de texto descriptivo */
    background-color: transparent !important; /* Sin fondo negro */
    color: #666666 !important;        /* Gris suave para lectura */
    border: none !important;
    padding: 0 !important;
    width: 100% !important;           /* Que ocupe todo el ancho */
    white-space: normal !important;   /* Permitir saltos de línea (CLAVE para móvil) */
    text-align: left !important;
    
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;       /* Un poco más pequeño que el título */
    line-height: 1.5 !important;
}

/* Ocultar el triangulito del tooltip viejo */
.tooltip-txt::after {
    display: none !important;
}

/* --- 3. TÍTULOS DE LAS LECCIONES (El contenido) --- */
.tutor-course-content-list-item-title {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;      /* Peso fino solicitado */
    color: #5B6167 !important;        /* Gris corporativo */
    font-size: 15px !important;
}

/* Iconos de las lecciones (Youtube, candado, etc.) */
.tutor-course-content-list-item-icon,
.tutor-icon-brand-youtube-bold {
    color: #2E6A88 !important;        /* Los ponemos en azulito también para combinar */
    opacity: 0.8;
}

/* ==========================================================
   RESTAURAR BOTÓN FINALIZAR COMPRA (ESTILO CTA FUERTE)
   Sobrescribe el estilo "Ghost" para devolverle el Azul Oscuro
   ========================================================== */

/* Afecta al botón "Finalizar Compra" del Carrito y al "Realizar Pedido" del Checkout */
.woocommerce-cart .checkout-button, 
.woocommerce-checkout #place_order {
    /* FONDO Y COLOR (Tu estilo original) */
    background-color: #2F465DCC !important; 
    color: #F5F5F7 !important;
    border: 1px solid #F5F5F7 !important;
    
    /* TIPOGRAFÍA (Bodony) */
    font-family: "bodony", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase;

    /* FORMA (Más grande y redondeado) */
    border-radius: 5px !important;  /* Radio de 10px como tenías antes */
    padding: 15px 40px !important;   /* Más gordito */
    
    /* RESETEAR ESTILOS GHOST */
    margin-top: 20px !important;
    width: auto !important;          /* Que no ocupe todo el ancho si no quieres */
    display: inline-block !important;
    transition: all 0.25s ease-in-out !important;
}

/* EFECTO HOVER (AL PASAR EL RATÓN) */
.woocommerce-cart .checkout-button:hover,
.woocommerce-checkout #place_order:hover {
    background-color: #5B6167 !important; /* Tu gris oscuro hover */
    border-color: #5B6167 !important;
    color: #F5F5F7 !important;
    transform: translateY(-2px);
}
/* ==========================================================
   ESTILO BOTÓN "VOLVER A LA TIENDA" (CARRITO VACÍO)
   Estilo Secundario (Ghost): Open Sans, Borde Fino
   ========================================================== */

.return-to-shop a.button,
a.button.wc-backward { 
    /* TIPOGRAFÍA (Open Sans) */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* FORMA Y BORDES */
    border-radius: 5px !important;
    border: 1px solid #c1d2dc !important;   /* Tu azul claro */
    background-color: transparent !important; /* Fondo transparente */
    color: #5B6167 !important;              /* Gris corporativo */
    
    /* ESPACIADO */
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    display: inline-block !important;
    margin-top: 20px !important;
}

/* EFECTO HOVER */
.return-to-shop a.button:hover,
a.button.wc-backward:hover {
    background-color: #c1d2dc !important;   /* Se rellena al pasar el ratón */
    color: #5B6167 !important;
    border-color: #c1d2dc !important;
    transform: translateY(-1px);
}

/* OPCIONAL: Centrar el mensaje de "Carrito vacío" y el botón */
.woocommerce-cart .cart-empty,
.woocommerce-cart .return-to-shop {
    text-align: center !important;
    font-family: 'Open Sans', sans-serif !important;
}

/* === REFUERZO FINAL: BOTÓN FINALIZAR COMPRA (CARRITO) === */
/* Este bloque obliga al botón del carrito a ser AZUL OSCURO y SÓLIDO */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    /* FONDO Y COLOR (Estilo CTA Fuerte) */
    background-color: #2F465DCC !important; 
    color: #F5F5F7 !important;
    border: 1px solid #F5F5F7 !important;
    
    /* TIPOGRAFÍA (Bodony) */
    font-family: "bodony", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase;

    /* FORMA (Grande y Redondeado) */
    border-radius: 5px !important;
    padding: 15px 40px !important;
    
    /* RESETEAR ESTILOS GHOST */
    margin-top: 20px !important;
    width: 100% !important; /* Ocupa el ancho de su caja */
    display: block !important;
    transition: all 0.25s ease-in-out !important;
    opacity: 1 !important;
}

/* EFECTO HOVER (AL PASAR EL RATÓN) */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #5B6167 !important; /* Tu gris oscuro hover */
    border-color: #5B6167 !important;
    color: #F5F5F7 !important;
    transform: translateY(-2px);
}


/* ==========================================================
   ETIQUETA "PRÓXIMAMENTE" - LIMPIEZA TOTAL V3
   ========================================================== */

/* --- 1. ESTILO EN CAJITAS (TIENDA Y RELACIONADOS) --- */
/* Diseño: Cinta de lado a lado, transparente, al 80% de altura */
.woocommerce ul.products li.product .texto-proximamente,
.related.products ul.products li.product .texto-proximamente {
    /* Posición */
    position: absolute !important;
    top: 50% !important;              /* Casi abajo */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;           /* De lado a lado */
    transform: translateY(-50%) !important;
    
    /* Estilo Visual */
    background-color: rgba(234, 230, 225, 0.7) !important; /* Arena Transparente */
    color: #5B6167 !important;
    
    /* Tipografía */
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase;
    text-align: center !important;
    
    /* Forma */
    padding: 10px 0 !important;
    border-radius: 0 !important;      /* Recto */
    
    /* Funcionalidad */
    pointer-events: none;
    z-index: 30;
    display: block !important;
}

/* --- 2. ESTILO EN FICHA INDIVIDUAL (PRODUCTO) --- */
/* Diseño: Etiqueta sólida, pequeña, alineada a la IZQUIERDA */
body.single-product .texto-proximamente {
    /* Reseteo de posición */
    position: relative !important;
    width: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    
    /* Estilo Visual */
    background-color: #EAE6E1 !important; /* Arena Sólido */
    color: #5B6167 !important;
    
    /* Tipografía */
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;      /* Peso fino solicitado */
    font-size: 14px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    
    /* Forma y Espacio */
    display: inline-block !important;
    border-radius: 4px !important;
    padding: 8px 20px !important;
    margin-bottom: 20px !important;
    
    /* ALINEACIÓN A LA IZQUIERDA */
    float: left !important;
    clear: both !important;           /* Asegura que no tenga nada a los lados */
}

/* --- 3. ALINEACIÓN DEL BOTÓN "AVÍSAME" (FICHA) --- */
/* Diseño: Alineado a la IZQUIERDA, debajo de la etiqueta */
a.single_add_to_cart_button.abrir-popup-espera {
    display: inline-block !important; 
    margin-left: 0 !important;        /* Pegado a la izquierda */
    margin-right: auto !important; 
    margin-top: 0 !important;
    text-align: center !important; 
    
    /* ALINEACIÓN A LA IZQUIERDA */
    float: left !important;           
    clear: both !important;           /* Se pone debajo de la etiqueta */
}

/* === CORRECCIÓN ALINEACIÓN TÍTULOS PORTADA (PANTALLAS GRANDES) === */

/* Forzar que los H4 dentro de las tarjetas de Elementor se centren */
.elementor-widget-container h4,
.elementor-image-box-content .elementor-image-box-title {
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Si están dentro de una estructura de columnas de Elementor */
.elementor-column-wrap h4 {
    text-align: center !important;
}

/* === CORRECCIÓN ALINEACIÓN TÍTULOS PORTADA (ELEMENTOR IMAGE BOX) === */

/* 1. Obligamos al contenedor del texto a ocupar todo el ancho y centrar su contenido */
.elementor-image-box-wrapper .elementor-image-box-content {
    width: 100% !important;
    text-align: center !important;
    display: block !important; /* Asegura que no se comporte como columna flexible */
}

/* 2. Obligamos al título H4 a centrarse dentro de ese contenedor */
.elementor-image-box-title {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* === CORRECCIÓN CENTRADO IMAGEN PORTADA (ELEMENTOR) === */

/* 1. Atacamos al contenedor <figure> que envuelve la imagen */
.elementor-image-box-img {
    text-align: center !important;   /* Centra horizontalmente el contenido (la etiqueta <a> y la <img>) */
    display: block !important;       /* Asegura que ocupe todo el ancho disponible */
    width: 100% !important;
    margin-left: auto !important;    /* Asegura centrado del bloque por si acaso */
    margin-right: auto !important;
}

/* 2. Refuerzo para la imagen en sí misma */
.elementor-image-box-img img {
    display: inline-block !important; /* Permite que 'text-align: center' del padre funcione */
    margin: 0 auto !important;        /* Centrado extra por seguridad */
}

/* === ESPACIO INFERIOR FICHA PRODUCTO (Igualar al Curso) === */

body.single-product #content,
body.single-product #primary,
body.single-product .site-content {
    padding-bottom: 100px !important; /* 100px de aire antes del pie de página */
    display: block !important;
}


/* ==========================================================
   ETIQUETAS CINTA UNIFICADAS (TIENDA Y RELACIONADOS)
   Diseño: Cinta de lado a lado. Adaptable a Móvil.
   ========================================================== */

/* 1. ESTILO BASE (ESCRITORIO) */
.woocommerce ul.products li.product .etiqueta-flotante-imagen,
.related.products ul.products li.product .etiqueta-flotante-imagen,
.woocommerce ul.products li.product .purchased-badge,
.related.products ul.products li.product .purchased-badge,
.woocommerce ul.products li.product .texto-proximamente,
.related.products ul.products li.product .texto-proximamente {
    
    /* Posición Fija en la Foto (Escritorio) */
    position: absolute !important;
    top: 140px !important;            /* Tu medida de PC */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;           /* De lado a lado */
    margin: 0 !important;
    transform: none !important;
    
    /* Tipografía Fina (Igualada) */
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;       /* Tamaño PC */
    letter-spacing: 2px !important;
    text-transform: uppercase;
    text-align: center !important;
    line-height: 1.4 !important;
    
    /* Forma de Cinta */
    padding: 8px 0 !important;
    border-radius: 0 !important;      /* Recto */
    border: none !important;
    border-top: 1px solid rgba(255,255,255,0.4) !important;
    border-bottom: 1px solid rgba(255,255,255,0.4) !important;
    
    /* Funcionalidad */
    pointer-events: none;
    z-index: 30;
    display: block !important;
    box-sizing: border-box !important; /* Evita que se salga del ancho */
}

/* 2. AJUSTE ESPECÍFICO PARA MÓVIL (PANTALLAS PEQUEÑAS) */
@media (max-width: 767px) {
    .woocommerce ul.products li.product .etiqueta-flotante-imagen,
    .related.products ul.products li.product .etiqueta-flotante-imagen,
    .woocommerce ul.products li.product .purchased-badge,
    .related.products ul.products li.product .purchased-badge,
    .woocommerce ul.products li.product .texto-proximamente,
    .related.products ul.products li.product .texto-proximamente {
        
        /* Subimos la etiqueta para que entre en la foto pequeña */
        top: 110px !important;  /* <--- PRUEBA AQUÍ: 70px u 80px suele ir bien */
        
        /* Reducimos la letra para que "PRÓXIMAMENTE" no se corte */
        font-size: 10px !important; 
        letter-spacing: 1px !important;
        padding: 6px 0 !important;
    }
}

/* 2. COLOR ESPECÍFICO: ADQUIRIDO (Azul) */
.woocommerce ul.products li.product .etiqueta-flotante-imagen,
.related.products ul.products li.product .etiqueta-flotante-imagen,
.woocommerce ul.products li.product .purchased-badge,
.related.products ul.products li.product .purchased-badge {
    background-color: rgba(193, 210, 220, 0.85) !important; /* Azulito */
    color: #5B6167 !important;
}

/* 3. COLOR ESPECÍFICO: PRÓXIMAMENTE (Arena) */
.woocommerce ul.products li.product .texto-proximamente,
.related.products ul.products li.product .texto-proximamente {
    background-color: rgba(234, 230, 225, 0.85) !important; /* Arena */
    color: #5B6167 !important;
}

/* === LIMPIEZA TOTAL DE "/MONTH" (VERSION DEFINITIVA) === */

/* 1. Ocultar específicamente la etiqueta de sufijo de WooCommerce */
/* Esto suele matar al "/ month" si está bien codificado */
.product_tag-proximamente .woocommerce-price-suffix {
    display: none !important;
    visibility: hidden !important;
    font-size: 0 !important;
}

/* 2. Truco de invisibilidad para el contenedor del precio */
/* Hacemos invisible TODO lo que haya en la caja del precio... */
.product_tag-proximamente .price,
.product_tag-proximamente p.price,
.product_tag-proximamente span.price {
    font-size: 0 !important;       /* Texto a tamaño cero */
    line-height: 0 !important;     /* Sin altura de línea */
    color: transparent !important; /* Texto transparente */
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. ...EXCEPTO nuestra etiqueta, que la "resucitamos" */
/* Le devolvemos su tamaño y color original para que sea lo único visible */
.product_tag-proximamente .texto-proximamente {
    font-size: 14px !important;    /* Tamaño correcto */
    line-height: 1.5 !important;
    color: #5B6167 !important;     /* Tu color gris */
    opacity: 1 !important;
    
    /* Aseguramos que se vea aunque el padre sea transparente */
    visibility: visible !important; 
}

/* === BORRAR RASTRO DE SUSCRIPCIÓN EN PRÓXIMAMENTE === */

/* Ocultar específicamente la clase que has encontrado */
.product_tag-proximamente .subscription-details {
    display: none !important;
    visibility: hidden !important;
}

/* Refuerzo por si acaso el texto está suelto al lado */
.product_tag-proximamente .price {
    font-size: 0 !important; /* Reduce a cero cualquier texto rebelde */
}

/* Aseguramos que nuestra etiqueta siga visible a pesar del font-size 0 */
.product_tag-proximamente .texto-proximamente {
    font-size: 13px !important; 
    display: block !important;
}


/* === OCULTAR TOTALES RECURRENTES (SUSCRIPCIONES) === */
.recurring-totals, 
.cart-subtotal.recurring-total, 
.shipping.recurring-total, 
.tax-total.recurring-total,
.order-total.recurring-total {
    display: none !important;
}

/* Si queda algún título suelto de 'Totales recurrentes' */
th.recurring-totals, td.recurring-totals {
    display: none !important;
}

/* === ESTILO BARRA DE PROGRESO (TUTOR LMS) === */

/* 1. La Barra Llena (Tu color Azul Clarito) */
.tutor-progress-bar .tutor-progress-filled {
    background-color: #c1d2dc !important;  /* El azul de tu marca */
    border-radius: 10px !important;        /* Bordes redondeados */
    box-shadow: none !important;           /* Quitamos sombras por defecto */
}

/* 2. El Fondo de la Barra (La parte vacía) */
.tutor-progress-bar {
    background-color: #f0f0f0 !important;  /* Un gris muy suave para el fondo */
    border-radius: 10px !important;        /* Que coincida con el relleno */
    height: 8px !important;                /* Puedes hacerla más fina o gruesa aquí */
}

/* 3. El Texto del Porcentaje ("25% Completado") */
.tutor-course-progress-wrapper .tutor-fs-7,
.tutor-progress-content .tutor-fs-6 {
    color: #5B6167 !important;             /* Tu gris corporativo */
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}


/* === ESTILO BARRA DE PROGRESO (LISTAS Y ESCRITORIO) === */

/* 1. El fondo de la barra (el carril vacío) */
.list-item-progress .tutor-progress-bar {
    background-color: #f5f5f5 !important; /* Gris muy clarito */
    border-radius: 10px !important;        /* Redondeada */
    height: 8px !important;                /* Un poco más fina y elegante */
    box-shadow: none !important;
}

/* 2. La parte llena (Tu color corporativo) */
.list-item-progress .tutor-progress-value {
    background-color: #c1d2dc !important;  /* TU AZULITO */
    background: #c1d2dc !important;        /* Forzamos por si usa degradados */
    border-radius: 10px !important;
}

/* 3. Los textos de arriba (ej: "2/8" y "25%") */
.list-item-progress .progress-steps,
.list-item-progress .progress-percentage {
    color: #5B6167 !important;             /* TU GRIS OSCURO */
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;            /* Tamaño discreto */
    text-transform: uppercase;             /* Opcional: para que se vea más "pro" */
}

/* === CORRECCIÓN TEXTO DESCRIPCIÓN TEMA (MINÚSCULAS) === */
.tooltip-txt {
    text-transform: none !important; /* Muestra el texto tal cual lo escribiste, sin forzar mayúsculas */
    line-height: 1.6 !important;     /* Un poco más de aire para leer mejor */
    font-size: 15px !important;      /* Tamaño cómodo de lectura */
    color: #5B6167 !important;       /* Tu gris corporativo para asegurar */
}

/* === LIMPIEZA DE BORDES EN CAJAS DE IMAGEN (ELEMENTOR) === */
/* Esto oculta el borde y la sombra para que no se note la diferencia de altura */

.elementor-widget-image-box .elementor-widget-container {
    border: none !important;           /* Quita el borde sólido */
    border-radius: 0 !important;       /* Quita bordes redondeados si hubiera */
    box-shadow: none !important;       /* Quita sombras si hubiera */
    background-color: transparent !important; /* Asegura que no haya fondo de color */
}

/* Ajuste opcional: Asegurar que la imagen no tenga borde propio */
.elementor-image-box-img img {
    border: none !important;
    box-shadow: none !important;
}


/* =========================================
   ESTILO ELEGANTE PARA SELECTOR DE CANTIDAD
   ========================================= */

/* 1. Ocultar las flechas feas del navegador (Chrome, Safari, Edge) */
.woocommerce .quantity input[type="number"]::-webkit-inner-spin-button, 
.woocommerce .quantity input[type="number"]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

/* 1.1 Ocultar flechas en Firefox */
.woocommerce .quantity input[type="number"] {
    -moz-appearance: textfield;
}

/* 2. Estilo de la caja en el carrito */
.woocommerce .cart .quantity input.qty {
    width: 80px !important;             /* Un poco más ancho */
    text-align: center !important;       /* Número centrado */
    padding: 8px 5px !important;         /* Un poco de aire por dentro */
    
    /* Borde finito y color azul grisáceo sutil */
    border: 1px solid #c1d2dc !important; 
    background-color: #fdfdfd !important; /* Fondo casi blanco */
    
    /* Detalles de elegancia */
    border-radius: 4px !important;        /* Esquinas ligeramente redondeadas */
    font-weight: 600 !important;         /* Número un poco más gordito y visible */
    color: #444 !important;               /* Color del texto */
    transition: all 0.3s ease !important; /* Transición suave para los efectos */
}

/* 3. Efecto al pasar el ratón (Hover) */
.woocommerce .cart .quantity input.qty:hover {
    border-color: #007cba !important;    /* Se pone del azul principal al pasar el ratón */
    background-color: #fff !important;
}

/* 4. Efecto al hacer clic para escribir (Focus) */
.woocommerce .cart .quantity input.qty:focus {
    border-color: #007cba !important;    /* Borde azul intenso al seleccionarlo */
    /* Un resplandor azul muy sutil alrededor */
    box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1) !important; 
    background-color: #fff !important;
    outline: none !important; /* Quitamos el borde por defecto del navegador */
}


/* 1. Quitar fondo y borde en estado NORMAL */
.elementor-kit-97 .elementor-menu-cart__toggle_button {
    background-color: transparent !important;
    box-shadow: none !important; /* Por si acaso hay una sombra que parece borde */
    border: 1px solid transparent !important; /* Truco para que no salte al pasar el ratón */
}

/* 2. Definir el borde SOLO al pasar el ratón (Hover) */
.elementor-kit-97 .elementor-menu-cart__toggle_button:hover {
    background-color: transparent !important;
    border-color: #2F465D !important; /* CAMBIA #000000 por tu color dorado/negro */
}

/* 3. Asegurar que el icono dentro tampoco tenga fondo */
.elementor-kit-97 .elementor-button-icon {
    background-color: transparent !important;
}

/* Forzar que el contenedor del carrito esté por encima de todo */
.elementor-kit-97 .elementor-menu-cart__container {
    z-index: 99999 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'bodony';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('http://www.simpleto.es/cursos/wp-content/uploads/LibreBodoni-SemiBoldItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'bodony';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('http://www.simpleto.es/cursos/wp-content/uploads/LibreBodoni-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'bodony';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://www.simpleto.es/cursos/wp-content/uploads/LibreBodoni-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'bodony';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('http://www.simpleto.es/cursos/wp-content/uploads/LibreBodoni-MediumItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'bodony';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://www.simpleto.es/cursos/wp-content/uploads/LibreBodoni-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'bodony';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('http://www.simpleto.es/cursos/wp-content/uploads/LibreBodoni-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'bodony';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('http://www.simpleto.es/cursos/wp-content/uploads/LibreBodoni-BoldItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'bodony';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('http://www.simpleto.es/cursos/wp-content/uploads/LibreBodoni-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */