/* ++++++++++++++++++++++++++++++ VARIABLES ++++++++++++++++++++++++++++++ */
:root {
  --tipografia-textos: 'Open Sans', sans-serif;
  --tipografia-iconos: 'Font Awesome 5 Pro';
  --color-texto: #000;
  --color-texto-inverse: #ffffff;
  --color-enlaces: #000;
  --color-corporativo: #ffffff; /* AMARILLO */
  --color-corporativo-inverse:#000000;
  --color-corporativo-50: rgba(247,208,14,.5);
  --color-corporativo-1: #f7d00e; /* AMARILLO */
  --color-corporativo-2: #8dc63f; /* VERDE */
  --color-corporativo-3: #ff66ff; /* ROSA */
  --color-corporativo-4: #ffffff; /* AZUL */
  --color-dark: #000;
  --color-dark-075: rgba(0,0,0,.075);
  --color-dark-15: rgba(0,0,0,.15);
  --color-dark-25: rgba(0,0,0,.25);
  --color-dark-40: rgba(0,0,0,.4);
  --color-dark-50: rgba(0,0,0,.5);
  --color-dark-80: rgba(0,0,0,.8);
  --color-light: #f8f9fa;
  --color-lighter: #EEE;
  --color-lightest: #FFF;
  --color-lightest-25: rgba(255,255,255,.25);
  --color-lightest-50: rgba(255,255,255,.5);
  --color-lightest-65: rgba(255,255,255,.65);
  --color-lightest-85: rgba(255,255,255,.85);
  --border-radius: 0px;
  --border-rounded: .25rem;
  --border-rounded-xl: .5rem;
  --border-rounded-xxl: 1rem;
  --border-rounded-circle: 50%;
  --border-pills: 50rem;
  --bg-corp-color:#000000;
  --bg-stepper-passed-color:var(--color-corporativo-inverse);
  --stepper-passed-color:var(--color-texto-inverse);
  --bg-accent-strong:#000;
  --input-focused-color:#000;
  --content-link:#000bg;
  --bg-corp-color:#f7d00e;
  --neutral-100: #000000;
  --neutral-90: #1a183f;
  --neutral-80: #302e56;
  --neutral-60: #5a657c;
  --neutral-50: #79849a;
  --neutral-45: #a3adc2;
  --neutral-40: #d8dfe2;
  --neutral-30: #e7ebee;
  --neutral-20: #f7f9fa;
  --neutral-10: #ffffff;
}


html { scroll-behavior:smooth; }
body { font-family:var(--tipografia-textos); color:var(--color-texto); }
p { margin-bottom:1.5rem; }
a, a:link, a:visited, a:active, a img, .btn, .smooth { transition:all 0.2s linear; text-decoration:none; }
a:not(.btn) { color:var(--color-enlaces); }
.content .content-body .text a:not(.btn):not(.list-group-item), .footer a:not(.btn) { text-decoration:underline; }
.content .title a, .content a:not(.btn):hover, .footer a:not(.btn):hover { text-decoration:none; }
.content .title h1 { font-size:2.15rem; }

.edit-enrollment .grey-block {
    padding: 1.5rem;
    background-color: var(--color-light);
    border-radius: var(--border-rounded-xl);
}


.btn-secondary {
    --bs-btn-color: var(--color-dark);
    --bs-btn-bg: var(--color-lighter);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--color-texto-inverse);
    --bs-btn-hover-bg: var(--color-corporativo-inverse);
    --bs-btn-hover-border-color: var(--color-corporativo-inverse);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: var(--color-texto-inverse);
    --bs-btn-active-bg: var(--color-corporativo-inverse);
    --bs-btn-active-border-color: var(--color-corporativo-inverse);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-dark);
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}
.btn-primary {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-black);
  --bs-btn-border-color: var(--bs-black));
  --bs-btn-hover-color: var(--bs-black);
  --bs-btn-hover-bg: var(--bs-white);
  --bs-btn-hover-border-color: var(--bs-black);
  --bs-btn-focus-shadow-rgb: var(--bs-black);
  --bs-btn-active-color: var(--bs-black);
  --bs-btn-active-bg: var(--bs-white);
  --bs-btn-active-border-color: var(--bs-black);
}
.btn-corp {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-black);
  --bs-btn-border-color: var(--bs-black));
  --bs-btn-hover-color: var(--bs-black);
  --bs-btn-hover-bg: var(--bs-white);
  --bs-btn-hover-border-color: var(--bs-black);
  --bs-btn-focus-shadow-rgb: var(--bs-black);
  --bs-btn-active-color: var(--bs-black);
  --bs-btn-active-bg: var(--bs-white);
  --bs-btn-active-border-color: var(--bs-black);
}



.btn.focus, .btn:focus { box-shadow:none; }

.btn-corp-1 { color:var(--color-dark); background-color:var(--color-corporativo-1); border-color:var(--color-corporativo-1); }
.btn-corp-2 { color:var(--color-dark); background-color:var(--color-corporativo-2); border-color:var(--color-corporativo-2); }
.btn-corp-3 { color:var(--color-dark); background-color:var(--color-corporativo-3); border-color:var(--color-corporativo-3); }
.btn-corp-4 { color:var(--color-dark); background-color:var(--color-corporativo-4); border-color:var(--color-corporativo-4); }
.
.btn-xl { padding:1.5rem; font-size:1.25rem; line-height:1; }
.btn-circle, .btn-square { padding:0; width:38px; height:38px; text-align:center; display:inline-flex; -ms-flex-align:center; align-items:center; } 
.btn-circle { border-radius:var(--border-rounded-circle); } 
.btn-circle i, .btn-square i { margin:auto; }
.btn-circle.btn-xl, .btn-square.btn-xl { width:70px; height:70px; }

.dropdown .dropdown-toggle::after { vertical-align:.1rem; border:none; font-family:var(--tipografia-iconos); font-weight:300; content:'\f078'; font-size:.5rem; transition:all 0.2s linear; }
.dropdown.show .dropdown-toggle::after { transform:rotate(180deg); }
.dropdown-menu { padding-top:0; padding-bottom:0; border:none; overflow:hidden; margin-top:1rem; box-shadow:0 .5rem 1rem var(--color-dark-15); z-index:1; }
.dropdown-item { padding:1rem; color:var(--color-dark); border-top:1px dashed var(--color-dark-25); }
.dropdown-item:first-child { border-top:none; }
.dropdown-item:hover { background-color:var(--color-dark); color:var(--color-lightest); }

.heading-banner .dropdown-menu { margin-top:1rem!important; }
.heading-banner .section-menu-btn.show i { transform:rotate(90deg); }

/* ++++++++++++++++++++++++++++++ TABS MENU ++++++++++++++++++++++++++++++ */


 ++++++++++++++++++++++++++++++ FORMS ++++++++++++++++++++++++++++++ */

label { font-size:.9rem; margin-bottom:.5rem; }
/* label span { color:red; } */
.form-group { margin-bottom:1rem; }
.form-control, .form-select {background-color:var(--color-lightest);/* color:var(--color-dark); */border-radius:var(--border-radius);}
.form-control::placeholder { color:var(--color-texto); opacity:.4; }
.form-control::-ms-input-placeholder { color:var(--color-texto); opacity:.6; }
.form-control:-ms-input-placeholder { color:var(--color-texto); opacity:.6; }

.form-check-input, .form-check-label { cursor:pointer; }
.form-text, .add-field { margin-top:.5rem; color:var(--color-dark-50); font-size:.8rem; }
.add-field { margin-top:1rem; }
.repeater-field + .repeater-field { margin-top:1rem; }
.check-all .form-check label { margin-bottom:0; }
.form-check-input { background-color:var(--color-dark-075); border-color:transparent; }

.contact-form { max-width:600px; }


.content { position:relative;display:block; }
.content .content-body .text h1, .content .content-body .text h2, .content .content-body .text h3, .content .content-body .text h4, .content .content-body .text h5, .content .content-body .text h6 { margin-top:3rem; margin-bottom:1.5rem; }
.content .content-body .text hr { margin:3rem 0; background-color:var(--color-dark-15); }
.content .content-body .indice a { display:block; text-decoration:underline; margin-top:1rem; }
.content .content-body .indice li a { margin-top:0; }
.content .content-body .indice ul { margin-bottom:.5rem; }
.content .content-body .text ul, .content .content-body .text ol { list-style:none; list-style-type:none; text-align:left; margin:2rem 0; padding:0; box-shadow:0 .125rem .25rem var(--color-lighter); }
.content .content-body .text ol { counter-reset:item; }
.content .content-body .text ol li::before, .content .content-body .text ul li::before { position:absolute; top:1rem; left:1rem; }
.content .content-body .text ol li::before { content:counter(item); background:var(--color-corporativo); border-radius:var(--border-rounded-circle); color:var(--color-texto); text-align:center; display:block; width:25px; height:25px; font-size:.8rem; line-height:25px; font-weight:bold; }
.content .content-body .text ul li::before { background:none; font-family:var(--tipografia-iconos); font-weight:900; content:"\f0da"; font-size:1rem; color:var(--color-corporativo); }
.content .content-body .text ul li, .content .content-body .text ol li { position:relative; padding:1rem 1rem 1rem 2.5rem; background-color:var(--color-lightest); border-top:1px solid var(--color-lighter); }
.content .content-body .text ol li { counter-increment:item; padding-left:3.5rem; }
.content .content-body .text ul li:first-child, .content .content-body .text ol li:first-child { border-top:none; }
.content .content-body .text ul li ul, .content .content-body .text ol li ol, .content .content-body .text ul li ol, .content .content-body .text ol li ul { box-shadow:none; margin:1rem 0; }
.content .content-body .text ul li ul li, .content .content-body .text ol li ol li { padding:1rem 0 1rem 2.5rem; }
.content .content-body .text ul li ul li:first-child, .content .content-body .text ol li ol li:first-child { border-top:1px solid var(--color-lighter); }
.content .content-body .text ul li ol li::before, .content .content-body .text ol li ol li::before { background-color:var(--color-dark-15); color:var(--color-dark-50); left:0; }
.content .content-body .text ul li ul li::before, .content .content-body .text ol li ul li::before { left:0; }
.content .content-body .text blockquote, .content .content-body .content-image { width:100%; margin:0 0 2rem; background-color:var(--color-lighter); }
.content .content-body .content-image img { width:100%; }
.content .content-body .text blockquote, .content .content-body .content-image.content-image-right { margin:0 0 2rem; }
.content .content-body .text blockquote { margin:.5rem 0 2rem; font-size:1.5rem; padding:1rem; border-top:5px solid var(--color-corporativo); text-align:center; }
.content .content-body .sidebar { padding-top:1.5rem; margin-bottom:3rem; }
.content .content-body .sidebar .sidebar-menu-item { border-top:1px solid var(--color-dark-075); }
.content .content-body .sidebar .sticky-offset { top:100px; z-index:0; }
.content .content-body .embed { display:grid; margin:2rem 0; }
.content .content-body .embed iframe { width:100%; }
.content.single-col .content-body, .content.single-col .breadcrumb { max-width:1150px; margin-right:auto; margin-left:auto; }

.row div[class^='col'], .row div[class*=' col'] { position:relative; }

.enrollment .col-header, .enrollment .col-content {
    display: flex;
    flex-direction: column;
    padding: 3rem;
}

.enrollment  .navbar-brand i { font-size:34px; }
.enrollment  a:not(.btn) { text-decoration:underline; }
.enrollment  a:not(.btn):hover { text-decoration:none; }
.enrollment .col-header, .enrollment .col-content { display:flex; flex-direction:column; padding:3rem; }
.enrollment .col-content .heading h1:not(.main-header), .enrollment .col-content .heading h2:not(.main-header), .enrollment .col-content .heading h3:not(.main-header), .enrollment .col-content .heading h4:not(.main-header), .enrollment .col-content .heading h5:not(.main-header), .enrollment .col-content .heading h6:not(.main-header) { font-weight:bold; margin-top:3rem; }
.enrollment .col-content .heading h1:not(.main-header), .enrollment .col-content .heading h2:not(.main-header), .enrollment .col-content .heading h3:not(.main-header), .enrollment .col-content .heading h4:not(.main-header) { margin-top:4rem; }
.enrollment .col-content .heading { margin-bottom:2rem; }
.enrollment .col-content .field-group { margin-bottom:1.5rem; }
.enrollment .col-content .legend { margin-top:3rem; color:red; }
.enrollment .col-content .actions { margin-top:1.5rem; }
.enrollment .col-content .navigation { margin-top:4rem; }
.enrollment .col-content .content-body { width:100%; max-width:1000px; margin:auto; }


.enrollment .toggle-persona { margin-top:2rem; }
.enrollment .form-header { padding:1.75rem; background-color:var(--color-lighter); border-radius:var(--border-rounded-xl); text-align:center; margin-bottom:3.5rem; }
.enrollment .form-header .title { font-size:1.75rem; line-height:1.25; }
.enrollment .form-header .description { margin-top:.5rem; color:var(--color-dark-50); }
.enrollment .form-header.success .icon { margin-bottom:1rem; font-size:5rem; line-height:1; }
.enrollment .grey-block { padding:1.5rem; background-color:var(--color-light); border-radius:var(--border-rounded-xl); }
.enrollment .upload-block { padding:1.5rem; border-radius:var(--border-rounded-xxl); border:3px dashed var(--color-dark-25); text-align:center; margin-bottom:.5rem; }



.header .navbar-brand a, .footer-brand a, .enrollment .navbar-brand a {
    text-decoration: none!important;
}


@media screen and (min-width:768px) {
	.content-body.content-block { padding-top:2.5rem; }
	.content .content-body .text ul, .content .content-body .text ol { display:grid; }
	.content .content-body .text blockquote, .content .content-body .text .content-image.content-image-right { float:right; max-width:45%; margin:0 0 2rem 2.5rem; }
	.content .title h1 { font-size:2.5rem; }
	.card.card-horizontal .card-image { max-width:200px; }
	.bloque-ayuda .search-form .input-group { max-width:300px; }
	.login .login-form { margin:0; }
	.home .about-us .title h2 { font-size:2.5rem; }
	.centro-ayuda .satisfaction .btn { width:auto; }
}

@media screen and (min-width:992px) {
	.error-404 .main-col { padding-top:5rem; padding-bottom:5rem; }
	.error-404 .error-number { font-size:15rem; line-height:12rem; margin-bottom:0; }
	#headermenu { min-height:0; height:auto; }
	#headermenu .nav-item { display:flex; align-items:center; border-top:none; }
	#headermenu .header-search-btn:hover { background-color:var(--color-dark)!important; color:var(--color-lightest); }
	#headermenu .dropdown .dropdown-toggle::after { top:.45rem; left:.2rem; right:auto; font-size:.5rem; font-weight:600; }
	#headermenu .nav-item .dropdown-menu { box-shadow:0 .5rem .2rem var(--color-dark-15); left:.5rem; }
	#headermenu .header-portal .dropdown-menu { background-color:var(--color-dark-80); width:375px; left:auto; }
	#header .header-user { width:56px; height:56px; justify-content:center; background-color:var(--color-dark); }
	.footer .footer-legal { border-top: 1px solid var(--color-dark-15); }
	.footer .footer-legal-text .row, .footer .footer-legal-logos .row { justify-content:left; }
	.content .content-body .sidebar { padding-top:0; }
	.content .content-body .sidebar .sticky-offset { margin-top:1.5rem; }
	.content .breadcrumb + .content-body .sidebar .sticky-offset { margin-top:0; }
	.bg-img-16-9 { aspect-ratio:inherit; }
	.heading-banner { padding:1.5rem 0; }
	.heading-banner .section-heading { justify-content:flex-end; }
	.heading-banner .section-menu-btn { margin-right:1rem; }
	.breadcrumb { display:block; }
	.heading-banner .section-heading { margin-top:.5rem; }
	.bloque-ayuda .bloque-centro-ayuda { width:380px; max-width:100%; margin:0 auto; }
	.enrollment .col-header, .enrollment .col-content { height:100vh; overflow:auto; align-items:flex-start; }
	.enrollment .col-header { width:400px; }
	.home .header-banner .logo-block { min-height:240px; }
	.social-banner .btn-circle.btn-lg { width:65px; height:65px;line-height:65px; }
	.portal .heading-banner { padding-top:.5rem; }
	.centro-ayuda:not(.ayuda-home) .heading-banner { padding-top:1.5rem; }
	.centro-ayuda.ayuda-home .heading-banner .banner-content { padding-top:1.5rem; }
}

@media screen and (min-width:1200px) {
	.container-xxl { max-width:1500px; width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; }
	.content .content-body .sidebar { width:230px; margin-left:1rem; padding-left:2.5rem; }
	.content .content-body .sidebar-lg { width:350px; }
	.owl-carousel .owl-nav { display:block; }
	.owl-carousel .owl-dots { display:none; }
	.enrollment .col-content { padding:3rem 6rem; }
	.enrollment .form-header.success { padding:3rem; }
	.stepper-item:before { width:48px; height:48px; font-size:1.25rem; line-height:48px; }
	.stepper-item:not(:last-child):after { top:calc(48px / 2); width:calc(100% - 48px - calc(.5rem * 2)); left:calc(50% + calc(48px / 2 + .5rem)); }
}

@media (min-width: 1200px)
.h3, h3 {
    font-size: 1.75rem;
}