.icon-new {
  animation: parpadeo-alert 1.5s infinite;
  margin-left: 6px;
  vertical-align: middle;
  width: 6vh;
  height: 2vh;
  margin-bottom: 4px;
}

.page {
	position: relative;
	overflow: hidden;
	min-height: 100vh;
}

.page.fadeIn {
	animation-timing-function: ease-out;
}

.page.fadeOut {
	animation-timing-function: ease-in;
}

[data-x-mode] .page {
	opacity: 1;
}


@media (min-width: 992px) {
	.main-image-section {
		padding: 0px 0 0px 0;
		height: 50vh;  /* Ocupar el 50% de la altura de la vista */
		display: flex;
		flex-direction: column;
		justify-content: center;  /* Centrar elementos verticalmente */
		align-items: center;      /* Centrar elementos horizontalmente */
	}
}



.main-image-section {
    background:url("../../images/fondocentroenergia.ffa347ea91a3.webp") no-repeat center 70%; 
    background-size:cover;
    padding: 0px 0 0px 0;
	height: 50vh;  /* Ocupar el 50% de la altura de la vista */
    display: flex;
    flex-direction: column;
    justify-content: center;  /* Centrar elementos verticalmente */
    align-items: center;      /* Centrar elementos horizontalmente */
}

.main-image-section > .container {
    padding-right: 0px;
    padding-left: 0px;
	margin-left: 190px;
}  

.text-container {
    margin-top: 12%;
    margin-right: -15px;
    margin-left: -15px;
}


/* Texto de indice titulo */
.title-text {
    font-size: 4.5em;
	margin-bottom: 0.5em;
	font-family: "Arial", sans-serif;
	padding-bottom: 10px;
    font-weight: 500;
    line-height: 1.1;
  }

  /* Sub titulo */
  .small-text {
    font-size: 1.2em;
	margin-bottom: -5%;
}

.title-text, .small-text {
    margin-top: 20%;  /* Agregar un poco de espacio superior */
	color: white;
	margin: 0;
}

.category-label {
    color: var(--primary-color);
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
}


.image-container {
    width: 30%;
    height: 220px;
    overflow: auto;
    white-space: nowrap;
	display: flex;
    justify-content: left;
    align-items: center;
    gap: 1em; /* Espacio entre las imágenes */
	margin-bottom: 70px;
}
.img-fluid-1 {
    width: 30%;
    height: auto;
}
.img-fluid-2 {
    width: 40%;
    height: auto;
	margin-bottom: -5%;
}


/*
* Footers
*/
.footer-classic {
	padding: 30px 0;
	background: #404044;
	color: #aab2b9;
	font-size: 16px;
}

.section-sm {
    padding: 50px 0;
}

@media (min-width: 768px) {
	.section-sm {
		padding: 30px 0;
	}
}
@media (max-width: 991.98px) {
	section.section-sm:first-of-type{
		padding-top: 40px;
	}
}

.footer-classic .brand .acker-logo-light{
	width: 30%;
	filter: brightness(0.80);
	opacity: 0.9; 
}
.brand {
	display: inline-block;
}

.footer-classic-description {
    font-size: 14px;
	line-height: 1.8;
    margin-right: 25px;
    margin-top: 20px;
}

.footer-classic-title {
	font-family: "Poppins", sans-serif;
	color: #d7dde5;
	text-transform: uppercase;
	margin-top: 40px;
	margin-bottom: 25px;
	font-size: 14px;
	letter-spacing: .15em;
}

.footer-classic-nav-list a {
	color: inherit;
}

.footer-classic-nav-list a:hover {
	color: #32adcc;
}

ul,
ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul li,
ol li {
	display: block;
	list-style: none;
}

/*
* Images
*/
img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}


/*
* Cases table
*/
.home-body{
    background: rgba(250, 250, 250, 0.5);
    height: 100%;
    width: 100%;
}

.home-dialog {
    width: 95% !important;
    max-width: 1000px !important;
    margin: 30px auto 30px auto;
}

.modal-header {
    border: 0px;
}

.modal-body {
    padding: 0 15px 15px 15px;
}

.center-dialog{
    display: flex;
    align-items: center;
}

.center-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.center-header > div {
    margin: 20px 0;  /* Este margen asegura que cada div tenga espacio arriba y abajo. */
}

.new-project-image{
    vertical-align: middle;
    height: 32px;
    opacity: 0.8;
    margin-left: 8px;
}


.new-project-image:hover{
    opacity: 1.0;
    cursor: pointer;
}
hr {
    height: 1px;
    margin: 5px 0 5px 0;
    border-top: 1px solid #bbb;
}
.hr-primary{
    background-image: -webkit-linear-gradient(left, rgba(66,133,244,.8), rgba(66, 133, 244,.6), rgba(0,0,0,0));
}

.project-name {
    font-size: medium;
    margin: auto 10px auto 10px;
}

.buttons-container {
    width: 120px;
}

.category-container {
    width: 100%;
}

.no-padding {
    padding: 0;
}