a:focus {
    outline: 1px solid var(--color-1st) !important;
}
@media (min-width: 768px) {
    .header-main-nav-layout-2 .col-md-6 {
        width: 60%;
    }
}
@media (min-width: 768px) {
    .header-main-nav-layout-2 .row > .col-md-3:last-child {
        width: 15%;
    }
}
.header-main-nav-box li.active a {
    color: var(--color-1st)!important;
}
.header-main-info .header-mini-btn::before {
    background: #333;
}
.single-infetech-feature-item .content {
    min-height: 220px;
}
.infetech-footer-area, .header-main-nav-layout-2.header-sticky.sticky
{
    background: #cccccc;
}
.infetech-header-area-2 .header-main-nav-layout-2 .header-main-nav-box ul li a,
.infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-main-info-contact .icon,
.infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-main-info-contact .content span,
.infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-main-info-contact .content a {
    color: #333;
}
.infetech-header-area-2 .header-main-nav-layout-2 {
	background: #cccccc;
}
.infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-main-info-contact .icon {
    background: #333;
}

.infetech-banner-area-layout-2 .infetech-banner-slide-item .infetech-banner-content .info-text .title {
    font-size: 60px;
}
.infetech-sponser-area .infetech-sponser-item:hover {
    background: none;
}
.infetech-header-area-2 .header-main-nav-layout-2 .header-main-info .header-mini-btn::before {
    background: #333;
}
.infetech-team-area {
    padding-bottom: 20px;
}

.caja-parrafo {
	background-color: #ddd; /* gris claro */
    border-radius: 10px;       /* bordes redondeados */
    padding: 0 20px;             /* espacio interno opcional */
    border: 1px solid #ccc;    /* borde sutil opcional */
}
.caja-parrafo li, .caja-parrafo strong {
	margin-bottom: 6px;
	font-size: 14px;
}
.footer-nav ul li a, .footer-info ul li, .footer-info ul li i, .footer-info ul li a, .footer-about p, .infetech-footer-area .title {
    color: #333;
}
.footer-about ul li a {
    border: none;
}
.footer-nav {
	margin-left: 40px;
}
@media (min-width: 768px) {
    .header-main-nav-layout-2.header-sticky.sticky .header-main-nav-box ul li.active a {
        color: var(--color-1st)!important;
    }
}

@media (max-width: 768px) {
   .infetech-banner-area-layout-2 .infetech-banner-slide-item .infetech-banner-content .info-text .title {
    	font-size: 40px;
	}
   .footer-nav {
		margin-left: 0;
	}
}

.infetech-about-content ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
}

.w-20px{
    width: 20px;
}


.team-details-area .team-details-content ul li a {
    height: auto;
    width: auto!important;
    background: var(--color-1st);
    border-radius: 0;
    color: #ffffff;
}
.team-details-area .team-details-content ul li a:hover {
    background: #ffffff;
    color: var(--color-1st);
    border: 1px solid var(--color-1st);
}

.caja-parrafo ul li {
    margin-bottom: 10px;
}
@media (min-width: 523px) and (max-width: 991px) {
    .caja-parrafo ul li.penultimo-item {
        margin-bottom: 0;
    }
}
@media (min-width: 1400px) {
    .caja-parrafo ul li.penultimo-item {
        margin-bottom: 0;
    }
}

.caja-parrafo ul li.ultimo-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
}

.caja-parrafo ul li.ultimo-item .main-btn {
    padding: 0 20px;
}

@media (max-width: 522px) {
    .caja-parrafo ul li.ultimo-item {
        display: flex;
        flex-direction: column; /* pone el texto y el botón en columna */
        align-items: flex-start; /* opcional: alinea el contenido a la izquierda */
        gap: 5px; /* espacio entre texto y botón */
    }

    .caja-parrafo ul li.ultimo-item .main-btn {
        display: inline-block; /* se asegura que se comporte como botón */
        margin: 0; /* opcional: quitar márgenes existentes */
    }
}

.caja-parrafo ul > li.ultimo-item > .main-btn{
    margin-left:auto !important;
    margin-right:0 !important;
    display:inline-flex !important;
    width:auto !important;
    white-space:nowrap;
}

.footer-about ul {
    margin-top: auto;
}
.union-europea img {
    width: 300px;
    display: block;
    margin-bottom: 1rem;
    max-width: 100%;
    height: auto;
}

/****     GAleria de proyectos   ****/

/* Limita el tamaño máximo de la imagen abierta */
.lg-outer .lg-inner .lg-img-wrap img.lg-image {
    max-width: 80vw;   /* 80% del ancho de la ventana */
    max-height: 80vh;  /* 80% del alto de la ventana */
    object-fit: contain;
}