.paseVisitaTit{ color: #d77800; }

.borderInputAzul{ border: 1px solid #458389 !important; }

.borderradius5px{ border-radius: 5px; }
.borderradius8px{ border-radius: 8px; }
.borderradius10px{ border-radius: 10px; }
.borderradius12px{ border-radius: 12px; }
.borderradius15px{ border-radius: 15px; }



.emptyBox5{ display:block; width:100%; height:5px; overflow:hidden; }
.emptyBox10{ display:block; width:100%; height:10px; overflow:hidden; }
.emptyBox15{ display:block; width:100%; height:15px; overflow:hidden; }
.emptyBox25{ display:block; width:100%; height:25px; overflow:hidden; }
.emptyBox35{ display:block; width:100%; height:35px; overflow:hidden; }

.pddtop5{ padding-top: 5px; }
.pddtop7{ padding-top: 7px; }
.pddtop10{ padding-top: 10px; }
.pddtop15{ padding-top: 15px; }
.pddtop20{ padding-top: 20px; }
.pddtop30{ padding-top: 30px; }

.pddleft5 { padding-left:  5px; }
.pddleft10{ padding-left: 10px; }
.pddleft15{ padding-left: 15px; }
.pddleft20{ padding-left: 20px; }
.pddleft25{ padding-left: 25px; }

.pdd5 { padding:  5px; }
.pdd10{ padding: 10px; }
.pdd15{ padding: 15px; }
.pdd20{ padding: 20px; }
.pdd25{ padding: 25px; }


.border8rad{ border-radius: 8px; }

.wdt100{ width: 100%!important; }

.portlet {
    margin-bottom: 20px;
    background: #fff;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.curso-video-wrap {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
.curso-video-wrap iframe {
    display: block;
    width: 100%;
    height: 450px;
    border: none;
}
.curso-video-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: transparent;
    z-index: 5;
    cursor: default;
}


.cursosCompletos {
    color: #1d6300;


    display: inline-block;
    margin-top: 2px;
}




.curso-panel {
    background: #fff;
    border-radius: 14px;
    padding: 24px 28px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.05);
}

/* Ficha del header */
.curso-ficha {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #eef0f3;
}
.curso-ficha-datos { display: flex; flex-direction: column; gap: 4px; }
.curso-ficha-item { display: flex; gap: 8px; align-items: baseline; }
.curso-ficha-label {
    font-size: 12px; text-transform: uppercase; letter-spacing: .4px;
    color: #9aa2b0; font-weight: 700; min-width: 60px;
}
.curso-ficha-valor { font-size: 15px; color: #1a2942; font-weight: 600; }
.curso-ficha-fecha { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }

/* Alerta */
.curso-alerta {
    display: flex; align-items: center; gap: 10px;
    background: #fff4e6; border: 1px solid #f0ad4e40;
    border-radius: 8px; padding: 10px 14px;
    color: #8a5a15; font-weight: 600; font-size: 13.5px;
    margin-bottom: 18px;
}
.curso-alerta-icono { font-size: 16px; }

/* Preguntas */
.curso-preguntas { margin-top: 24px; }
.curso-pregunta-card {
    background: #f7f8fa;
    border: 1px solid #eef0f3;
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 14px;
}
.curso-pregunta-header {
    display: flex; gap: 10px; align-items: flex-start; margin-bottom: 12px;
}
.curso-pregunta-num {
    background: #1a2942; color: #fff; font-weight: 700;
    font-size: 12px; border-radius: 50%;
    width: 22px; height: 22px; display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.curso-pregunta-texto { font-weight: 700; font-size: 14.5px; color: #00A896; }

.curso-respuestas label { font-size: 13.5px; color: #444; padding: 4px 0; display: block; }

.curso-footer { display: flex; justify-content: flex-end; margin-top: 10px; }

/* Modal */
.curso-modal { border-radius: 14px; overflow: hidden; border: none; }
.curso-modal-header { background: #1a2942; padding: 16px 20px; border-bottom: none; }
.curso-modal-header .close { color: #fff; opacity: .7; text-shadow: none; font-size: 20px; }
.curso-modal-body { padding: 22px; }
.curso-confirmacion-texto { font-size: 14.5px; font-weight: 600; color: #1a2942; margin-bottom: 18px; }
.curso-modal-footer { display: flex; justify-content: flex-end; }


.full-screen {
    width: 50%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.backgroundBlue {
    background: linear-gradient(to right, #000000, #001121, #001d39, #002243, #00274d, #013567);
}
.backgroundBlue2 {
    background: linear-gradient(to right, #013567, #023d75, #014483, #0455a1, #0762b7, #0778e1);
}