@charset "utf-8";
/* CSS Document */
@import url("./styles.css");

/* Estilos exclusivos para human-right.html */
.internal .section_text .content_text{width: 45%; align-content: flex-start;}

.content_navigation .logo_nav{width:230px}
.content_navigation .content_right{width:calc(100% - 230px)}

footer .footer_info figure img{height:auto;}

.content_navigation .content_right .steps_nav.internal01{display:none;}
.content_navigation .content_right .steps_nav{width:525px;}
.content_navigation.internal .content_links .link:nth-child(1){display:flex;}

.menu_language{width:70px;}

/*@media (max-width: 1500px) {
	.menu_language{position:absolute; top:60px; right:0; margin:0;}
}
@media (max-width: 1300px) {
	.content_navigation{padding:30px 15px 0;}
}*/


/* Accordion cards - human-right only */
.page02 .content_accordion .accordion .content_archive{background: #AAB7DE;}
.page02 .content_accordion .accordion.item02 .content_archive{background: #E7EBC5;}
.page02 .content_accordion .accordion.item03 .content_archive{background: #A9D7DD;}

/* Requirements heading h2 style (human-right only) */
.internal.page02 .section_text .stickyStageOneTwo > h2{
	font-family: 'Noto Serif';
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 64px;
	color: var(--black);
	font-style: italic;
	margin: 0 0 50px;
}

/* Summary h2 uses same style as stickyStageOneTwo h2 */
.internal.page02 .section_text.stickyStageTwo > article > h2{
	font-family: 'Noto Serif';
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 64px;
	color: var(--black);
	font-style: italic;
	margin: 0 0 50px;
}

/* Slide01 heading h4 styled like previous h2 */
.internal.page02 .content_horizontal .c-section.slide01 .content_text .heading h4{
	font-family: 'Noto Serif';
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 64px;
	color: var(--black);
	font-style: italic;
	margin: 0 0 50px;
}

/* Slide01 content width (human-right only) */
.internal.page02 .content_horizontal .c-section.slide01 .content_text{width: 35%;}

/* Slide01 right content height (human-right only) */
.internal.page02 .content_horizontal .c-section.slide01 .content_right{height: 670px;}

/* Horizontal cards color (human-right only) */
.internal.page02 .content_horizontal .c-section.slide03 .slide_archive .item{
	background: #E7EBC5;
}

.internal.page02 .content_horizontal .c-section.slide03 .slide_archive .item .heading{
	background: #E7EBC5;
}

/* Slide03 item width (human-right only) */
.internal.page02 .content_horizontal .c-section.slide03 .slide_archive .item{
	width: 800px;
}

/* Slide03 item text size (human-right only) */
.internal.page02 .content_horizontal .c-section.slide03 .slide_archive .item p{
	font-size: 1.250rem;
}

/* Newsletter inside fourStage (human-right only) */
.internal.page02 #fourStage .content_newsletter .content_box{
	background: var(--white);
}

.internal.page02 #fourStage .content_newsletter .content_box figure{
	order: 2;
}

.internal.page02 #fourStage .content_newsletter .content_box .text_newsletter{
	order: 1;
}

.internal.page02 #fourStage .content_newsletter{
	background: transparent;
}

.internal.page02 #fourStage .content_newsletter::before{
	background: #3A486F;
}

/* Video tag position inside fourStage */
.internal.page02 #fourStage .section_video .content_file .tagg label{
	top: 35px;
}

.internal.page02 #fourStage .section_video .content_file .tagg{
	top: 35px;
}

/* Move text divider from span to label (human-right only) */
.internal.page02 #fourStage .section_video .content_archive .text_video span{
	border-top: none;
	padding-top: 0;
}

.internal.page02 #fourStage .section_video .content_archive .text_video label{
	border-bottom: 1px solid var(--black);
	padding-bottom: 20px;
	margin-bottom: 20px;
}

/* Entrance animation for stickyStageOneTwo h2 (human-right only) */
.internal.page02 .section_text .stickyStageOneTwo > h2{
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.5s cubic-bezier(0.25, 0.1, 0.1, 1);
}

.internal.page02 .section_text.is-inview .stickyStageOneTwo > h2{
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.3s;
}

/* Entrance animation for stickyStageTwo h2 (human-right only) */
.internal.page02 .section_text.stickyStageTwo > article > h2{
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.5s cubic-bezier(0.25, 0.1, 0.1, 1);
}

.internal.page02 .section_text.is-inview.stickyStageTwo > article > h2{
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.3s;
}

/* Stagger h3/h4 after h2 in stickyStageTwo */
.internal.page02 .section_text.is-inview.stickyStageTwo .heading.requirements h3{
	transition-delay: 0.5s;
}

.internal.page02 .section_text.is-inview.stickyStageTwo .heading.requirements h3:nth-of-type(2){
	transition-delay: 0.7s;
}

.internal.page02 .section_text.is-inview.stickyStageTwo .heading h4{
	transition-delay: 0.9s;
}

/* Notice card at end of firstStage (human-right only) */
.internal.page02 .content_notice{
	padding: 150px 100px;
	pointer-events: all;
}

.internal.page02 .content_notice article{
	justify-content: space-between;
}

.internal.page02 .content_notice .notice_box{
	width: 60%;
	max-width: 90%;
	background: var(--white);
	border-radius: 30px;
	padding: 40px 60px;
	text-align: center;
	margin: 0 auto;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.internal.page02 .content_notice .notice_box p{
	font-size: 2rem;
	line-height: 1.3;
	color: var(--green02);
	margin: 0 0 20px;
}

.internal.page02 .content_notice .notice_actions{
	justify-content: center;
}

.internal.page02 .content_notice .btn_notice{
	background: var(--green01);
	color: var(--white);
	border-radius: 30px;
	height: 50px;
	padding: 0 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 1.250rem;
}

.internal.page02 .content_notice .btn_notice:hover{
	background: var(--green02);
}

.internal.page02 .content_notice .notice_badge{
	display: none;
}

/* Horizontal cards gap (human-right only) */
.internal.page02 .content_horizontal .c-section.slide03 .slide_archive .list{
	column-gap: 30px;
}

/* Allow horizontal container to fit full content */
.internal.page02 .content_horizontal .c-container--horizontal{
	width: 800%;
}

/* Slide03 width adjustment (human-right only) */
.internal.page02 .content_horizontal .c-section.slide03{
	width: 5000px;
}
/* Stage 01 archive item backgrounds - human-right only */
.internal.page02 .section_text .stage01_archive .item{background: #AAB7DE;}
.internal.page02 .section_text .stage01_archive .item:nth-child(2){background: #E7EBC5;}
.internal.page02 .section_text .stage01_archive .item:nth-child(3){background: #A9D7DD;}
.bgView02 {
	background: #7F7CAF;
}

/* Active backgrounds for each stage */
.bgView02.hr-bg-first{background: #90B3E4;}
.bgView02.hr-bg-second{background: #95C8D8;}
.bgView02.hr-bg-third{background: #AAB7DE;}
.bgView02.hr-bg-fourth{background: #3A486F;}

/* Ensure stage-specific base colors are overridden when active */
.internal.page02 .first_stage.hr-bg-first{background: #90B3E4;}
.internal.page02 .second_stage.hr-bg-second{background: #95C8D8;}
.internal.page02 .second_stage.hr-bg-third{background: #AAB7DE;}
.internal.page02 .second_stage.hr-bg-fourth{background: #3A486F;}
.internal.page02 .third_stage.hr-bg-third{background: #AAB7DE;}
.internal.page02 .four_stage.hr-bg-fourth{background: #3A486F;}
.internal.page02 .third_stage.hr-bg-fourth{background: #3A486F;}

/* Base backgrounds before scroll change (human-right only) */
.internal.page02 .second_stage{background: #90B3E4;}
.internal.page02 .third_stage{background: #95C8D8;}
.internal.page02 .four_stage{background: #AAB7DE;}

.internal .section_text .content_text .list .small_list li{flex-wrap:wrap; border-bottom:var(--black-05) solid 1px;}
.internal .section_text .content_text .list .small_list li:last-child{border-bottom:none;}

    .internal .section_text .content_text .list .small_list li .sub_list{list-style:disc; padding:0 0 0 20px; margin: 40px 0 0;}

        .internal .section_text .content_text .list .small_list li .sub_list li{border:none; font-family:'Noto Serif', serif; font-style:italic; font-weight:700; font-size:1.250rem; padding:0; margin: 0 0 10px;}
        .internal .section_text .content_text .list .small_list li .sub_list li:last-child{margin: 0;}


.internal .section_text .content_text p{display: inline;}

.page02 .section_text article{padding:0 0 100px}

.internal.page02 .section_text .content_text .heading.requirements h3{margin:0 0 50px;}

.internal .content_important .content p{font-size:1.250rem; margin:0 0 20px; line-height: 1.2;}
.internal .content_important .content label{font-size:1.250rem; font-weight:400; font-style:normal; line-height: 1.2;}

footer .footer_info .content_links{width:calc(100% - 450px);}

footer .footer_info .contact{width:300px}

footer .footer_info .contact .socials .social_icons{width:120px;}

footer .mail .content_mail{width:320px;}

@media (max-width: 1200px) {
	.internal .section_text .content_text{width: 45%;}
}

@media (max-width: 1000px) {
	.internal .section_text .content_text{width: 100% !important;}
}

@media (max-width: 1000px) {
	.internal.page02 .content_hero .heading h1 span br{display: none;}
}

@media (max-width: 1000px) {
	.internal.page02 .content_accordion .text_accordion{margin-bottom: 30px;}
	.internal.page02 .section_text .stickyStageOneTwo > h2{
		font-size: 11vw;
		line-height: 1.3;
	}
	.internal.page02 .section_text .content_text .list .small_list li .sub_list li{
		font-size: 1rem;
	}
	.internal.page02 .content_notice{padding: 90px 20px;}
	.internal.page02 .content_notice .notice_box{padding: 30px 40px; width:100%;}

	.internal.page02 .content_notice .notice_box p{font-size: 1.5rem;}

	.internal.page02 .section_text.stickyStageTwo > article > h2{
		font-size: 11vw;
		line-height: 1.3;
	}
	.internal.page02 .content_important .content{padding: 30px 40px;}
	.internal.page02 .content_horizontal .c-section.slide01 .content_text .heading h4{
		font-size: 11vw;
		line-height: 1.3;
	}
	.internal.page02 .content_horizontal .c-section.slide03{width: 10000px;}
	.internal.page02 .content_horizontal .c-section.slide03 .slide_archive .item{width: 500px;}
	.internal.page02 .content_horizontal .c-section.slide03 .slide_archive .item p{font-size: 1rem;}
}