/* Banner */
.banner-curso { margin-bottom: 0 !important; }

/* H1 general */
.curso h1.mb-4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 2.6rem !important;
    text-transform: none !important;
}

/* Primera letra en mayúscula */
.curso h1.mb-4::first-letter { 
    text-transform: uppercase !important; 
}

/* Ajuste SOLO para móvil */
@media (max-width:768px){
    .curso h1.mb-4 {
        font-family:'Poppins',sans-serif!important;
        font-size:1.75rem!important;
    }
}

/* Parte verde del módulo */
.modulo-extra-info {
    display:flex;
    align-items:center;
    gap:10px;
    background:#f4f9f4;
    border-left:4px solid #4caf50;
    border-radius:8px;
    padding:12px 16px;
    margin-bottom:12px;
    font-size:14px;
    color:#333;
    box-shadow:0 2px 6px rgba(0,0,0,0.05);
}
.modulo-extra-info i {
    font-size:18px;
    color:#4caf50;
}
.modulo-extra-info span {
    font-weight:600;
    color:#2e7d32;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap');

.banda-wrapper { display:inline-flex; align-items:stretch; flex-wrap:nowrap; }
.banda-curso {
    background-color:#d90000; color:#fff; font-family:'Poppins',sans-serif;
    font-weight:700; padding:8px 16px; font-size:.9rem; letter-spacing:.8px;
    text-transform:uppercase; display:flex; align-items:center;
    border-radius:8px 0 0 8px; white-space:nowrap;
}
.banda-negra {
    background-color:#000; color:#fff; font-family:'Poppins',sans-serif;
    font-weight:700; padding:8px 16px; font-size:.88rem; letter-spacing:.5px;
    text-transform:uppercase; display:flex; align-items:center;
    border-radius:0 8px 8px 0; white-space:nowrap; position:relative;
}
.banda-negra .banda-negra-text{ display:inline-block; }

/* Móvil */
@media (max-width:768px){
    .banda-curso,.banda-negra{ padding:5px 10px; font-size:.72rem; letter-spacing:.4px; }
    .banda-curso{ border-radius:6px 0 0 6px!important; }
    .banda-negra{ border-radius:0 6px 6px 0!important; }
    .banda-negra .banda-negra-text{ display:none; }
    .banda-negra::after{
        content:"ESPECIALIZACIÓN PROFESIONAL";
        display:inline-block; width:100%; text-align:center; font-size:.72rem;
        line-height:1; white-space:nowrap;
    }
    .hero-banner-content .d-flex{ margin-top:-40px!important; }
}

/* Countdown */
.hero-banner{ padding-top:10px!important; margin-top:0!important; }
.countdown-inrepi{
    display:flex; align-items:center; gap:8px; margin-left:15px;
}
.countdown-inrepi .time-box{
    display:flex; flex-direction:column; align-items:center;
    background:rgba(255,255,255,0.1); padding:4px 8px;
    border-radius:8px; min-width:45px;
}
.countdown-inrepi .number{ font-weight:bold; font-size:16px; color:#fff; }
.countdown-inrepi .label{ font-size:11px; color:#fff; opacity:.9; }

.banner-texto .texto-con-contador{ display:flex; align-items:center; gap:15px; }
.curso-herramienta img { max-width:100%; height:auto; display:block; margin:0 auto; }

.curso-requisito ul li {
    display:flex; align-items:center; gap:10px; margin-bottom:15px;
}
@media (max-width:768px){
    .curso-requisito ul li { flex-direction:column; text-align:center; }
}

/* BANNER CURSO */
.banner-curso{
    background:linear-gradient(to right,#ff0000,#990000);
    color:#fff; padding:14px 0; margin-bottom:0!important;
}
.banner-texto span,.texto-movil{ font-size:1rem; font-weight:500; }

/* MOBILE ZOOM */
@media(max-width:767px){
    .mobile-zoom{ transform:scale(.99); transform-origin:center; }
    .mobile-zoom .countdown-inrepi .time-box{ min-width:35px; padding:2px 6px; }
    .mobile-zoom .countdown-inrepi .number{ font-size:14px; }
    .mobile-zoom .countdown-inrepi .label{ font-size:9px; }
    .mobile-zoom .banner-boton a{ font-size:.85rem; padding:6px 10px; }
}

/* VARIABLES */
:root{
    --page-gap:0px;
    --inner-pad:12px;
    --min-left-width:230px;
    --radius:14px;
    --black-grad:linear-gradient(135deg,#E20000 0%,#E20000 60%,#9B0000 100%);
    --plomo-grad:linear-gradient(180deg,#000,#262626);
}

/* RESET */
*{ box-sizing:border-box; }
html,body{
    margin:0; padding:0; font-family:'Inter',sans-serif;
    background:#f5f6f8; color:#111;
}

/* INFO BAR */
.info-bar{ margin:40px var(--page-gap); }
.info-inner{
    display:flex; border-radius:var(--radius); overflow:hidden;
    box-shadow:0 12px 30px rgba(0,0,0,.15);
    border:1px solid rgba(0,0,0,.08);
}
.info-fixed{
    background:var(--black-grad); min-width:var(--min-left-width);
    padding:calc(var(--inner-pad)*.8) 18px;
    display:flex; flex-direction:column; align-items:center;
    justify-content:center; color:#fff; text-align:center;
    border-right:1px solid rgba(255,255,255,.06);
}
.fixed-icon img{
    width:64px; height:64px; object-fit:contain;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,.6));
    transition:transform .3s;
}
.fixed-icon img:hover{ transform:scale(1.1); }
.fixed-line1{ margin-top:12px; font-weight:800; font-size:12px; text-transform:uppercase; }
.fixed-line2{ font-weight:700; font-size:11px; margin-top:4px; text-transform:uppercase; }

/* Animación botón registro */
.hero-banner-registration a { animation:pulseButton 1.5s infinite; }

@keyframes pulseButton{
    0%{ transform:scale(1); }
    50%{ transform:scale(1.05); }
    100%{ transform:scale(1); }
}

/* SLIDER */
.slider{
    flex:1; background:var(--plomo-grad);
    padding:calc(var(--inner-pad)*.8) 0;
    display:flex; align-items:center; overflow:hidden;
}
.track-wrapper{
    display:flex; width:max-content;
    animation:scroll 40s linear infinite;
}
.slide-track{
    display:flex; align-items:center; gap:36px; padding-inline:18px;
    flex-shrink:0;
}

@keyframes scroll{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
}

.slide{
    min-width:180px; display:flex; flex-direction:column;
    align-items:center; text-align:center; color:#fff;
    text-transform:uppercase; padding:6px 4px;
}

.slide .icon img{
    width:58px; height:58px; object-fit:contain;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));
    transition:transform .3s;
}

.slide .icon img:hover{
    transform:scale(1.15) rotate(-3deg);
}

.l1{ margin-top:6px; font-weight:800; font-size:11px; }
.l2{ font-weight:600; font-size:10.5px; opacity:.95; margin-top:2px; }

.slider:hover .track-wrapper{ animation-play-state:paused; }

/* RESPONSIVE SLIDER – CORREGIDO */
@media(max-width:900px){
    .info-fixed{ min-width:200px; }
    .slide{ min-width:140px; }
}

@media(max-width:520px){
    .info-fixed{ min-width:160px; }
    .slide{ min-width:120px; }
    .fixed-line1,.fixed-line2{ font-size:10px; }
    .l1{ font-size:10px; }
    .l2{ font-size:9.5px; }
}