html {scroll-behavior: smooth;}
:root{
	--color-corporativo-4:#0a818c;
	--color-corporativo-5:#43a365;
}

.p-0{padding:0;}
.pb-0 {padding-bottom:0;}
.p-3 {padding:30px;}
.p-5 {padding:50px;}
.pb-5 {padding-bottom:50px;}
.py-5 {padding:50px 0;}
.m-0 {margin:0;}
.mb-1 {margin-bottom:10px;}
.mb-2 {margin-bottom:20px;}
.mb-3 {margin-bottom:30px;}
.mb-5 {margin-bottom:50px;}
.mt-0 {margin-top:0;}
.mt-5 {margin-top:50px;}
.text-principal{color:#2c32ff;}
.text-secundario {color:#2c8bff;}


.banner {background:url('img/bg-iso-9001.jpg'); background-size:cover;}
.banner h1 {font-weight:bolder;font-size: 4.5em; }
.banner h2 {font-size: 3em; }
h1, h2, h3 {font-family: "Barlow", sans-serif; font-style: normal;}

.destacado p{font-size: 3em;line-height: 1.2em;}

.br-top-5 {border-radius: 5px 5px 0 0;}
.br-bottom-5 {border-radius:0 0 5px 5px;}

.d-flex, .d-flex-sm-column {display:flex;}
.align-items-center {align-items:center;}
.cronologia {padding:0 10px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.linea-inicio {width:2px;height:25px;background-color:#bebebe;}
.linea-final {width:2px;height:100%;background-color:#bebebe;}
.linea-negra1 {width:2px;height:25px;background-color:#333;}
.linea-negra2 {width:2px;height:100%;background-color:#333;}
.punto-azul {width:10px!important;height:10px!important;background-color:#2c32ff;outline:solid 1px #333; outline-offset:3px; margin:5px; border-radius:5px;}
.punto-verde {width:10px!important;height:10px!important;background-color:var(--color-corporativo-4);outline:solid 1px #333; outline-offset:3px; margin:5px; border-radius:5px;}


.panel-group{border-radius: 5px;}
.panel-group .panel{padding:15px 0;border-radius:0px;}
.panel-group .panel h3{margin:0;font-size:20px;}
.panel-group .panel p{font-size:1.2em;margin-bottom:0;}
.panel-heading{padding:0;}
.panel-default { border-color: #fff; }
.panel-default>.panel-heading {background-color:#fff}
.panel-title>a {text-decoration:none!important;}
.panel-title>a:focus {color: #2c32ff;}
.accordion-plus-toggle-2:focus {color: var(--color-corporativo-4)!important;}
.accordion-plus-toggle-2:hover {color: var(--color-corporativo-5)!important;}
.panel-body-item {display:flex;gap:10px; align-items: flex-start;}
.panel-body {border-top: 0px solid #fff!important;padding:15px 0 0 11px;}
.panel-number { background-color: #00049e; padding: 5px 8px;  color: white; margin-right: 5px;}
.panel-number-2 { background-color: var(--color-corporativo-4); padding: 5px 8px;  color: white; margin-right: 5px;}

.lista-cursos {background-color:#f4f4f6;border-radius:5px;margin-bottom:25px;padding:5px;justify-content:space-between;border:1px solid #ddd;text-decoration:none!important}
.lista-cursos h4 {color:#00049e;margin-bottom:5px;}
.lista-cursos p {margin-bottom:5px;color:black;}
.lista-cursos p span {margin-right:10px}
.lista-cursos .bx-arrow-right-circle {font-size:30px;margin-right:20px;color:black;}
.lista-cursos:hover {background-color:#ebecff;border:1px solid #2c32ff;}

.frase-principal {font-size: 3em; line-height: 1.2em;color:#00b4c4}
.bloque-frase-principal {background: linear-gradient(90deg, #0000 5%, #00049e 5.01%); display:flex;}

.webinar-card {border-radius:10px;margin:5px 0 20px;padding-bottom:10px;transition:all .3s ease-in-out;}
.webinar-card .img-card {border-radius:10px;outline:3px solid #00049e;box-shadow:0 0 10px #2c32ff00;transition:all .3s ease-in-out;}
.webinar-card:hover .img-card {outline:3px solid #2c32ff;box-shadow:0 0 20px #00049ecc;}
.title-card  {margin:10px 10px 0;color:black;}
.fecha-card {margin:0 10px 10px;color:#00049e;}
.btn-card {color:#ffffff !important;border-radius:5px;margin:0 10px;text-transform: none;}

@media (max-width: 700px) {
	.banner {margin-top:80px;}
	.banner .dark-overlay .container, banner .dark-overlay .container .col-sm-6 {padding:0;}
	.frase-principal {font-size: 2em; line-height: 1.2em;color:#00b4c4}
	.bloque-frase-principal {background: linear-gradient(90deg, #00049e 5%, #00049e 5.01%); }
	.d-flex-sm-column {flex-direction:column;}
}