/* Contenedor principal */
.logo-carousel {
  overflow: hidden;
  padding: 40px 0;
  background: white; /* Puedes cambiarlo a #000 si prefieres fondo negro */
  position: relative;
}

/* El carril que se mueve */
.logo-track {
  display: flex;
  width: calc(250px * 8); /* Ajusta según el número total de logos en el HTML */
  animation: scroll 20s linear infinite;
}

/* Cada espacio de logo */
.logo-slide {
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

.logo-slide img {
  max-width: 150px; /* Tamaño máximo en PC */
  max-height: 80px;
  filter: grayscale(100%); /* Efecto elegante, quítalo si quieres full color */
  transition: 0.3s;
  opacity: 0.7;
}

.logo-slide img:hover {
  filter: grayscale(0%);
  opacity: 1;
}

/* Animación */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-250px * 4)); } /* Debe ser el ancho de la mitad de los logos */
}

/* Ajustes para Teléfonos */
@media (max-width: 768px) {
  .logo-slide {
    width: 150px;
  }
  .logo-slide img {
    max-width: 100px;
  }
  .logo-track {
    width: calc(150px * 8);
  }
  @keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-150px * 4)); }
  }
}

.hero-section{
    position:relative;
    width:100%;
    min-height:100vh;

    display:flex;
    align-items:center;

    padding:80px;

    background-image:url('https://mundocapacitaciones-ec.com/wp-content/uploads/2026/05/Arte-5-Portada-Web-Practica.jpg');

    background-size:cover;
    background-position:center;

    overflow:hidden;
}

.hero-overlay{
    position:absolute;
    inset:0;

    background:linear-gradient(
        90deg,
        rgba(0,0,0,0.95) 0%,
        rgba(0,0,0,0.75) 45%,
        rgba(0,0,0,0.1) 100%
    );
}

.hero-content{
    position:relative;
    z-index:2;

    max-width:650px;
}

.hero-top{
    color:#f59e0b;

    font-size:14px;
    font-weight:700;

    letter-spacing:2px;

    display:block;

    margin-bottom:20px;
}

.hero-content h1{
    color:#fff;

    font-size:75px;
    line-height:1;

    font-weight:800;

    margin-bottom:25px;
}

.hero-content p{
    color:#ddd;

    font-size:22px;
    line-height:1.6;

    margin-bottom:35px;
}

.btn-primary{
    display:inline-block;

    background:#f59e0b;
    color:#000;

    padding:18px 34px;

    border-radius:12px;

    text-decoration:none;

    font-weight:700;

    transition:0.3s;
}

.btn-primary:hover{
    transform:translateY(-4px);

    background:#ffb11f;
}

/* RESPONSIVE */

@media(max-width:768px){

    .hero-section{

        padding:120px 25px 80px;

        background-image:url('https://mundocapacitaciones-ec.com/wp-content/uploads/2026/05/Arte-5-Portada-Web-Practica2.jpg');

        background-position:center top;
    }

    .hero-overlay{
        background:linear-gradient(
            180deg,
            rgba(0,0,0,0.82) 0%,
            rgba(0,0,0,0.9) 100%
        );
    }

    .hero-content h1{
        font-size:42px;
    }

    .hero-content p{
        font-size:17px;
    }

    .btn-primary{
        width:100%;
        text-align:center;
    }

}

/* ===================================================
   CÓDIGO ULTRA REFORZADO PARA FORZAR EL SCROLL
   =================================================== */
.services-custom-grid {
    display: flex !important;
    flex-wrap: nowrap !important; /* ¡ESTO OBLIGA A LAS 6 TARJETAS A QUEDARSE EN UNA SOLA FILA! */
    gap: 30px !important;
    overflow-x: auto !important; /* Activa el desplazamiento lateral */
    scroll-snap-type: x mandatory !important;
    padding: 20px 20px 40px 20px !important; /* Margen para que no se corten las sombras */
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Oculta por completo la barra de scroll fea */
.services-custom-grid::-webkit-scrollbar {
    display: none !important;
}

/* Evita que Elementor achique las tarjetas y mantiene su tamaño premium */
.service-premium-card {
    flex: 0 0 350px !important; /* Ancho fijo en computadoras */
    scroll-snap-align: center !important;
}

/* Ajuste de tamaño exacto para celulares */
@media (max-width: 480px) {
    .service-premium-card {
        flex: 0 0 285px !important; /* Ancho cómodo para pantallas móviles */
    }
}

/* 1. Tarjeta con Sombra Llamativa y Simetría */
.tutor-course-card {
    border-radius: 16px !important; /* Bordes más redondeados para simetría moderna */
    overflow: hidden;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important; /* Sombra base suave */
    transition: all 0.3s ease-in-out !important; /* Animación fluida */
}

/* Efecto al pasar el cursor (Sombra más llamativa) */
.tutor-course-card:hover {
    transform: translateY(-8px); /* Eleva la tarjeta */
    box-shadow: 0 15px 30px rgba(108, 92, 231, 0.15) !important; /* Sombra con tinte morado */
}

/* 2. Compactar el contenido (Menos distancia entre líneas) */
.tutor-course-body {
    padding: 20px !important; /* Espaciado interno controlado */
}

.tutor-course-title {
    font-size: 1.1rem !important;
    line-height: 1.3 !important; /* Reduce la altura de línea */
    margin-bottom: 10px !important; /* Menos espacio tras el título */
}

.tutor-course-meta {
    margin-top: 5px !important; /* Acerca los metadatos al título */
    font-size: 0.9rem !important;
}

/* 3. Simetría en los Botones */
.tutor-btn {
    padding: 10px 20px !important;
    border-radius: 10px !important;
    width: 100%; /* Botón simétrico a lo ancho de la tarjeta */
    margin-top: 15px !important;
}

/* Ajuste específico para el contenedor de la tarjeta para evitar desalineación */
.tutor-loop-course-footer {
    padding: 0 20px 20px 20px !important; /* Alineación simétrica con el cuerpo */
}

/* ===================================================
   CORRECCIÓN: ELIMINAR NOTIFICACIÓN VACÍA TUTOR LMS
   =================================================== */
body .tutor-notification-element-empty {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
}

/* Forzar que el contenedor principal recupere su espacio si fuera necesario */
.tutor-dashboard-content-inner {
    min-height: auto !important;
}
/* 1. Ocultar el precio en catálogo y carrusel (cuando NO estamos dentro del curso) */
body:not(.postid-2512) .post-2512 .woocommerce-Price-amount,
body:not(.postid-2512) .tutor-course-2512 .woocommerce-Price-amount,
body:not(.postid-2512) .post-2512 .price {
    display: none !important;
}

/* 2. Mostrar el código MCC y ocultar el $ SOLO dentro de la página del curso */
body.postid-2512 .woocommerce-Price-currencySymbol {
    display: none !important;
}
body.postid-2512 .woocommerce-Price-amount::before {
    content: "MCC-40H-2026- " !important;
}
/* Ocultar el texto en inglés */
.tutor-single-course-meta-author .tutor-meta-level {
    font-size: 0 !important;
}

/* Inyectar el texto en español */
.tutor-single-course-meta-author .tutor-meta-level::before {
    content: "Un curso de: " !important;
    font-size: 15px !important; /* Aquí le devolvemos un tamaño normal */
    color: #555; /* Color del texto */
}
/* ===========================
   TARJETAS DE CURSOS TUTOR LMS
=========================== */

/* Tarjeta */
.tutor-course-card,
.tutor-card{
    border-radius:18px;
    overflow:hidden;
    border:none;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s ease;
    background:#fff;
}

.tutor-course-card:hover,
.tutor-card:hover{
    transform:translateY(-5px);
    box-shadow:0 16px 40px rgba(0,0,0,.12);
}

/* Imagen */
.tutor-course-thumbnail img,
.tutor-card img{
    border-radius:18px 18px 0 0;
}

/* Contenido */
.tutor-course-content,
.tutor-card-body{
    padding:24px;
}

/* ===== ELIMINAR SUBRAYADO ===== */

.tutor-course-name a,
.tutor-course-name,
.tutor-loop-course-title a,
.tutor-loop-course-title,
.tutor-course-title a,
.tutor-course-title{
    text-decoration:none !important;
    color:#1F2937 !important;
    font-weight:700;
    line-height:1.35;
    transition:.25s;
}

.tutor-course-name a:hover,
.tutor-loop-course-title a:hover,
.tutor-course-title a:hover{
    color:#111827 !important;
}

/* Autor */

.tutor-course-author,
.tutor-meta{
    color:#6B7280;
    font-size:14px;
}

/* Precio */

.tutor-price,
.tutor-course-price{
    font-size:34px;
    font-weight:700;
    color:#111827;
}

/* Botón */

.tutor-btn,
.tutor-btn-outline-primary,
.tutor-loop-cart-btn{
    border-radius:12px;
    border:2px solid #111827;
    background:#111827;
    color:#fff !important;
    padding:13px 24px;
    font-weight:600;
    transition:.3s;
}

.tutor-btn:hover,
.tutor-btn-outline-primary:hover,
.tutor-loop-cart-btn:hover{
    background:#000;
    border-color:#000;
    color:#fff !important;
}

/* Separación */

.tutor-course-card>*{
    margin-bottom:14px;
}

.tutor-course-card>*:last-child{
    margin-bottom:0;
}

/* Estrellas */

.tutor-star-rating{
    margin-bottom:12px;
}

/* Responsive */

@media(max-width:768px){

.tutor-course-card,
.tutor-card{
    border-radius:16px;
}

.tutor-course-content,
.tutor-card-body{
    padding:18px;
}

.tutor-price,
.tutor-course-price{
    font-size:28px;
}

}
/* Botón Corporativo */

.mc-btn-container{
    text-align:center;
    padding:30px 20px 35px;
}

.mc-btn-whatsapp{
    display:inline-block;
    background:linear-gradient(135deg,#111827,#030712);
    color:#FFFFFF;
    text-decoration:none;
    font-size:1rem;
    font-weight:700;
    padding:16px 36px;
    border-radius:12px;
    border:1px solid #E2E8F0;
    transition:.25s ease;
    box-shadow:0 12px 28px rgba(17,24,39,.18);
}

.mc-btn-whatsapp:hover{
    background:linear-gradient(135deg,#030712,#111827);
    transform:translateY(-2px);
    box-shadow:0 16px 35px rgba(17,24,39,.25);
}

.mc-btn-text{
    margin-top:14px;
    font-size:.95rem;
    color:#6B7280;
    line-height:1.6;
}

@media (max-width:600px){

.mc-btn-whatsapp{
    width:100%;
    padding:15px;
    font-size:.95rem;
}

} 
/* Curso ID 2512 */
.post-2512 .price,
.post-2512 .woocommerce-Price-amount,
.post-2512 .amount,
.post-2512 .tutor-course-price,
.post-2512 .tutor-loop-course-price {
    color: #ffffff !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
/* Sobrescribe la clase de Tutor LMS solo para el curso 2648 */
.tutor-course-card:has(a[href*="2648"]) span.price.tutor-color-black,
.tutor-course-card:has(a[href*="2648"]) span.price bdi {
    color: #ffffff !important;
}