@charset "UTF-8";
/* CSS Document */

.body {
font-family: Work Sans, sans-serif;
font-size: 16px;
}



.main-nav {
width: 100%;
-webkit-text-fill-color: inherit;
background-color: rgba(0, 0, 0, 0);
background-clip: border-box;
padding-top: 0;
padding-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
position: -webkit-sticky;
position: sticky;
top: auto;
bottom: auto;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.header-gov {
height: 48px;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #36c;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: auto;
grid-auto-columns: auto;
justify-content: flex-start;
align-items: center;
padding-left: 86px;
padding-right: 86px;
display: flex;
}
.section-10 {
background-color: #fff;
padding: 56px 86px;
}
.main-navegacion {
width: 100%;
height: 72px;
max-width: none;
background-color: #f7f9fa;
border-bottom: 3px solid #f8b327;
flex-direction: row;
justify-content: center;
align-items: center;
padding-left: 86px;
padding-right: 86px;
display: flex;
}
.w-container {
margin-left: auto;
margin-right: auto;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-9 {
grid-template-rows: auto;
align-content: center;
justify-content: space-between;
align-items: center;
display: flex;
}
.w-container:after {
clear: both;
}

.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}

.brix---btn-primary-small {
width: 200px;
color: #fff;
text-align: center;
transform-style: preserve-3d;
background-color: #f7b325;
border-radius: 48px;
justify-content: center;
padding: 18px 24px;
font-family: museo-sans-condensed, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 18px;
transition: background-color .3s, transform .3s, color .3s;
}
.w-button {
text-decoration: none;
display: inline-block;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.columns-4 {
width: 100%;
align-items: center;
display: flex;
}
.w-col-3 {
width: 25%;
}
.w-col {
float: left;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.main-header {
width: 100%;
color: #4c4b4b;
justify-content: flex-start;
align-items: center;
display: flex;
}
.link-4 {
color: #4c4b4b;
font-family: Work Sans, sans-serif;
font-size: 18px;
font-weight: 700;
}
.column-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: center;
display: flex;
}
.w-col-9 {
width: 75%;
}
.w-nav-menu {
float: right;
position: relative;
}

.brix---header-right-col {
justify-content: flex-end;
align-items: center;
display: flex;
}
.brix---hamburger-menu-wrapper {
padding: 0;
transition: transform .3s;
}
.w-nav-button {
float: right;
cursor: pointer;
font-size: 24px;
display: none;
position: relative;
}
.lista-menu {
z-index: 1;
color: #fff;
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.elemento-menu {
color: #4c4b4b;
border-right: 0 solid #fff;
margin-bottom: 0;
padding-left: 10px;
padding-right: 10px;
}
.link-menu {
text-align: center;
mix-blend-mode: normal;
padding: 0;
font-family: Work Sans, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18px;
transition-property: none;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}

.footer-escuela {
float: none;
clear: none;
background-color: rgba(0, 0, 0, 0);
border-top: 1px solid #eff0f6;
position: static;
}
.container-9 {
z-index: 1;
max-width: 960px;
background-color: #fff;
border: 1px solid #db0d15;
border-radius: 14px;
align-items: center;
margin-top: 30px;
margin-bottom: 30px;
padding: 40px 60px;
display: block;
position: relative;
}
.section-11 {
z-index: -1;
height: 300px;
background-color: #f2f2f2;
margin-top: -220px;
position: relative;
}
.footer-gov {
height: 95px;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #36c;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
padding-left: 86px;
padding-right: 86px;
display: flex;
}
.columns-5 {
margin-bottom: 30px;
}
.info-footer-1 {
width: 100%;
margin-bottom: 30px;
}
.grid-10 {
width: 100%;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
align-content: center;
justify-content: flex-start;
align-items: center;
justify-items: start;
margin-bottom: 30px;
display: flex;
}
.redesfooter {
width: 100%;
}
.column-5 {
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.w-col-6 {
width: 50%;
}

.heading-17 {
color: #db0d15;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 26px;
display: flex;
}
.paragraph-4 {
font-family: Montserrat, sans-serif;
font-size: 11px;
line-height: 21px;
}
.div-block-11 {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.link-block {
color: #db0d15;
font-family: Montserrat, sans-serif;
font-size: 9px;
line-height: 12px;
}

@media screen and (max-width: 991px){
.main-nav, .brix---btn-primary {
padding-top: 24px;
padding-bottom: 24px;
	}
}
.carousel-item {
  height: 392px;
}

.carousel-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}

.carousel-caption h3 {
  font-size: 24px;
}
.card {
  position: relative;
  overflow: hidden;
	min-height: 500px;
}

.card .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: yellow;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.card:hover .card-overlay {
  opacity: 1;
}

.card-body {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  color: black;
}

.card-title,
.card-text {
  margin: 0;
}

.carousel-item {
  position: relative;
}

.carousel-img {
  width: 100%;
  height: auto;
}

.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.carousel-item:hover .carousel-overlay {
  opacity: 1;
}

.carousel-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
}

.carousel-title,
.carousel-description {
  margin: 0;
}

.carousel-button {
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}