@font-face {
    font-family: 'Paralucent-Regular';
    font-style: normal;
    font-weight: 400 !important;
    src: url('/estudiar-universidad/landings/evento1/assets/fuentes/Paralucent-Medium.otf');
}

@font-face {
    font-family: 'Paralucent-Bold';
    font-style: normal;
    font-weight: 500 !important;
    src: url('/estudiar-universidad/landings/evento1/assets/fuentes/Paralucent-Bold.otf');
}

@font-face {
    font-family: 'Montserrat-Regular';
    font-style: normal;
    font-weight: 400 !important;
    src: url('/estudiar-universidad/landings/evento1/assets/fuentes/Montserrat-Regular.ttf');
}

@font-face {
    font-family: 'Montserrat-Medium';
    font-style: normal;
    font-weight: 500 !important;
    src: url('/estudiar-universidad/landings/evento1/assets/fuentes/Montserrat-Medium.ttf');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    font-style: normal;
    font-weight: 600 !important;
    src: url('/estudiar-universidad/landings/evento1/assets/fuentes/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: 'Montserrat-Bold';
    font-style: normal;
    font-weight: 700 !important;
    src: url('/estudiar-universidad/landings/evento1/assets/fuentes/Montserrat-Bold.ttf');
}



:root {
    --ceu-primary: #FF7F45;
    --ceu-primary-dark: #004165;
    --ceu-primary-light: #2273B9;
    --ceu-primary-light-25: rgba(var(--ceu-primary-light), .25);
    --ceu-secondary: #72DCD4;
    --ceu-text: #05141F;
    --ceu-medium: #8E95A2;
    --font-family-serif-regular: Paralucent-Regular;
    --font-family-serif-bold: Paralucent-Bold;
    --font-family-sans-serif-regular: Montserrat-Regular;
	--font-family-sans-serif-medium: Montserrat-Medium;
	--font-family-sans-serif-semibold: Montserrat-SemiBold;
	--font-family-sans-serif-bold: Montserrat-Bold;

}

body, html {
    color: var(--ceu-text) !important;
    font-family: var(--font-family-sans-serif-regular) !important;
}

.text-ceu-primary, .link-btn-link-color {
    color: var(--ceu-primary) !important;
}
.text-ceu-primary-dark {
    color: var(--ceu-primary-dark) !important;
}
.text-ceu-primary-light {
    color: var(--ceu-primary-light) !important;
}
.text-ceu-secondary {
    color: var(--ceu-secondary) !important;
}
.text-ceu-text {
    color: var(--ceu-text) !important;
}
.bg-ceu-primary {
    background-color: var(--ceu-primary) !important;
}
.bg-ceu-primary-dark {
    background-color: var(--ceu-primary-dark) !important;
}
.bg-ceu-primary-light {
    background-color: var(--ceu-primary-light) !important;
}
.bg-ceu-secondary {
    background-color: var(--ceu-secondary) !important;
}
.border-ceu-primary {
    border-color: var(--ceu-primary) !important;
}
.border-ceu-primary-dark {
    border-color: var(--ceu-primary-dark) !important;
}
.border-ceu-primary-light {
    border-color: var(--ceu-primary-light) !important;
}
.border-ceu-secondary {
    border-color: var(--ceu-secondary) !important;
}

.btn {
    border-radius: 10px 0 0 0;
    font-family: var(--font-family-serif-bold);
}
.btn-ceu-primary {
    background-color: var(--ceu-primary) !important;
    border-color: var(--ceu-primary) !important;
}
.btn-ceu-primary-dark {
    background-color: var(--ceu-primary-dark) !important;
    border-color: var(--ceu-primary-dark) !important;
}
.btn-ceu-primary-light {
    background-color: var(--ceu-primary-light) !important;
    border-color: var(--ceu-primary-light) !important;
}
.btn-ceu-secondary {
    background-color: var(--ceu-secondary) !important;
    border-color: var(--ceu-secondary) !important;
}

.font-ceu-serif-regular {
    font-family: var(--font-family-serif-regular) !important;
    font-weight: 300 !important;
}
.font-ceu-serif-bold {
    font-family: var(--font-family-serif-bold) !important;
}
.font-ceu-sans-serif-regular {
	font-family: var(--font-family-sans-serif-regular) !important;
}

.font-ceu-sans-serif-medium {
	font-family: var(--font-family-sans-serif-medium) !important;
}

.font-ceu-sans-serif-semibold {
	font-family: var(--font-family-sans-serif-semibold) !important;
}

.font-ceu-sans-serif-bold {
	font-family: var(--font-family-sans-serif-bold) !important;
}

.form-control::placeholder {
	color: var(--ceu-medium);
}
.input-group-text {
    border: none;
    border-radius: 0;
    color: var(--ceu-medium) !important;
}
.form-control:not(.input-group-text) {
    border: none;
    border-radius: 0;
    background-color: rgba(148,212,233,0.25) !important;
    font-size: 0.9rem;
    padding: .5rem 0.75rem;
}

.item p:last-child, .item ul:last-child {
	margin-bottom: 0;
}
.item ul {
    margin-left: 0;
    padding-left: 5px;
}
.item li {
	padding: 0px 20px;
    margin: 10px 0;
    background: url(/estudiar-universidad/landings/evento1/assets/img/flecha_derecha_azul_25px.svg) no-repeat;
    background-size: 17px 22px;
    text-transform: uppercase;
}

.accordion-button::after, .accordion-button:not(.collapsed)::after {
	width: 2rem;
    height: 0.9rem;
    margin-top: auto;
    margin-bottom: auto;
    background-size: 2rem;
    background-image: url(/estudiar-universidad/landings/evento1/assets/img/flecha_abajo_blanca_30px.svg);
}

/* personalizado landing */


    .h1, .h2, .h3{
        line-height: 1em;   
    }

    .btn{
        display: none;
    }
    .btn-lvt{
        box-shadow: none;
    }
    .forma, .forma-inv{
        background-color: #2273B9;
        display: block;
        height: 100%;
        position: relative;
        z-index: 1;

    }
	
	 .forma {
            clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);

        }


    @media(min-width: 900px){

        .h1{
            font-size: 80px !important;
            margin-top: 5px;
        }

        .h2{
            font-size: 56px !important;
        }


        .forma-inv {
            clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
        }


        .texto-forma{
            max-width: 85%;
            font-size: 18px;
        }
				
		.video-fondo{
			min-height: 80vh;
		}

    }


    .triangle-main {
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
        background-color: #fff;
        height: 141px;
        width: 50px;
        position: absolute;
        top: -1em;
        left: -1em;
        z-index: 1;
    }

    .triangle{
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
        background-color: #fff;
        height: 80px;
        width: 28px;
        position: absolute;
        top: -1em;
        left: -1em;
        z-index: 1;

    }

    .video-player{
        position: absolute; top: 0; left: 20%; object-fit: cover; filter: brightness(75%);
    }
	
	@media(min-width: 768px) and (max-width: 899px){
		.h1{
			font-size: 64px !important;
			margin-top: 10px;
		}
		
		.h2{
			font-size: 42px;
			
		}
		
		.fs-5{
			font-size: 16px;
		}
		
		.texto-forma{
			font-size: 16px;
		}
		.triangle-main{
			width: 100px;
			height: 100px;
		}
		
        .video-fondo{
			min-height: 540px;
        }
	
	}

    @media(max-width: 768px){

        .video-fondo{
            min-height: 350px;
        }
        .logo-ampliar{
            width: 60px;

        }
        .triangle-main{
            height: 60px;
            width: 21px;
            left: 0;
            top: 0;
        }

        .triangle{
            height: 50px;
            width: 17px;
            left: -1em;
            top: -1em;
        }

        #player{
            position: relative;
            object-fit: contain;
            left: 0;
        }

        .h1{
            font-size: 2rem;
            margin-top: 10%;
        }

        .fs-5{
            font-size: 1rem !important;
        }

    }