/* ===========================================================================
   WEBSITE
=========================================================================== */

.whatsapp-float { position: fixed;bottom: 25px;left: 25px;z-index: 1; }
.whatsapp-float a { background: #10b981;color: #ffffff;padding: .55rem 1rem;font-size: 1.5rem;border-radius: 50%; }
.whatsapp-float button { background: transparent;color: #cccccc;font-size: .75rem;position: fixed;bottom: 55px;left: 70px;border-color: transparent; }

.lte-gradient-primary { background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x !important;color: #fff; }
.lte-gradient-secondary { background: #6c757d linear-gradient(180deg,#828a91,#6c757d) repeat-x !important;color: #fff; }
.lte-gradient-success { background: #28a745 linear-gradient(180deg,#48b461,#28a745) repeat-x !important;color: #fff; }
.lte-gradient-info { background: #17a2b8 linear-gradient(180deg,#3ab0c3,#17a2b8) repeat-x !important;color: #fff; }
.lte-gradient-danger { background: #dc3545 linear-gradient(180deg,#e15361,#dc3545) repeat-x !important;color: #fff; }
.lte-gradient-warning { background: #ffc107 linear-gradient(180deg,#ffca2c,#ffc107) repeat-x !important;color: #1f2d3d; }

/* ===================================
   ALERT
=================================== */

.alert-green-water { background: #bbf7d1;color: #508569;border-color: #9cd2b2; }

/* ===================================
   BUTTON
=================================== */

.btn-green-water { background: #04db8d;color: #ffffff;border-color: #00d990; }
.btn-green-water:hover { color: #ffffff; }

.btn-inrepi { background: #edb50c;color: #333333;border-color: #edb50c; }
.btn-inrepi:hover { background: #e9b005;color: #ffffff;border-color: #e9b005; }

/* ===================================
   FONT
=================================== */

.font-msr-black { font-family: 'Montserrat', sans-serif;font-weight: 900; } /* (Index -> Curso) */

/* ===========================================================================
   HEADER
=========================================================================== */

#header .aula-virtual { background: #edb50c;color: #ffffff;margin-left: .5rem;padding: 5px 10px;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;border: 1px solid #edb50c;border-radius: 6px; }
#header .aula-virtual:hover { background: #edb50c;color: #ffffff;  }

#header .iniciar-sesion { background: #262626;color: #ffffff;margin-top: 2px;margin-left: 1rem;padding: 5px 14px;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;border: 1px solid #ffffff;border-radius: 6px; }
#header .registrate { background: #ffffff;color: #262626;margin-top: 2px;margin-left: 1rem;padding: 5px 25px;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;border: 1px solid #ffffff;border-radius: 6px; }

#header .aula-virtual, #header .iniciar-sesion, #header .aula-virtual, #header .registrate { display: none; }
@media (min-width:576px) { #header .aula-virtual, #header .iniciar-sesion, #header .aula-virtual, #header .registrate { display: none; } }
@media (min-width:768px) { #header .aula-virtual, #header .iniciar-sesion, #header .aula-virtual, #header .registrate { display: none; } }
@media (min-width:992px) { #header .aula-virtual, #header .iniciar-sesion, #header .aula-virtual, #header .registrate { display: block; } }
@media (min-width:1200px) { #header .aula-virtual, #header .iniciar-sesion, #header .aula-virtual, #header .registrate { display: block; } }

#header .nav-item { display: block; }
@media (min-width:576px) { #header .nav-item { display: block; } }
@media (min-width:768px) { #header .nav-item { display: block; } }
@media (min-width:992px) { #header .nav-item { display: none; } }
@media (min-width:1200px) { #header .nav-item { display: none; } }

#header .carrito { color: #ffffff;margin-right: .5rem;margin-left: .5rem;padding: 0px;padding-top: .3rem; }
#header .carrito:hover { color: #ffffff; }
#header .carrito i { font-size: 2rem !important; }
#header .carrito span { background: #edb50c;color: #ffffff;float: right;margin-left: -10px;padding: 1px 5px;font-size: 11px;font-weight: bold;border-radius: 50%;position:absolute;z-index:1; }

#header .menu-right { width: auto;margin-right: 1rem;display: flex;position: absolute;right: 0px; }
@media (min-width:576px) { #header .menu-right { margin-right: calc(50% - 260px); } }
@media (min-width:768px) { #header .menu-right { margin-right: calc(50% - 350px); } }
@media (min-width:992px) { #header .menu-right { margin-right: calc(50% - 468px); } }
@media (min-width:1200px) { #header .menu-right { margin-right: calc(50% - 558px); } }
@media (min-width:1400px) { #header .menu-right { margin-right: calc(50% - 650px); } }

#header .dropdown-perfil { margin-top: 7px;margin-left: 1.5rem; }
#header .dropdown-perfil button { padding: 0;padding-right: 5px; }
#header .dropdown-perfil button span { background: #edb50c;color: #ffffff;margin-left: -7px;padding: 5px 11px;font-family: Gilroy, Segoe UI Symbol;font-weight: bold;border-radius: 50%; }

/* ===========================================================================
   SESION USUARIO
=========================================================================== */

.sesion-usuario { background: #000000;width: 100%;position: absolute;top: 70px;padding: .35rem 0rem .15rem 0rem;text-align: center;z-index: 100; /* Si se agrega TOPBAR -> top: 130px; */ }
.sesion-usuario h2 { color: #ffffff;font-family: Gilroy, Segoe UI Symbol;font-size: 1.75rem;font-weight: bold; }
.sesion-usuario h2 span { color: #f6b024; }

/* ===========================================================================
   INDEX - INICIO
=========================================================================== */

/* ===================================
   CURSO
=================================== */

.inicio .portfolio .portfolio-item { background: #ffffff;padding-top: 1rem;padding-bottom: 1.5rem;border-radius: 5px; }
.inicio .portfolio .portfolio-imagen { margin-bottom: .5rem; }
.inicio .portfolio .portfolio-imagen img { margin-bottom: .75rem;border-top-left-radius: .35rem;border-top-right-radius: .35rem; }
.inicio .portfolio .portfolio-imagen .etiqueta { background: red;color: #ffffff;padding: .25rem 1rem;font-size: .9rem;font-weight: 600;text-transform: uppercase;position: absolute;top: 1.65rem;right: 1.5rem;border-radius: .35rem; }
.inicio .portfolio .portfolio-titulo { min-height: 58px;margin-bottom: .75rem;padding: 0rem .5rem; }
.inicio .portfolio .portfolio-titulo h4 { color: #333333;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-size: 1rem;font-weight: 800; }
.inicio .portfolio .portfolio-titulo h4 a { color: #333333; }
.inicio .portfolio .portfolio-titulo h4 a:hover { color: #edb50c; }
.inicio .portfolio .portfolio-mensaje p { color: #333333;padding: 0rem .5rem;font-family: 'Nunito', sans-serif;font-size: 14px;font-weight: 200;text-align: justify; }
.inicio .portfolio .portfolio-docente { margin-bottom: 1rem;padding: 0rem .5rem; }
.inicio .portfolio .portfolio-docente img { width: 35px;margin-right: .5rem;border-radius: 50%; }
.inicio .portfolio .portfolio-docente span { color: #333333;font-family: Gilroy-Semi-Bold, Segoe UI Symbol;font-weight: 600; }
.inicio .portfolio .portfolio-precio { color: #c41934;margin-bottom: 1.5rem;padding: 0rem .5rem;font-family: Gilroy, Segoe UI Symbol;font-weight: bold;font-size: 1.2rem; }
.inicio .portfolio .portfolio-precio sup { color: #848484;font-weight: 600;text-decoration: line-through; }
.inicio .portfolio .portfolio-carrito { padding: 0rem .5rem;font-family: Gilroy, Segoe UI Symbol;font-weight: bold; }
.inicio .portfolio .portfolio-carrito .carrito { background: #fcbd00;margin-right: .5rem;padding: .5rem .4rem .5rem .65rem;border: 2px solid #fcbd00;border-radius: .5rem; }
.inicio .portfolio .portfolio-carrito .carrito img { width: 20px; }
.inicio .portfolio .portfolio-carrito .carrito:hover { background: #f1b400;border-color: #f1b400; }
.inicio .portfolio .portfolio-carrito .compra { background: #333333;color: #ffffff;padding: .5rem 1.75rem;border: 2px solid #333333;border-radius: .5rem; }
.inicio .portfolio .portfolio-carrito .compra:hover { background: #ffffff;color: #f1b400;border-color: #f1b400; }

/* ===================================
   CONTACTO
=================================== */

.inicio .contact { padding: 0px;padding-top: 2rem; }

@media (min-width:576px) { .inicio .contact {  } }
@media (min-width:768px) { .inicio .contact  { } }
@media (min-width:992px) { .inicio .contact { margin-bottom: 2rem; } }
@media (min-width:1200px) { .inicio .contact  { margin-bottom: 0rem; } }

.inicio .contact img { width: 100%;margin-top: 1rem; }
@media (min-width:576px) { .inicio .contact img { margin-top: 1rem; } }
@media (min-width:768px) { .inicio .contact img  { width: 75%;margin-top: 1rem; } }
@media (min-width:992px) { .inicio .contact img { width: 100%;margin-top: 0rem; } }
@media (min-width:1200px) { .inicio .contact img  { width: 100%;margin-top: 0rem; } }

/* ===========================================================================
   INSCRIPCIÓN
=========================================================================== */

/* ===================================
   CURSO
=================================== */

.curso .breadcrumbs { margin-top: 110px;padding: 20px 0 5px 0; }
.curso .breadcrumbs .container { padding: 0rem 1.85rem; }
.curso .contenido { padding: 10px 1rem 20px 0; }
.curso .contenido .container {  }

/* ====================
   INFORMACIÓN
==================== */

.curso .contenido .curso-informacion { padding-right: 1.5rem;padding-left: 1.5rem; }
.curso .contenido .curso-informacion .titulo h2 { color: #333333;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-size: 36px;font-weight: 800; }

/*.curso .contenido .curso-informacion .inicio { background: #333333;color: #ffffff;width: 720px;margin-bottom: 1rem;margin-left: -320px;padding: .5rem 0rem .5rem 320px;font-family: 'Nunito', sans-serif;font-size: 1.5rem;font-weight: bold;font-style: italic; }*/
.curso .contenido .curso-informacion .inicio { background: #333333;color: #ffffff;width: 375px;margin-bottom: 1rem;margin-left: -36px;padding: .5rem 0rem .5rem .0rem;font-family: 'Nunito', sans-serif;font-size: 1.5rem;font-weight: 800;font-style: italic;text-align: center; }

@media (min-width:576px) { .curso .contenido .curso-informacion .inicio { width: 360px;margin-left: 0px; } }
@media (min-width:768px) { .curso .contenido .curso-informacion .inicio { width: 360px;margin-left: 0px; } }
@media (min-width:992px) { .curso .contenido .curso-informacion .inicio { width: 360px;margin-left: 0px; } }
@media (min-width:1200px) { .curso .contenido .curso-informacion .inicio { width: 360px;margin-left: 0px; } }

.curso .contenido .curso-informacion .mensaje { margin-bottom: 1.5rem;font-size: 1.25rem; }
.curso .contenido .curso-informacion .imagen { margin-bottom: 1.5rem; }
.curso .contenido .curso-informacion .descripcion h4 { font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-weight: 800; }
.curso .contenido .curso-informacion .descripcion p { color: #333333;font-family: 'Nunito', sans-serif;font-size: 1.1rem;font-weight: 200;text-align: justify; }
.curso .contenido .curso-informacion .descripcion button { background: transparent;color: #fdce40;width: 100%;margin-bottom: 1rem;font-family: "Poppins", sans-serif;font-weight: 600;text-align: center;display: block;border: 0; }
.curso .contenido .curso-informacion .descripcion button:hover { text-decoration: underline; }

/* ====================
   TEMARIO
==================== */

.curso .contenido .curso-temario .item-list {}
@media (max-width: 1200px) { .curso .contenido .curso-temario .item-list { padding: 0; } }
.curso .contenido .curso-temario .informacion { background: #e6e6e6;color: #1a1a24;margin-bottom: 1rem;padding: .25rem 1.85rem;font-family: 'Nunito', sans-serif;font-weight: 400;border: 2px solid #d8d8d8;border-radius: 1rem; }
.curso .contenido .curso-temario .item-list h4 { color: #333333;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-weight: 800; }
.curso .contenido .curso-temario .item-list ul { padding: 0;list-style: none; }
.curso .contenido .curso-temario .item-list li + li { margin-top: 15px; }
.curso .contenido .curso-temario .item-list li { background: #ffffff;padding: 12px 20px;position: relative;border: 2px solid #999999;border-radius: 1.5rem; }
.curso .contenido .curso-temario .item-list a { color: #333333;display: block;position: relative;font-family: 'Nunito', sans-serif;font-size: 16px;font-weight: 700;line-height: 24px;padding: 0px 25px 0px 10px;outline: none;cursor: pointer; }
.curso .contenido .curso-temario .item-list .sesion { color: #333333;margin-right: 80px;font-family: 'Nunito', sans-serif;font-size: 1rem;font-weight: 400;position: absolute;right: 0;top: 0; }
.curso .contenido .curso-temario .item-list .duracion { color: #333333;font-family: 'Nunito', sans-serif;font-size: 1rem;font-weight: 400;position: absolute;right: 0;top: 0; }
.curso .contenido .curso-temario .item-list .icon-help { font-size: 24px;position: absolute;right: 0;left: 20px;color: #ffd34d; }
.curso .contenido .curso-temario .item-list .icon-show, .contenido .curso-temario .item-list .icon-close { font-size: 24px;position: absolute;right: 0;top: 0; }
.curso .contenido .curso-temario .item-list p { margin-bottom: 0;padding: 10px 0 0 0;text-align: justify; }
.curso .contenido .curso-temario .item-list .icon-show { color: #edb50c;display: none; }
.curso .contenido .curso-temario .item-list a.collapsed { color: #000000;font-weight: bold; }
.curso .contenido .curso-temario .item-list a.collapsed:hover { color: #edb50c; }
.curso .contenido .curso-temario .item-list a.collapsed .icon-show { display: inline-block; }
.curso .contenido .curso-temario .item-list a.collapsed .icon-close { display: none; }

/* ====================
   REQUISITO
==================== */

.curso .contenido .curso-requisito .item-list {}
@media (max-width: 1200px) { .curso .contenido .curso-requisito .item-list { padding: 0; } }
.curso .contenido .curso-requisito .item-list h4 { color: #333333;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-weight: 800;}
.curso .contenido .curso-requisito .item-list ul { padding: 0;list-style: none; }
.curso .contenido .curso-requisito .item-list li + li { margin-top: 15px; }
.curso .contenido .curso-requisito .item-list li { background: #ffffff;padding: 12px 20px;position: relative;border: 2px solid #999999;border-radius: 1.5rem; }
.curso .contenido .curso-requisito .item-list span { color: #000000;font-family: 'Nunito', sans-serif;font-size: 16px;font-weight: bold;line-height: 24px;padding: 0 10px;outline: none;cursor: pointer; }
.curso .contenido .curso-requisito .item-list .icon-help { font-size: 24px;position: absolute;right: 0;left: 20px;color: #25aa6c; }

/* ====================
   HERRAMIENTA
==================== */

.curso .contenido .curso-herramienta .item-list { background: #ffffff;text-align: center !important; }
@media (max-width: 1200px) { .curso .contenido .curso-herramienta .item-list { ;padding: 0; } }
.curso .contenido .curso-herramienta .item-list h4 { color: #333333;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-weight: 800;}
.curso .contenido .curso-herramienta .item-list ul { padding: 0;list-style: none; }
.curso .contenido .curso-herramienta .item-list li + li { margin-top: 15px; }
.curso .contenido .curso-herramienta .item-list li { padding: 20px;background: #f2f2f2;border-radius: 4px;position: relative; }
.curso .contenido .curso-herramienta .item-list i { margin-top: 5px; }
.curso .contenido .curso-herramienta .item-list span { display: block;position: relative;font-family: "Poppins", sans-serif;font-size: 16px;line-height: 24px;font-weight: 500;padding: 0 30px;outline: none;cursor: pointer; }
/*.curso .contenido .curso-herramienta .item-list span img { width: 35px; }*/
.curso .contenido .curso-herramienta .item-list .icon-help { font-size: 24px;position: absolute;right: 0;left: 20px;color: #ffd34d; }

/* ====================
   PREGUNTAS FRECUENTES
==================== */

.curso .contenido .curso-faq .faq-list {}
@media (max-width: 1200px) { .curso .contenido .curso-faq .faq-list { padding: 0; } }
.curso .contenido .curso-faq .faq-list h4 { color: #333333;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-weight: 800; }
.curso .contenido .curso-faq .faq-list ul { padding: 0;list-style: none; }
.curso .contenido .curso-faq .faq-list li + li { margin-top: 15px; }
.curso .contenido .curso-faq .faq-list li { background: #ffffff;padding: 12px 20px;position: relative;border: 2px solid #999999;border-radius: 1.5rem; }
.curso .contenido .curso-faq .faq-list a { display: block;position: relative;font-family: 'Nunito', sans-serif;font-size: 16px;font-weight: 200;line-height: 24px;padding: 0 10px;outline: none;cursor: pointer; }
.curso .contenido .curso-faq .faq-list .icon-help { font-size: 24px;position: absolute;right: 0;left: 20px;color: #ffd34d; }
.curso .contenido .curso-faq .faq-list .icon-show, .curso-faq .faq-list .icon-close { font-size: 24px;position: absolute;right: 0;top: 0; }
.curso .contenido .curso-faq .faq-list p { margin-bottom: 0;padding: 10px 0 0 0;text-align: justify; }
.curso .contenido .curso-faq .faq-list .icon-show { display: none; }
.curso .contenido .curso-faq .faq-list a.collapsed { color: #000000;font-weight: bold; }
.curso .contenido .curso-faq .faq-list a.collapsed:hover { color: #edb50c; }
.curso .contenido .curso-faq .faq-list a.collapsed .icon-show { display: inline-block; }
.curso .contenido .curso-faq .faq-list a.collapsed .icon-close { display: none; }

/* ===================================
   SIDEBAR
=================================== */

/* ====================
   TRAILER
==================== */

.curso .contenido .trailer .video-box { background-size: cover;background-repeat: no-repeat;background-position: center center;width: 94%;min-height: 200px;position: relative;margin: auto;margin-bottom: 1rem;border-radius: 10px; }
@media (min-width:576px) { .curso .contenido .trailer .video-box { width: 94%; } }
@media (min-width:768px) { .curso .contenido .trailer .video-box { width: 96%; } }
@media (min-width:992px) { .curso .contenido .trailer .video-box { width: 87%; } }
@media (min-width:1200px) { .curso .contenido .trailer .video-box { width: 94%; } }
@media (min-width:1400px) { .curso .contenido .trailer .video-box { width: 94%; } }
.curso .contenido .trailer .video-box .play-btn { width: 94px;height: 94px;background: radial-gradient(#edb50c 50%, rgba(0, 0, 0, 0.4) 52%);border-radius: 50%;display: block;position: absolute;left: calc(50% - 47px);top: calc(50% - 47px);overflow: hidden; }
.curso .contenido .trailer .video-box .play-btn::after { content: "";position: absolute;left: 50%;top: 50%;transform: translateX(-40%) translateY(-50%);width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;z-index: 100;transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.curso .contenido .trailer .video-box .play-btn::before { content: "";position: absolute;width: 120px;height: 120px;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation: pulsate-btn 2s;animation: pulsate-btn 2s;-webkit-animation-direction: forwards;animation-direction: forwards;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: steps;animation-timing-function: steps;opacity: 1;border-radius: 50%;border: 5px solid rgba(253, 190, 0, 0.7);top: -15%;left: -15%;background: rgba(198, 16, 0, 0); }
.curso .contenido .trailer .video-box .play-btn:hover::after { border-left: 15px solid #edb50c;transform: scale(20); }
.curso .contenido .trailer .video-box .play-btn:hover::before { content: "";position: absolute;left: 50%;top: 50%;transform: translateX(-40%) translateY(-50%);width: 0;height: 0;border: none;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;z-index: 200;-webkit-animation: none;animation: none;border-radius: 0; }

/* ====================
   INVERSIÓN
==================== */

.curso .contenido .sidebar .inversion { background: #f2f2f2;width: 250px;margin-bottom: .5rem;margin-left: .5rem;padding: .75rem .75rem .5rem .75rem;font-family: Gilroy, Segoe UI Symbol;font-size: 1.15rem;border-radius: 5px; }
.curso .contenido .sidebar .inversion i { margin-right: .5rem; }
.curso .contenido .sidebar .inversion font { color: #333333;font-weight: bold; }

/* ==========
   TOOLTIP
========== */
.curso .contenido .sidebar h5 { color: #000000;font-family: 'Nunito', sans-serif;font-weight: 200; }

.curso .contenido .sidebar .inversion .curso-tt { font-family: 'Bree Serif', serif;font-weight: bold;position: relative;display: inline-block; }
.curso .contenido .sidebar .inversion .curso-tt .tooltiptext { visibility: hidden;width: 200px;background-color: black;color: #fff;font-size: .75rem;text-align: center;border-radius: 6px;padding: 5px 5px;position: absolute;z-index: 1;bottom: 150%;left: 50%;margin-left: -90px; }
.curso .contenido .sidebar .inversion .curso-tt .tooltiptext::after { content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent; }
.curso .contenido .sidebar .inversion .curso-tt:hover .tooltiptext { visibility: visible; }
.curso .contenido .sidebar .inversion .costo { color: #333333;font-family: 'Nunito', sans-serif;font-weight: 400;margin-right: 2rem;display: inline; }

/* ====================
   INSCRIBETE
==================== */

.curso .contenido .sidebar .inscribete { padding: .5rem; }
.curso .contenido .sidebar .inscribete a { background: #000000;color: #ffffff;width: 100%;padding: .55rem 0rem;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-size: 1.25rem;font-weight: 800;text-align: center;display: block;border: 0px;border-radius: 5px; }
.curso .contenido .sidebar .inscribete a:hover { background: #fcbd00; }

/* ====================
   CARRITO
==================== */

.curso .contenido .sidebar .carrito { padding: .5rem; }
.curso .contenido .sidebar .carrito button { background: #fcbd00;color: #ffffff;width: 100%;padding: .55rem 0rem;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-size: 1.25rem;font-weight: 800;border: 0px;border-radius: 5px; }
.curso .contenido .sidebar .carrito button:hover { background: #000000; }
.curso .contenido .sidebar .carrito button i { margin-right: .5rem; }

/* ====================
   VACANTE
==================== */

.curso .contenido .sidebar .vacante { margin-top: .25rem;margin-bottom: 1.25rem; }
.curso .contenido .sidebar .vacante a { color: #000000;width: 80%;margin: auto;padding: .5rem 0rem;font-family: 'Manrope', sans-serif;font-size: 1rem;font-weight: 400;text-align: center;display: block;border-bottom: 3px solid #cccccc; }
.curso .contenido .sidebar .vacante a i { margin-right: .5rem;font-size: 1.5rem; }

/* ====================
   INFORMACIÓN
==================== */

.curso .contenido .sidebar .informacion { margin-bottom: 1rem; }
.curso .contenido .sidebar .informacion ul { list-style: none; }
.curso .contenido .sidebar .informacion ul li { color: #000000;margin-bottom: .5rem;font-family: 'Nunito', sans-serif;font-weight: 400; }
.curso .contenido .sidebar .informacion ul li i { margin-right: .5rem;margin-left: .5rem;font-size: 1.35rem; }

/* ====================
   BROCHURE
==================== */

.curso .contenido .sidebar .brochure { margin-bottom: 1rem; }
.curso .contenido .sidebar .brochure a { background: #000000;color: #ffffff;width: 95%;margin: auto;padding: .5rem 0rem;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-size: 1.25rem;font-weight: 800;text-align: center;display: block;border-radius: 5px; }
.curso .contenido .sidebar .brochure a:hover { background: #edb50c; }
.curso .contenido .sidebar .brochure a.disabled { background: #666666;cursor: no-drop; }

/* ====================
   BENEFICIO
==================== */

.curso .contenido .sidebar .card-beneficio { background: #f9f9ff;height: 90%;margin-bottom: 2rem;padding-top: 1rem;text-align: center; }
.curso .contenido .sidebar .card-beneficio img { width: 75px;margin-bottom: 1.5rem; }
.curso .contenido .sidebar .card-beneficio i { color: #fdbe00;font-size: 3rem;margin-bottom: 1.5rem; }
.curso .contenido .sidebar .card-beneficio h3 { font-size: 1rem;font-weight: bold;margin-bottom: 1rem; }
.curso .contenido .sidebar .card-beneficio p { font-size: .9rem; }

/* ===================================
   MODAL
=================================== */

#moAgregarCarrito .modal-header { border-color: #ffffff; }
#moAgregarCarrito .modal-body { padding-bottom: 0; }
#moAgregarCarrito .btn-carrito { background: #ffffff;color: #2b3245;margin-bottom: .5rem;padding: .25rem 2.25rem;font-family: Gilroy, Segoe UI Symbol;font-weight: bold;border: 2px solid #333333;border-radius: 5px; }
#moAgregarCarrito .btn-continuar { background: #ffffff;color: #2b3245;padding: .25rem 1.5rem;font-family: Gilroy, Segoe UI Symbol;font-size: .75rem;font-weight: bold;border: 2px solid transparent;border-radius: 5px; }
#moAgregarCarrito .btn-continuar i { font-size: 1.25rem;float: right; }
#moAgregarCarrito .total { background: transparent;color: #353849;margin-top: .25rem;font-family: Gilroy, Segoe UI Symbol;font-size: 1.25rem;border-color: transparent; }
#moAgregarCarrito .total span { color: #363231;margin-left: .5rem; }
#moAgregarCarrito .btn-inscribete { background: #00dd8d;color: #ffffff;padding: .35rem .5rem;font-family: Gilroy, Segoe UI Symbol;font-weight: bold;border: 1px solid #00dd8d;border-radius: 5px; }
@media (min-width:1200px) { #moAgregarCarrito .btn-inscribete { margin-right: 2rem; } }
#moAgregarCarrito .btn-inscribete:hover { background: #0bc783; }
#moAgregarCarrito .modal-header .modal-title { font-weight: bold; }
#moAgregarCarrito .modal-body h5 { font-weight: bold; }
#moAgregarCarrito .modal-footer { border-color: #ffffff;justify-content: space-between; }
@media (max-width:576px) { #moAgregarCarrito .img-fluid { margin-bottom: 1rem; } }
@media (max-width:768px) { #moAgregarCarrito .img-fluid { margin-bottom: 1rem; } }
#moAgregarCarrito .modal-body .inscribete { background: #f6f7f9;margin-top: 2rem;padding: .75rem .5rem;border-radius: 5px 5px 0px 0px; }

#modalCart .modal-content { border-radius: 1.3rem; }
#modalCart .modal-header { border-color: #ffffff; padding: 1.25rem 2rem; }
#modalCart .modal-header .modal-title { font-size: 1rem;color: #333333;font-weight: bold; }
#modalCart .modal-header .close { background: transparent;color: #999999;border: none;font-size: 2rem; }
#modalCart .modal-body { padding: 0rem 3rem; }
#modalCart .modal-footer { border-color: #ffffff; }
#modalCart .modal-body .course-block { margin-bottom: 1rem; }
#modalCart .modal-body .course-block h4 { color: #33334a;font-size: 1rem;font-weight: bold; }
#modalCart .modal-body .course-block h5 { color: #333333;font-size: 1rem; }
#modalCart .modal-body .price-block { background-color: #f6f7f9;display: flex;justify-content: space-between;padding: .5rem 1rem;border-radius: 1rem 1rem 0px 0px;margin-bottom: 1.5rem; }
#modalCart .modal-body .price-block .price { color: #333333;font-weight: 600;padding-top: .25rem; }
#modalCart .modal-body .price-block .continue a { background: #00dd8d;color: #ffffff;font-weight: bold;padding: .25rem 3rem;border: none;border-radius: .75rem; }
#modalCart .modal-body .btn-carrito { background: #ffffff;color: #333333;padding: .25rem 1.5rem;font-weight: bold;border: 3px solid #333333;border-radius: .5rem;display: block;margin-bottom: .25rem;text-align: center; }
#modalCart .modal-body .btn-curso { color: #333333;display: block;font-size: .9rem;text-align: center; }

/* ===========================================================================
   CARRITO
=========================================================================== */

.carrito .contenido { margin-top: 50px;padding: 7rem 0rem 2.5rem 0rem; } /* Anteriormente margin-top: 120px; */
.carrito .contenido .resumen { background: #ffffff;padding: 1rem;border-radius: 10px;box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.35);-webkit-box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.35);-moz-box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.35); }

.carrito .contenido .resumen-header h2 { font-family: Gilroy, Segoe UI Symbol;font-size: 1.25rem;font-weight: bold; }

.carrito .contenido .resumen .resumen-body { margin-bottom: 1rem; }
.carrito .contenido .resumen .resumen-body table { color: #303539;width: 100%;margin-top: .5rem;margin-bottom: 1rem;font-family: 'Nunito', sans-serif; }
.carrito .contenido .resumen .resumen-body table tr { border-bottom: 1px solid #999999; }
.carrito .contenido .resumen .resumen-body table tbody tr td { padding-top: .5rem; }
.carrito .contenido .resumen .resumen-body table tbody span { font-weight: bold; }
.carrito .contenido .resumen .resumen-body table tfoot tr th { padding-top: 1rem; }
.carrito .contenido .resumen .resumen-body table tfoot span { color: #bd1e54; }

.carrito .contenido .resumen .resumen-footer .btn-inscribete { background: #333333;color: #ffffff;width: 100%;padding: .5rem 0rem;font-family: Gilroy, Segoe UI Symbol;font-size: 1.1rem;font-weight: bold;text-align: center;border: 1px solid #333333;border-radius: 5px;display: block; }
.carrito .contenido .resumen .resumen-footer .btn-inscribete:hover { background: #f6b024;color: #ffffff;border-color: #f6b024; }
.carrito .contenido .resumen .resumen-footer .btn-inscribete.disabled { background: #888787;cursor: no-drop;border-color: #888787; }

.carrito .contenido .lista { color: #262d35;margin-bottom: 2rem;font-family: Gilroy, Segoe UI Symbol; }
.carrito .contenido .lista .lista-header {}
.carrito .contenido .lista .lista-header h2 { font-weight: bold; }
.carrito .contenido .lista .lista-header p {}

.carrito .contenido .lista .lista-body { margin-bottom: 2rem; }
.carrito .contenido .lista .lista-body img { margin-bottom: 1.5rem; }
@media (min-width:576px) { .carrito .contenido .lista .lista-body img { margin-bottom: 0rem; } }
@media (min-width:768px) { .carrito .contenido .lista .lista-body img { margin-bottom: 0rem; } }
@media (min-width:992px) { .carrito .contenido .lista .lista-body img { margin-bottom: 0rem; } }
@media (min-width:1200px) { .carrito .contenido .lista .lista-body img { margin-bottom: 0rem; } }
.carrito .contenido .lista .lista-body h3 { font-size: 1.25rem;font-weight: bold; }
.carrito .contenido .lista .lista-body h3 a { color: #262d35;font-size: 1.25rem;font-weight: bold; }
.carrito .contenido .lista .lista-body h3 a:hover { color: #edb50c; }
.carrito .contenido .lista .lista-body span { color: #bd1e54;font-size: 1.1rem;font-weight: bold; }
.carrito .contenido .lista .lista-body i { color: #b1b1b1;font-size: 1.75rem; }
.carrito .contenido .lista .lista-body .btn-trash { background: inherit;width: inherit;margin: 0;padding: 0;border: 1px solid #ffffff;border-radius: inherit; }

.carrito .contenido .continuar { margin-top: 1.5rem;margin-bottom: .5rem;text-align: center; }

#mo_carrito .form-group { margin-bottom: 1rem; }
#mo_carrito .form-group label i { font-size: .75rem; }
#mo_carrito .inscripcion-tt { position: relative;display: inline-block; }
#mo_carrito .inscripcion-tt .tooltiptext { visibility: hidden;width: 200px;background-color: black;color: #fff;font-size: .75rem;text-align: center;border-radius: 6px;padding: 5px 5px;position: absolute;z-index: 1;bottom: 120%;left: 50%;margin-left: -100px; }
#mo_carrito .inscripcion-tt .tooltiptext::after { content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent; }
#mo_carrito .inscripcion-tt:hover .tooltiptext { visibility: visible; }

#mo_carrito .btn-default { background-color: #f8f9fa;border-color: #ddd;color: #444; }
#mo_carrito .bg-gradient-primary { background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x !important;color: #fff; }
#mo_carrito .bg-gradient-warning { background: #ffc107 linear-gradient(180deg,#ffca2c,#ffc107) repeat-x !important;color: #1f2d3d; }
#mo_carrito .close { background: #fff;color: #6c757d;font-size: 1.5rem;font-weight: 700;line-height: 1;border: none; }

/* ===========================================================================
   LIBRO RECLAMACION
=========================================================================== */

.complaint-book { background: #ffffff; }
.complaint-book .complaint-header { background: #333333;color: #ffffff;margin-top: 10px;padding: 2rem 0px;display: block;justify-content: center;text-align: center;border-bottom: 30px solid #fabe14; }
@media (min-width:576px) { .complaint-book .complaint-header { display: flex;text-align: initial; } }
@media (min-width:768px) { .complaint-book .complaint-header { display: flex;text-align: initial; } }
@media (min-width:992px) { .complaint-book .complaint-header { display: flex;text-align: initial; } }
@media (min-width:1200px) { .complaint-book .complaint-header { display: flex;text-align: initial; } }
.complaint-book .complaint-header font { color: #fabe14; }
.complaint-book .complaint-header .image { padding: 0px 1rem; }
.complaint-book .complaint-header .title { font-size: 1.5rem;font-weight: bold;padding: 0px 1rem; }
.complaint-book .complaint-body { padding: 3rem 0px 0rem 0px; }
.complaint-book h4 { color: #2d3a50;font-size: 1.2rem;font-weight: bold;margin-bottom: 1rem; }
.complaint-book .form-group { margin-bottom: 1rem; }
.complaint-book .form-group label { color: #2d3a50;font-weight: 500; }
.complaint-book .complaint-footer p { color: #50625c; }
.complaint-book .complaint-footer strong { color: #263a44; }
.complaint-book .complaint-footer button { background: #fabe14;color: #ffffff;padding: .65rem 4rem;font-weight: bold;border: none;border-radius: .75rem; }

/* ===========================================================================
   PERFIL
=========================================================================== */

.perfil .banner { background: #c2c2c0;height: 550px;margin-top: 120px;padding-top: 200px; } /* Si se agrega TOPBAR -> margin-top: 130px; */

.perfil .banner .usuario { background: #ffffff;margin-top: -100px;padding: 2rem 1rem;text-align: center;border-radius: 14px;box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.65);-webkit-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.65);-moz-box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.65); }
.perfil .banner .usuario h1 { font-size: 2rem;font-weight: bold; }
.perfil .banner .usuario button { background: #fcbd00;color: #ffffff;width: 65%;font-family: Gilroy, Segoe UI Symbol;font-size: 1.5rem;font-weight: bold;border: 0;border-radius: 6px; }
.perfil .banner .usuario .correo { margin-bottom: 3rem; }
.perfil .banner .usuario .logo { background: #fcbd00;color: #ffffff;width: 140px;height: 70px;margin: auto;border-radius: 100px 100px 0 0;-moz-border-radius: 100px 100px 0 0;-webkit-border-radius: 100px 100px 0 0; }
.perfil .banner .usuario .logo p { font-family: Gilroy, Segoe UI Symbol;font-size: 4rem;font-weight: bold; }
.perfil .banner .usuario .foto { background: linear-gradient(to bottom, #fcbd00, #fcbd00, #8b6b0f, #8b6b0f);color: #ffffff;width: 140px;height: 70px;margin: auto;margin-bottom: .5rem;border-radius: 0 0 100px 100px;-moz-border-radius: 0 0 100px 100px;-webkit-border-radius: 0 0 100px 100px; }
.perfil .banner .usuario .foto p { padding-top: 1.75rem;font-size: 1.5rem; }
.perfil .banner .usuario .foto p a { color: #ffffff; }

.perfil .formulario { background: #e9eaef; }
.perfil .formulario .form-group label i { font-size: .75rem; }
.perfil .formulario .form-group { margin-bottom: 1rem; }
.perfil .formulario .btn-actualizar { background: #333333;color: #ffffff; }

/* ==========
   TOOLTIP
========== */

.perfil .formulario .perfil-tt { position: relative;display: inline-block; }
.perfil .formulario .perfil-tt .tooltiptext { visibility: hidden;width: 200px;background-color: black;color: #fff;font-size: .75rem;text-align: center;border-radius: 6px;padding: 5px 5px;position: absolute;z-index: 1;bottom: 120%;left: 50%;margin-left: -100px; }
.perfil .formulario .perfil-tt .tooltiptext::after { content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent; }
.perfil .formulario .perfil-tt:hover .tooltiptext { visibility: visible; }

/* ===========================================================================
   PAGO
=========================================================================== */



/* ===========================================================================
   VERIFICACION - INSCRIPCION COMPLETA
=========================================================================== */

.verificacion .contenido { background: #f2f2f2;margin-top: 70px;padding: 7rem 0rem 2.5rem 0rem;font-family: Gilroy, Segoe UI Symbol; } /* Si se agrega TOPBAR -> margin-top: 130px; */

.verificacion .contenido h1 { color: #333333;margin-top: 2rem;font-size: 2.5rem;font-weight: bold;text-transform: uppercase; }
@media (min-width:576px) { .verificacion .contenido h1 {} }
@media (min-width:768px) { .verificacion .contenido h1 {} }
@media (min-width:992px) { .verificacion .contenido h1 {} }
@media (min-width:1200px) { .verificacion .contenido h1 { font-size: 4rem; } }

.verificacion .contenido h3 { color: #333333;font-size: 1.25rem; }
@media (min-width:576px) { .verificacion .contenido h3 {} }
@media (min-width:768px) { .verificacion .contenido h3 {} }
@media (min-width:992px) { .verificacion .contenido h3 {} }
@media (min-width:1200px) { .verificacion .contenido h3 { font-size: 1.5rem; } }

.verificacion .contenido p { color: #82837e;font-size: 1rem; }
@media (min-width:576px) { .verificacion .contenido p {} }
@media (min-width:768px) { .verificacion .contenido p {} }
@media (min-width:992px) { .verificacion .contenido p {} }
@media (min-width:1200px) { .verificacion .contenido p { font-size: 1.25rem; } }

.verificacion .contenido a { background: #214b85;color: #ffffff;margin-bottom: 2rem;padding: .15rem 1.75rem;font-size: 1.15rem;font-weight: bold;border: 0px;border-radius: 5px; }

/* ===========================================================================
   INICIAR SESIÓN
=========================================================================== */

.iniciar-sesion .breadcrumbs { background: transparent;margin-top: 0; }
.iniciar-sesion .contenido { /*background: red;*/ }
.iniciar-sesion .contenido .section-title h2 { color: #ffffff;font-family: Gilroy, Segoe UI Symbol;font-size: 2rem;font-weight: bold;text-transform: none; }
.iniciar-sesion .contenido .section-title h4 { color: #ffffff;font-family: 'Nunito', sans-serif;margin-bottom: 0; }
.iniciar-sesion .contenido .form-group label { color: #ffffff;margin-bottom: .25rem;font-family: 'Nunito', sans-serif;font-weight: bold; }
.iniciar-sesion .contenido .form-control { background: #8d8c8e;margin-bottom: 1rem;padding: .85rem .75rem;border-color: #717072;border-radius: 1rem; }
.iniciar-sesion .contenido .btn-facebook { background: #1877f2;color: #ffffff;width: 100%;margin-bottom: 1rem;padding: .95rem 0;font-family: Gilroy, Segoe UI Symbol;font-weight: bold;text-align: center;border: 0px;border-radius: 1rem; }
.iniciar-sesion .contenido .btn-facebook:hover { background: #1a54a7; }
.iniciar-sesion .contenido .btn-gmail { background: #ffffff;color: #333333;width: 100%;margin-bottom: 1rem;padding: .95rem 0;font-family: Gilroy, Segoe UI Symbol;font-weight: bold;text-align: center;border: 0px;border-radius: 1rem; }
.iniciar-sesion .contenido .btn-gmail:hover { background: #f1f1f1; }
@media (min-width:576px) { .iniciar-sesion .contenido .btn-facebook, .iniciar-sesion .contenido .btn-gmail { text-align: center; } }
@media (min-width:768px) { .iniciar-sesion .contenido .btn-facebook, .iniciar-sesion .contenido .btn-gmail { text-align: left; } }
@media (min-width:992px) { .iniciar-sesion .contenido .btn-facebook, .iniciar-sesion .contenido .btn-gmail { text-align: left; } }
@media (min-width:1200px) { .iniciar-sesion .contenido .btn-facebook, .iniciar-sesion .contenido .btn-gmail { text-align: left; } }
.iniciar-sesion .contenido .btn-facebook i, .iniciar-sesion .contenido .btn-gmail i { margin-right: .5rem; }
@media (min-width:576px) { .iniciar-sesion .contenido .btn-facebook i, .iniciar-sesion .contenido .btn-gmail i { margin-left: inherit; } }
@media (min-width:768px) { .iniciar-sesion .contenido .btn-facebook i, .iniciar-sesion .contenido .btn-gmail i { margin-left: 25%; } }
@media (min-width:992px) { .iniciar-sesion .contenido .btn-facebook i, .iniciar-sesion .contenido .btn-gmail i { margin-left: 25%; } }
@media (min-width:1200px) { .iniciar-sesion .contenido .btn-facebook i, .iniciar-sesion .contenido .btn-gmail i { margin-left: 25%; } }
.iniciar-sesion .contenido .btn-iniciar-sesion { background: #fcbd00;color: #ffffff;width: 100%;margin-bottom: 2rem;padding: .45rem 0;font-family: Gilroy, Segoe UI Symbol;font-size: 1.75rem;font-weight: bold;border: 0px;border-radius: 1rem; }
.iniciar-sesion .contenido .btn-iniciar-sesion:hover { background: #edb200; }
.iniciar-sesion .contenido .auth-links { color: #ffffff;font-family: 'Nunito', sans-serif;text-align: center; }
.iniciar-sesion .contenido .auth-links a { font-size: 1rem;font-weight: bold; }

.iniciar-sesion .background { background: #4d4d4d;width: 100%;margin: auto;padding: 1rem;border-radius: 1rem; }
@media (min-width:576px) { .iniciar-sesion .background { width: 100%;padding: 1rem; } }
@media (min-width:768px) { .iniciar-sesion .background { width: 100%;padding: 1rem; } }
@media (min-width:992px) { .iniciar-sesion .background { width: 600px;padding: 3rem 8rem; } }
@media (min-width:1200px) { .iniciar-sesion .background { width: 600px;padding: 3rem 8rem; } }

/* ===========================================================================
   AUTENTICACIÓN
=========================================================================== */

.autenticacion .breadcrumbs { background: transparent;margin-top: 0; }
.autenticacion .contenido { /*background: red;*/ }
.autenticacion .contenido .section-title h2 { color: #ffffff;font-family: Gilroy, Segoe UI Symbol;font-size: 3rem;font-weight: bold;text-transform: none; }
.autenticacion .contenido .section-title h4 { color: #ffffff;font-family: 'Nunito', sans-serif;margin-bottom: 0; }
.autenticacion .contenido .form-group { margin-top: 3rem;margin-bottom: 2rem; }
.autenticacion .contenido .form-group label { color: #ffffff;margin-bottom: .25rem;font-family: 'Nunito', sans-serif;font-weight: bold; }
.autenticacion .contenido .form-control { background: #d2d2d2;margin-bottom: 1rem;padding: .85rem .75rem;border-color: #717072;border-radius: 6px; }
.autenticacion .contenido .form-auth-documento, .autenticacion .contenido .form-auth-codigo { display: flex;justify-content: center; }
.autenticacion .contenido .form-auth-documento input { background: #8d8c8e;width: 45px;margin: auto;padding: .75rem .5rem;text-align: center;border-color: #717072;border-radius: 6px; }
.autenticacion .contenido .form-auth-codigo input { background: #8d8c8e;width: 55px;margin: auto;padding: .75rem .75rem;text-align: center;border-color: #717072;border-radius: 6px; }
.autenticacion .contenido .btn-autenticacion { background: #fcbd00;color: #ffffff;width: 100%;margin-bottom: 2rem;padding: .45rem 0;font-family: Gilroy, Segoe UI Symbol;font-size: 1.75rem;font-weight: bold;border: 0px;border-radius: 6px; }
.autenticacion .contenido .btn-autenticacion:hover { background: #edb200; }
.autenticacion .contenido .btn-autenticacion:disabled { background: #ffd34f;cursor: no-drop; }
.autenticacion .contenido .auth-links { color: #ffffff;font-family: 'Nunito', sans-serif;text-align: center; }
.autenticacion .contenido .auth-links a { font-size: 1.15rem;font-weight: bold; }

/* ===========================================================================
   RESERVA VACANTE
=========================================================================== */

.reserva-vacante {}

.reserva-vacante .banner { background: #c2c2c0;padding-top: 230px; }
.reserva-vacante .banner .imagen {}
@media (min-width:576px) { .reserva-vacante .banner .imagen {} }
@media (min-width:768px) { .reserva-vacante .banner .imagen {} }
@media (min-width:992px) { .reserva-vacante .banner .imagen {} }
@media (min-width:1200px) { .reserva-vacante .banner .imagen {} }
.reserva-vacante .banner .imagen img { width: 100%; }
@media (min-width:576px) { .reserva-vacante .banner .imagen img {} }
@media (min-width:768px) { .reserva-vacante .banner .imagen img {} }
@media (min-width:992px) { .reserva-vacante .banner .imagen img {} }
@media (min-width:1200px) { .reserva-vacante .banner .imagen img {} }
.reserva-vacante .banner .titulo { padding-top: 75px; }
@media (min-width:576px) { .reserva-vacante .banner .titulo {} }
@media (min-width:768px) { .reserva-vacante .banner .titulo  { padding-top: 40px; } }
@media (min-width:992px) { .reserva-vacante .banner .titulo { padding-top: 60px; } }
@media (min-width:1200px) { .reserva-vacante .banner .titulo  { padding-top: 90px; } }
.reserva-vacante .banner .titulo h1 { color: #333333;font-family: Gilroy, Segoe UI Symbol;font-size: 2.5rem;font-weight: bold;text-align: center; }
@media (min-width:576px) { .reserva-vacante .banner .titulo h1 { font-size: 3.5rem; } }
@media (min-width:768px) { .reserva-vacante .banner .titulo h1  { font-size: 2rem; } }
@media (min-width:992px) { .reserva-vacante .banner .titulo h1 { font-size: 2.5rem; } }
@media (min-width:1200px) { .reserva-vacante .banner .titulo h1  { font-size: 3.5rem; } }

.reserva-vacante .formulario { background: #f9f9ff; }
.reserva-vacante .formulario .form-group { margin-bottom: 1rem; }
.reserva-vacante .formulario .form-group label i { font-size: .75rem; }
.reserva-vacante .formulario .sidebar { background: #ffffff;margin: 0 0 16px 20px;padding: 1rem;border-radius: 10px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5); }
.reserva-vacante .formulario .sidebar hr { margin-top: .25rem;margin-bottom: .25rem; }
.reserva-vacante .formulario .sidebar .imagen { margin-bottom: 1rem; }
.reserva-vacante .formulario .sidebar .titulo { margin-bottom: .25rem; }
.reserva-vacante .formulario .sidebar .titulo h5 { font-size: 1.2rem;font-weight: bold; }
.reserva-vacante .formulario .sidebar .docente { margin-bottom: .5rem; }
.reserva-vacante .formulario .sidebar .total {}
.reserva-vacante .formulario .sidebar .total span { float: right; }
.reserva-vacante .formulario .sidebar .informacion { background: none;margin-top: 1rem; }
.reserva-vacante .formulario .sidebar .informacion p { font-size: 12px;text-align: justify; }
.reserva-vacante .formulario .volver { margin-left: 20px;font-family: 'Raleway', sans-serif; }
.reserva-vacante .formulario .volver i { margin-right: .25rem;font-size: 1.35rem; }
.reserva-vacante .formulario .volver span { margin-top: -1px;position: absolute; }

/* ==========
   TOOLTIP
========== */

.reserva-vacante .formulario .reserva-vacante-tt { position: relative;display: inline-block; }
.reserva-vacante .formulario .reserva-vacante-tt .tooltiptext { visibility: hidden;width: 200px;background-color: black;color: #fff;font-size: .75rem;text-align: center;border-radius: 6px;padding: 5px 5px;position: absolute;z-index: 1;bottom: 120%;left: 50%;margin-left: -100px; }
.reserva-vacante .formulario .reserva-vacante-tt .tooltiptext::after { content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent; }
.reserva-vacante .formulario .reserva-vacante-tt:hover .tooltiptext { visibility: visible; }

/* ===========================================================================
   REGÍSTRATE
=========================================================================== */

.registrate .breadcrumbs { background: transparent;margin-top: 0; }
.registrate .contenido { /*background: red;*/ }
.registrate .contenido .section-title h2 { color: #ffffff;font-family: Gilroy, Segoe UI Symbol;font-size: 3rem;font-weight: bold;text-transform: none; }
.registrate .contenido .section-title h4 { color: #ffffff;font-family: 'Nunito', sans-serif;margin-bottom: 0; }
.registrate .contenido .form-group label { color: #ffffff;margin-bottom: .25rem;font-family: 'Nunito', sans-serif;font-weight: bold; }
.registrate .contenido .form-control { background: #d2d2d2;margin-bottom: 1rem;padding: .85rem .75rem;border-color: #717072;border-radius: 1rem; }
.registrate .contenido .btn-facebook { background: #1877f2;color: #ffffff;width: 100%;margin-bottom: 1rem;padding: .95rem 0;font-family: Gilroy, Segoe UI Symbol;font-weight: bold;text-align: center;border: 0px;border-radius: 1rem; }
.registrate .contenido .btn-facebook:hover { background: #1a54a7; }
.registrate .contenido .btn-gmail { background: #ffffff;color: #333333;width: 100%;margin-bottom: 1rem;padding: .95rem 0;font-family: Gilroy, Segoe UI Symbol;font-weight: bold;text-align: center;border: 0px;border-radius: 1rem; }
.registrate .contenido .btn-gmail:hover { background: #f1f1f1; }
@media (min-width:576px) { .registrate .contenido .btn-facebook, .registrate .contenido .btn-gmail { text-align: center; } }
@media (min-width:768px) { .registrate .contenido .btn-facebook, .registrate .contenido .btn-gmail { text-align: left; } }
@media (min-width:992px) { .registrate .contenido .btn-facebook, .registrate .contenido .btn-gmail { text-align: left; } }
@media (min-width:1200px) { .registrate .contenido .btn-facebook, .registrate .contenido .btn-gmail { text-align: left; } }
.registrate .contenido .btn-facebook i, .registrate .contenido .btn-gmail i { margin-left: inherit;margin-right: .5rem; }
@media (min-width:576px) { .registrate .contenido .btn-facebook i, .registrate .contenido .btn-gmail i { margin-left: inherit; } }
@media (min-width:768px) { .registrate .contenido .btn-facebook i, .registrate .contenido .btn-gmail i { margin-left: 17.5%; } }
@media (min-width:992px) { .registrate .contenido .btn-facebook i, .registrate .contenido .btn-gmail i { margin-left: 17.5%; } }
@media (min-width:1200px) { .registrate .contenido .btn-facebook i, .registrate .contenido .btn-gmail i { margin-left: 17.5%; } }
.registrate .contenido .btn-registrate { background: #fcbd00;color: #ffffff;width: 100%;margin-bottom: 2rem;padding: .45rem 0;font-family: Gilroy, Segoe UI Symbol;font-size: 1.75rem;font-weight: bold;border: 0px;border-radius: 1rem; }
@media (min-width:576px) { .registrate .contenido .btn-registrate { width: 100%; } }
@media (min-width:768px) { .registrate .contenido .btn-registrate { width: 100%; } }
@media (min-width:992px) { .registrate .contenido .btn-registrate { width: 50%; } }
@media (min-width:1200px) { .registrate .contenido .btn-registrate { width: 50%; } }
.registrate .contenido .btn-registrate:hover { background: #edb200; }
.registrate .contenido .btn-registrate:disabled { background: #ffd34f;cursor: no-drop; }
.registrate .contenido .auth-links { color: #ffffff;font-family: 'Nunito', sans-serif;text-align: center; }
.registrate .contenido .auth-links a { font-size: 1.15rem;font-weight: bold; }

.registrate .background { background: #4d4d4d;width: 100%;margin: auto;padding: 1rem;border-radius: 1rem; }
@media (min-width:576px) { .registrate .background { width: 100%;padding: 1rem; } }
@media (min-width:768px) { .registrate .background { width: 100%;padding: 1rem; } }
@media (min-width:992px) { .registrate .background { width: 800px;padding: 3rem 8rem; } }
@media (min-width:1200px) { .registrate .background { width: 800px;padding: 3rem 8rem; } }

/* ==========
   TOOLTIP
========== */

.registrate .registrate-tt { position: relative;display: inline-block; }
.registrate .registrate-tt .tooltiptext { visibility: hidden;width: 200px;background-color: black;color: #fff;font-size: .75rem;text-align: center;border-radius: 6px;padding: 5px 5px;position: absolute;z-index: 1;bottom: 120%;left: 50%;margin-left: -100px; }
.registrate .registrate-tt .tooltiptext::after { content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent; }
.registrate .registrate-tt:hover .tooltiptext { visibility: visible; }

/* ===========================================================================
   CERTIFICADO
=========================================================================== */

/*
.certificado { margin-top: 50px;padding: 7rem 0rem 2.5rem 0rem; }
.certificado .contenido form { margin-bottom: 1.5rem; }
*/

/* ===========================================================================
   FOOTER
=========================================================================== */

#footer .footer-newsletter2 { padding: 50px 0; }
#footer .footer-newsletter2 h4 { font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-size: 24px;margin: 0 0 10px 0;padding: 0;line-height: 1;font-weight: 800; }
#footer .footer-newsletter2 .form { display: flex;margin-top: 1.25rem;justify-content: end; }
#footer .footer-newsletter2 .form input[type="text"] { width: 100%;background: #fff;margin-right: .5rem;margin-bottom: .5rem;padding: .5rem 1rem;font-family: 'Nunito', sans-serif;font-size: 1rem;border: 0px;border-radius: .5rem; }
#footer .footer-newsletter2 .form input[type="email"] { width: 100%;background: #fff;margin-right: .5rem;margin-bottom: .5rem;padding: .5rem 1rem;font-family: 'Nunito', sans-serif;font-size: 1rem;border: 0px;border-radius: .5rem; }
#footer .footer-newsletter2 .form button[type="button"] { width: 100%;background: #f6b024;color: #fff;padding: .5rem 3rem;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-size: 16px;font-weight: 800;border: 0;border-radius: .5rem; }

@media (min-width:576px) { #footer .footer-newsletter2 .form input[type="text"], #footer .footer-newsletter2 .form input[type="email"] { width: 100%;margin-bottom: .5rem; } }
@media (min-width:768px) { #footer .footer-newsletter2 .form input[type="text"], #footer .footer-newsletter2 .form input[type="email"] { width: initial;margin-bottom: initial; } }
@media (min-width:992px) { #footer .footer-newsletter2 .form input[type="text"], #footer .footer-newsletter2 .form input[type="email"] { width: initial;margin-bottom: initial; } }
@media (min-width:1200px) { #footer .footer-newsletter2 .form input[type="text"], #footer .footer-newsletter2 .form input[type="email"] { width: initial;margin-bottom: initial; } }


/* ===========================================================================
   POR ORDENAR
=========================================================================== */

.inscripcion .breadcrumbs { background: transparent;margin-top: 0; }
.inscripcion .breadcrumbs h3 { color: #ffffff;padding-top: .5rem;text-align: right; }

.inscripcion .contenido { background: #e9eaef;padding: 2.5rem 0rem 2.5rem 0rem; }

.inscripcion .contenido .formulario { }
.inscripcion .contenido .formulario .form-group { margin-bottom: 1rem; }
.inscripcion .contenido .formulario .form-group label i { font-size: .75rem; }
.inscripcion .contenido .formulario .form-group .form-control { border-radius: .65rem;border-color: #999999; }
.inscripcion .contenido .formulario .inscripcion-tt { position: relative;display: inline-block; }
.inscripcion .contenido .formulario .inscripcion-tt .tooltiptext { visibility: hidden;width: 200px;background-color: black;color: #fff;font-size: .75rem;text-align: center;border-radius: 6px;padding: 5px 5px;position: absolute;z-index: 1;bottom: 120%;left: 50%;margin-left: -100px; }
.inscripcion .contenido .formulario .inscripcion-tt .tooltiptext::after { content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent; }
.inscripcion .contenido .formulario .inscripcion-tt:hover .tooltiptext { visibility: visible; }

.inscripcion .contenido .formulario .usuario { margin-bottom: 1rem;font-size: 1.1rem;font-weight: bold; }
.inscripcion .contenido .formulario .usuario span { font-size: 1rem;font-weight: normal;display: block; }
.inscripcion .contenido .formulario .usuario span a { text-decoration: underline; }

.inscripcion .contenido .formulario .btn-actualizar { background: #0071bc;color: #ffffff;width: 220px;padding: .4rem 0rem;font-weight: 600;border-radius: .75rem; }
.inscripcion .contenido .formulario .btn-cancelar { background: #333333;color: #ffffff;width: 200px;padding: .4rem 0rem;font-weight: 600;border-radius: .75rem; }

.inscripcion .contenido .curso { background: #ffffff;padding: 1rem;border-radius: 10px;box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.35);-webkit-box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.35);-moz-box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.35); }
.inscripcion .contenido .curso .curso-body img { margin-bottom: 1rem;border-radius: 4px; }
.inscripcion .contenido .curso .curso-body h3 { font-size: 1.35rem; }
.inscripcion .contenido .curso .curso-body h5 { font-size: 1rem; }
.inscripcion .contenido .curso .curso-body .form-group {}
.inscripcion .contenido .curso .curso-body .form-group label { color: #e19e29;margin-bottom: .5rem;font-family: Gilroy, Segoe UI Symbol;font-weight: bold; }
.inscripcion .contenido .curso .curso-body .form-group input { background: #f2f2f2;color: #35323d; }
.inscripcion .contenido .curso .curso-footer p { font-size: .75rem;text-align: justify; }

.inscripcion .contenido .curso .curso-body .inscripcion-tt { position: relative;display: inline-block; }
.inscripcion .contenido .curso .curso-body .inscripcion-tt .tooltiptext { visibility: hidden;width: 200px;background-color: black;color: #fff;font-size: .75rem;font-weight: normal;text-align: center;border-radius: 6px;padding: 5px 5px;position: absolute;z-index: 1;bottom: 120%;left: 50%;margin-left: -111px; }
.inscripcion .contenido .curso .curso-body .inscripcion-tt .tooltiptext::after { content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent; }
.inscripcion .contenido .curso .curso-body .inscripcion-tt:hover .tooltiptext { visibility: visible; }

.inscripcion .contenido .curso .curso-body .input-group .input-group-text { border-radius: 0rem .25rem .25rem 0rem; }

/**/

.form-control-success { background: #bbf7d1 !important;color: #53897a;border-color: #9cd2b2; }
.form-control-readonly { background: #ced4da !important; }

/* ===================================
   CURSO
=================================== */

.curso-docente { margin-bottom: 1rem; }
.curso-docente h4 { font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-weight: 800; }

.curso-docente .perfil { width: 100%;height: 55px;margin-bottom: 2rem; }
.curso-docente .perfil .imagen { display: inline-block;position: absolute; }
.curso-docente .perfil .imagen img { width: 75px;border-radius: 50%; }

.curso-docente .perfil .docente { width: auto;display: inline-block;position: absolute;margin-bottom: 1rem;margin-left: 90px; }
@media (min-width:492px) { .curso-docente .perfil .docente { width: 314px; } }
@media (min-width:576px) { .curso-docente .perfil .docente { width: 378px; } }
@media (min-width:768px) { .curso-docente .perfil .docente { width: 558px; } }
@media (min-width:992px) { .curso-docente .perfil .docente { width: 478px; } }
@media (min-width:1200px) { .curso-docente .perfil .docente { width: 598px; } }
@media (min-width:1400px) { .curso-docente .perfil .docente { width: 718px; } }

.curso-docente .perfil .docente h3 { font-family: Gilroy-Semi-Bold, Segoe UI Symbol;font-size: 1rem;font-weight: 600;margin-top: .5rem;margin-bottom: .25rem; }

@media (min-width:492px) { .curso-docente .perfil .docente h3 { font-size: 1.05rem;margin-bottom: .15rem; } }
@media (min-width:576px) { .curso-docente .perfil .docente h3 { font-size: 1.15rem;margin-bottom: .15rem; } }
@media (min-width:768px) { .curso-docente .perfil .docente h3 { font-size: 1.15rem;margin-bottom: 0rem; } }
@media (min-width:992px) { .curso-docente .perfil .docente h3 { font-size: 1.25rem;margin-bottom: 0rem; } }
@media (min-width:1200px) { .curso-docente .perfil .docente h3 { font-size: 1.25rem;margin-bottom: 0rem; } }
@media (min-width:1400px) { .curso-docente .perfil .docente h3 { font-size: 1.25rem;margin-bottom: 0rem; } }

.curso-docente .perfil .docente span { color: #333333;font-family: 'Nunito', sans-serif;font-size: 1rem;font-weight: 200; }

@media (min-width:492px) { .curso-docente .perfil .docente span { font-size: 1rem; } }
@media (min-width:576px) { .curso-docente .perfil .docente span { font-size: 1rem; } }
@media (min-width:768px) { .curso-docente .perfil .docente span { font-size: 1rem; } }
@media (min-width:992px) { .curso-docente .perfil .docente span { font-size: 1.1rem; } }
@media (min-width:1200px) { .curso-docente .perfil .docente span { font-size: 1.1rem; } }
@media (min-width:1400px) { .curso-docente .perfil .docente span { font-size: 1.1rem; } }

.curso-docente .perfil .docente span i { color: #edb50c;font-size: 1.5rem !important; }

.curso-docente .descripcion .item-list { color: #333333;margin-bottom: 0rem !important;padding-left: 5.75rem !important;font-family: 'Nunito', sans-serif;font-size: 1rem;font-weight: 200;text-align: justify; }

/* ===========================================================================
   FUENTES
=========================================================================== */

@font-face {
    font-family: 'Gilroy-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/gilroy/regular/Gilroy-Regular.f15fcaa6a309.woff2") format("woff2");
  }

  @font-face {
    font-family: 'Gilroy-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/gilroy/semibold/Gilroy-Semibold.woff2") format("woff2"),
         url("../fonts/gilroy/semibold/Gilroy-Semibold.woff") format("woff"),
         url("../fonts/gilroy/semibold/Gilroy-Semibold.ttf") format("truetype"),
         url("../fonts/gilroy/semibold/Gilroy-Semibold.otf") format("opentype");
  }

  @font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/gilroy/bold/Gilroy-Bold.woff2") format("woff2");
  }

  @font-face {
    font-family: 'Gilroy-Extra-Bold';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/gilroy/extrabold/Gilroy-Extrabold.woff2") format("woff2"),
         url("../fonts/gilroy/extrabold/Gilroy-Extrabold.woff") format("woff"),
         url("../fonts/gilroy/extrabold/Gilroy-Extrabold.ttf") format("truetype"),
         url("../fonts/gilroy/extrabold/Gilroy-Extrabold.otf") format("opentype");
  }

  @media (min-width: 1024px) {
    @font-face {
      font-family: 'Gilroy';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url("../fonts/gilroy/bold/Gilroy-Bold.woff2") format("woff2");
    }
    @font-face {
      font-family: 'Gilroy';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url("../fonts/gilroy/regular/Gilroy-Regular.f15fcaa6a309.woff2") format("woff2"),
           url("../fonts/gilroy/regular/Gilroy-Regular.f15fcaa6a309.woff2") format("woff"),
           url("../fonts/gilroy/regular/Gilroy-Regular.f15fcaa6a309.woff2") format("truetype"),
           url("../fonts/gilroy/regular/Gilroy-Regular.f15fcaa6a309.woff2") format("opentype"),
           url("../fonts/gilroy/regular/Gilroy-Regular.f15fcaa6a309.woff2?#iefix") format("embedded-opentype");
    }
  }

/* ===========================================================================
   BOOTSTRAP
=========================================================================== */

/* ====================
   CARD
==================== */

.card { margin-bottom: 1rem;border-color: transparent;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
.card .card-header { background: white;border-color: transparent; }
.card .card-header .card-title { padding-top: 1rem; }

@media (min-width:576px) { .card { margin-bottom: 1.25rem; } }
@media (min-width:768px) { .card { margin-bottom: 0rem; } }
@media (min-width:992px) { .card { margin-bottom: 0rem; } }
@media (min-width:1200px) { .card { margin-bottom: 0rem; } }

/* ====================
   TEXT
==================== */

.text-justify { text-align: justify; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-navy { color: #303539; }

/* ====================
   MARGIN
==================== */

.mt-1 { margin-top: .25rem !important; }
.mt-2 { margin-top: .5rem !important; }
.mt-3 { margin-top: 1rem !important; }
/*.mt-4 { margin-top: .5rem !important; }
.mt-5 { margin-top: .5rem !important; }*/

.ml-1 { margin-left: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }
.ml-3 { margin-left: 1rem !important; }
/*.ml-4 { margin-left: .5rem !important; }
.ml-5 { margin-left: .5rem !important; }*/

.mr-1 { margin-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.mr-3 { margin-right: 1rem !important; }
/*.mr-4 { margin-right: .5rem !important; }
.mr-5 { margin-right: .5rem !important; }*/

.mb-1 { margin-bottom: .25rem !important; }
.mb-2 { margin-bottom: .5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
/*.mb-4 { margin-bottom: .5rem !important; }
.mb-5 { margin-bottom: .5rem !important; }*/

/* ====================
   PADDING
==================== */

.pt-1 { padding-top: .25rem !important; }
.pt-2 { padding-top: .5rem !important; }
.pt-3 { padding-top: 1rem !important; }
/*.pt-4 { padding-top: .5rem !important; }
.pt-5 { padding-top: .5rem !important; }*/

.pl-1 { padding-left: .25rem !important; }
.pl-2 { padding-left: .5rem !important; }
.pl-3 { padding-left: 1rem !important; }
/*.pl-4 { padding-left: .5rem !important; }
.pl-5 { padding-left: .5rem !important; }*/

.pr-1 { padding-right: .25rem !important; }
.pr-2 { padding-right: .5rem !important; }
.pr-3 { padding-right: 1rem !important; }
/*.pr-4 { padding-right: .5rem !important; }
.pr-5 { padding-right: .5rem !important; }*/

.pb-1 { padding-bottom: .25rem !important; }
.pb-2 { padding-bottom: .5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
/*.pb-4 { padding-bottom: .5rem !important; }
.pb-5 { padding-bottom: .5rem !important; }*/

/* ====================
   BUTTON
==================== */

.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:.15s ease-in-out} 
.btn-default{color:#333;background-color:#fff;border-color:#ccc} 
.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff} 
.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107} 
.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545} 
.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}

/* ===========================================================================
   INREPI
=========================================================================== */

.card-pago { margin-bottom: 1rem;border: 1px solid #b5b5b5;border-radius: 0.5rem;box-shadow: none; }

.card-pago .card-header { padding: 1rem 1.75rem; }
.card-pago .card-header .card-title { padding-top: 0rem;margin-bottom: 0rem;font-size: 1.05rem;font-weight: 600; }

.card-pago .card-body { padding: 0rem 1rem; }
.card-pago .card-body ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; list-style: none; gap: 0; }
.card-pago .card-body ul li { display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; border: 1px solid transparent; border-radius: .75rem; width: 16.66%; height: 150px; padding: 0rem 0.5rem 1rem 0.5rem; box-sizing: border-box; }
.card-pago .card-body ul li:hover { cursor: pointer; }
.card-pago .card-body ul li:last-child { margin-right: none; }
.card-pago .card-body ul li .image { height: 100px; display: flex; align-items: center; justify-content: center; }
.card-pago .card-body ul li .image img { width: 100px; height: 100px; object-fit: contain; }
.card-pago .card-body ul li p { font-size: .9rem; font-weight: 600; margin: 0; }
@media (max-width: 768px) { .card-pago .card-body ul li { width: 48%; margin-bottom: 0.5rem; } }

.card-pago .card-body .btn-compra { background: #ed1c24;color: #ffffff;margin-bottom: 1rem;padding: .5rem 2.25rem;font-weight: 600;border: none;border-radius: 1rem; }
.card-pago .card-body .btn-compra:hover { background: #d21a21; }
.card-pago .card-body .btn-compra:disabled { background: #e9565b;cursor: no-drop; }

.card-pago .cloudinary { background: #f2f2f2;color: #666666;padding: 2rem;text-align: center;border: 1px solid #999999;border-radius: .65rem; }
.card-pago .cloudinary:hover { color: #ed1c24;border-color: #ed1c24;border-style: dashed;cursor: pointer; }
.card-pago .cloudinary input { display: none; }
.card-pago .cloudinary label:hover { cursor: pointer; }
.card-pago .cloudinary i { color: #ed1c24;font-size: 2rem !important;margin-bottom: 1rem; }
.card-pago .cloudinary i:hover { cursor: pointer; }

.btn-cupon { background: #f6b024;color: #fff;margin-top: 1.9rem;padding: .5rem 2rem;font-family: Gilroy-Extra-Bold, Segoe UI Symbol;font-size: 16px;font-weight: 800;text-align: center;border: 0;border-radius: .5rem; }

/* ====================
   TOOLTIP
==================== */

.inicio-tt { position: relative;display: inline-block; }
.inicio-tt .tt-text { visibility: hidden;max-width: 300px;background-color: rgba(0, 0, 0, 0.9);color: #fff;font-size: 0.75rem;text-align: center;border-radius: 6px;padding: .5rem;position: absolute;z-index: 1;bottom: 140%;left: 50%;transform: translateX(-50%);white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.inicio-tt .tt-text::after { content: "";position: absolute;bottom: -10px;left: calc(50% - 5px);border-width: 5px;border-style: solid;border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent; }
.inicio-tt:hover .tt-text { visibility: visible; }

.inrepi-tt { position: relative;display: inline-block; }
.inrepi-tt .tooltiptext { visibility: hidden;width: 200px;background-color: black;color: #fff;font-size: .75rem;text-align: center;border-radius: 6px;padding: 5px 5px;position: absolute;z-index: 1;bottom: 120%;left: 50%;margin-left: -100px; }
.inrepi-tt .tooltiptext::after { content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent; }
.inrepi-tt:hover .tooltiptext { visibility: visible; }

/* ====================
   SETP
==================== */

.progress-container { display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;position: relative; }
.progress-line { position: absolute;top: 50%;left: 17%;width: 64%;height: 2px;background-color: gray;z-index: 0;transform: translateY(-50%); }
.step { text-align: center;flex: 1;position: relative;z-index: 1;margin-top: 2rem;font-weight: bold; }
.step .circle { width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto;border: 2px solid gray;background-color: white;position: relative; }
.step .label { margin-top: 5px;color: gray; }
.step.active .circle { border: 2px solid #0071bc;color: #0071bc;}
.step.active .label { color: #0071bc; }
.step.completed .circle { background-color: gray;color: white; }
.progress-line.completed { background-color: #0071bc; }


.banner-curso { background: #ff0000;color: #ffffff;margin-top: 70px;font-size: 1rem;padding: 1.5rem 0px 1rem 0px; }

.banner-texto { margin-bottom: 1rem; }

@media (min-width:576px) { .banner-texto { font-size: 1rem;margin-bottom: 1rem; } }
@media (min-width:768px) { .banner-texto { font-size: 1.25rem;margin-bottom: 0rem; } }
@media (min-width:992px) { .banner-texto { font-size: 1.25rem;margin-bottom: 0rem; } }
@media (min-width:1200px) { .banner-texto { font-size: 1.25rem;margin-bottom: 0rem; } }

.banner-curso .banner-boton { text-align: center; }

@media (min-width:576px) { .banner-curso .banner-boton { text-align: center; } }
@media (min-width:768px) { .banner-curso .banner-boton { text-align: right; } }
@media (min-width:992px) { .banner-curso .banner-boton { text-align: right; } }
@media (min-width:1200px) { .banner-curso .banner-boton { text-align: right; } }

.banner-curso .banner-boton a { background: #000000;color: #ffffff;width: 100%;font-weight: bold;border: 1px solid #000000;border-radius: 1rem;padding: .65rem 1.5rem;}

.row-bank-url img:hover { cursor: pointer; }