@charset "UTF-8";


/*----------------- COMPONENTE COMPONENTE DOCUMENTACIÓN-LISTA (PARA FICHA BECAS)  -----------------*/

.documentacion-lista {
    display: flex;
    max-width: 1440px;
    padding: 40px 0 50px 0 !important;
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
	margin: 0 auto;   
}

.documentacion-lista .row {
    display: flex;
	flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
	margin-left: unset!important;
}

.documentacion-lista .row .line {
	width: 100%;
	height: 1px;
	background-color: var(--border-low, rgba(0, 0, 0, 0.20));
}

.documentacion-lista .row .content {
    display: flex;
	align-items: flex-start;
	gap: 40px;
	align-self: stretch;	
}

.documentacion-lista .row .content .card-media-title {
    font-size: 19px;
}

.documentacion-lista .row .content p {
    font-size: 16px;
}

.documentacion-lista .row .content .text {
    display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;	
}

.documentacion-lista .row .content .text .heading {
    display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}


.documentacion-lista .row .content .text .heading div {
    max-width: 774px;
	align-self: stretch;	
}

.documentacion-lista .row .more {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.documentacion-lista .row .more .content2 {
    display: flex;
	align-items: center;
	gap: 16px;
	align-self: stretch;
}

.documentacion-lista .row .more .content2 a {
    display: flex;
	padding: 4px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border: 1px solid var(--content-high, #000);
}

.documentacion-lista .row .more .content2 div.list-description {
    flex: 1 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    color: var(--content-high, #000);
    text-overflow: ellipsis;	
}


.documentacion-lista .row button.visible-small-res {
    display: none;
	visibility: hidden;
}


.documentacion-lista .row .content-2col {
    display: flex;
	align-items: flex-start;
	gap: 96px;
	align-self: stretch; padding-top: 40px;
}

.documentacion-lista .row .content-2col .detail{
    display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	flex: 1 0 0;
}

.documentacion-lista .row .content-2col .downloads {
    display: flex;
	max-width: 424px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.documentacion-lista .row .content-2col .downloads .content-row{
    display: flex;
	align-items: center;
	gap: 16px;
	align-self: stretch;
}

.documentacion-lista .row .content-2col .downloads .content-row a{
    display: flex;
	padding: 4px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border: 1px solid var(--content-high, #000);
}

.documentacion-lista .subtitle {
    margin-right: auto;    
    font-family: 'Montserrat', sans-serif;
}

.documentacion-lista .two-col {
    width: 100%;
}
.documentacion-lista .two-col > div:first-child {
    margin-bottom: 1em;
}



/*---- BREAKPOINTS COMPONENTE DOCUMENTACIÓN-LISTA (PARA FICHA BECAS) ----*/


/*- (0, 639) -*/

@media (min-width: 0px) and (max-width: 639px) {

.documentacion-lista {
    padding: 80px 16px;
    flex-direction: column;
    align-self: stretch;
}	

.documentacion-lista .row .content {
    flex-direction: column;
}

.documentacion-lista .row .more {
    gap: 40px;
}
	
	
.documentacion-lista .row button.visible-large-res {
    display: none;
	visibility: hidden;
}
.documentacion-lista .row button.visible-small-res {
    display: flex;
	visibility: visible;
}
	
.documentacion-lista .row .content-2col {
	flex-direction: column;
	gap: 40px;
	padding-top: 0px;
}

.documentacion-lista .row .content-2col .downloads {
	max-width: 100%;
	gap: 40px;
}
	
}


/*- (640, 959) -*/

@media (min-width: 640px) and (max-width: 959px) {

.documentacion-lista {
	width: 100%;
    padding: 80px 40px;
    flex-direction: column;
    align-self: stretch;
}	

.documentacion-lista .row .content {
    flex-direction: column;
}

.documentacion-lista .row .more {
    gap: 40px;
}	

.documentacion-lista .row button.visible-large-res {
    display: none;
	visibility: hidden;
}
.documentacion-lista .row button.visible-small-res {
    display: flex;
	visibility: visible;
}
	
.documentacion-lista .row .content-2col {
	flex-direction: column;
	gap: 40px;
	padding-top: 0px;
}

.documentacion-lista .row .content-2col .downloads {
	max-width: 100%;
	gap: 40px;
}		
	
}


/*- (960, 1279) -*/

@media (min-width: 960px) and (max-width: 1279px) {

.documentacion-lista {
    padding: 80px 40px;
    flex-direction: column;
    align-self: stretch;
}
	
.documentacion-lista {
    width: 100%;
}
	
.documentacion-lista .row button.visible-small-res {
    display: none;
	visibility: hidden;
}
	
}


/*- (1280, 1439) -*/

@media (min-width: 1280px) and (max-width: 1439px) {
	
.documentacion-lista {
    width: 100%;
}

.documentacion-lista .row button.visible-small-res {
    display: none;
	visibility: hidden;
}
	
}

/*- (+1440) -*/

@media (min-width: 1440px) {
	
.documentacion-lista {
    width: 100%;
}

.documentacion-lista .row button.visible-small-res {
    display: none;
	visibility: hidden;
}
	
}

/*----------------- FIN COMPONENTE DOCUMENTACIÓN-LISTA (PARA FICHA BECAS)  -----------------*/