/*
Theme Name: Vertice 2025
Theme URI: https://www.vertice.cl/
Author: Julio Cofré
Author URI: https://www.juliocofre.cl
Description: Tema para Vertice 2025
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 2025.12.16
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vertice25
*/


/* BASE */
* { margin:0; padding:0; outline:0; border:0; box-sizing:border-box; line-height:1; font-family:'Bai Jamjuree'; }
a,input,select,img,button,video,iframe { display:block; }
button { cursor:pointer; }
a, a:hover, a:focus { text-decoration:none; }
a img { width:100%; height:auto; }
.container {
	width:100%;
	max-width:100vw;
	min-height:100vh;
	overflow-x:hidden;
	background:#000;
}


/************************************************************
					DESKTOP
************************************************************/
@media only screen and (min-width: 1px) {

	/* Header */
	.header {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:999;
	}
	.header-logo {
		position:absolute;
		top:2.6vw;
		left:2.1vw;
		width:7.2vw;
	}
	.header-menu {
		width:4vw;
		position:absolute;
		top:1.2vw;
		right:1.2vw;
		padding:1vw;
	}
	.header-botones {
		position:absolute;
		top:2.5vw;
		right:5.5vw;
		width:0;
		height:1.5vw;
		overflow:hidden;
		-webkit-transition:all 0.4s ease-in-out;
		   -moz-transition:all 0.4s ease-in-out;
			 -o-transition:all 0.4s ease-in-out;
				transition:all 0.4s ease-in-out;
	}
	.header-botones.active { width:33.5vw; }
	.header-nav {
		width:33.5vw;
		display:flex;
		justify-content:space-between;
	}
	.header-nav a {
		font-size:1.2vw;
		color:#FFF;
		text-transform:uppercase;
	}


	/* Home */
	#home {}
	.home-banner {
		position:relative;
		height:56.5vw;
	}
	.home-banner video {
		position:relative;
		width:106%;
		height:100%;
		margin-top:-1vw;
		margin-left:-3vw;
	}
	.home-banner a {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:8;
		padding:24vw 10% 0;
		text-align:center;
	}
	.home-banner a strong {
		font-weight:500;
		font-size:8.3vw;
		color:#FFF;
	}
	.home-banner a b {
		font-size:8.3vw;
		color:#FFF;
		font-weight:bold;
	}
	.home-banner a b span { color:#bb963e; }
	.home-banner a > span {
		display:flex;
		width:26vw;
		margin:2vw auto 0;
		align-items:center;
		justify-content:space-between;
	}
	.home-banner a > span small {
		color:#FFF;
		font-size:2.6vw;
	}
	.home-banner a > span small:last-child { font-weight:bold; }
	.home-banner a > span img { width:12vw; }
	.home-instagram, .home-vimeo, .home-linked {
		position:absolute;
		width:3.3vw;
		left:2.7vw;
		top:51.5vw;
	}
	.home-vimeo { left:7.3vw; }
	.home-linked { left:11.9vw; }


	/* Director */
	#director, #director2 {
		position:relative;
		background-size:cover;
		background-position:center center;
		height:44.8vw;
	}
	.director-texto {
		position:absolute;
		left:3vw;
		top:22.5vw;
	}
	.director-texto * {
		color:#FFF;
		text-transform:uppercase;
	}
	.director-texto h3 {
		font-size:1.8vw;
		margin-bottom:1vw;
		color:#bb963e;
	}
	.director-texto h2 {
		font-size:3.5vw;
		margin-bottom:0.5vw;
	}
	.director-texto h2 em {
		font-style:normal;
		font-weight:normal;
	}
	.director-texto p {
		font-size:1.1vw;
		line-height:1.4vw;
	}


	/* Trabajos */
	#trabajos, #trabajos2 {
		width:100%;
		display:flex;
		flex-wrap:wrap;
	}
	.trabajo {
		position:relative;
		overflow:hidden;
		background-position:center center;
		background-size:cover;
		height:34.5vw;
	}
	.trabajo > img {
		position:absolute;
		width:9vw;
		left:50%;
		top:50%;
		margin-left:-4.5vw;
		margin-top:-4.5vw;
	}
	.trabajo.item-full {
		width:100%;
		height:37vw;
	}
	.trabajo.item-mid { width:50%; }
	.trabajo-texto {
		position:absolute;
		left:2.5vw;
		bottom:0;
		height:5vw;
	}
	.trabajo-texto * {
		color:#FFF;
		text-transform:uppercase;
	}
	.trabajo-texto h2 {
		font-size:2vw;
		line-height:2.2vw;
		font-weight:normal;
	}
	.trabajo-texto h2 strong { font-weight:normal; }
	.trabajo-texto p {
		font-size:1.6vw;
	}
	/* Especial 3 */
	.trabajo-tri {
		width:100vw;
		display:flex;
		overflow:hidden;
	}
	.trabajo.item-tri { width:33.33%; }


	/* Galeria */
	.galeria {
		width:100%;
		height:54vw;
		background:#000;
		position:relative;
		display:flex;
		flex-wrap:wrap;
		padding-bottom:4vw;
	}
	.galeria-titulo {
		font-size:10.5vw;
		color:#bb963e;
		text-transform:uppercase;
		text-align:center;
		padding-top:3.5vw;
		height:18vw;
		width:100%;
	}
	#galeria2 .galeria-titulo, #galeria4 .galeria-titulo { font-size:9.5vw; }
	.galeria-cont-A, .galeria-cont-B {
		position:relative;
		overflow:hidden;
		height:32vw;
	}
	.galeria-cont-A {
		width:28.5%;
		padding-top:10vw;
	}
	.galeria-cont-B { width:71.5%; }
	.galeria-mask-A, .galeria-mask-B { position:relative; }
	.galeria-item-nombre {
		padding-left:6vw;
		padding-right:1.5vw;
		color:#FFF;
		font-size:2.7vw;
		line-height:3vw;
		text-transform:uppercase;
		height:13vw;
		display:flex;
		align-items:center;
	}
	.galeria-item {
		position:relative;
		height:32vw;
		padding:0.5vw 0;
	}
	.galeria-item * { color:#FFF; }
	.galeria-item > img {
		display:block;
		width:auto;
		height:31vw;
	}
	.galeria-item-texto {
		position:absolute;
		width:25vw;
		height:100%;
		top:0;
		left:36vw;
		display:flex;
		align-items:center;

		display:none;
	}
	.galeria-item-texto p {
		font-size:1.4vw;
		line-height:1.7vw;
		text-transform:uppercase;
	}
	.galeria-item > a {
		position:absolute;
		top:0;
		left:0;
		width:88%;
		height:100%;
	}
	.galeria-item > a img {
		width:9vw;
		height:9vw;
		position:absolute;
		left:17vw;
		top:11.5vw;
	}
	.galeria-lineas-up, .galeria-lineas-down {
		position:absolute;
		left:0;
		width:100%;
		height:0.3vw;
		background:#FFF;
	}
	.galeria-lineas-up { top:27.8vw; }
	.galeria-lineas-down { top:40.8vw; }
	.galeria-up, .galeria-down {
		position:absolute;
		right:3vw;
		width:4vw;
	}
	.galeria-up { top:19vw }
	.galeria-down { top:46vw; }


	/* Teamwork */
	#teamwork {
		height:60.6vw;
		background:#000;
		position:relative;
		padding-top:12vw;
	}
	#teamwork * { color:#FFF; }
	#teamwork > h2 {
		position:absolute;
		/*left:0;*/
		left:11vw;
		top:2.5vw;
		font-size:6vw;
		text-transform:uppercase;
	}
	#teamwork > h2 em {
		color:#bb963e;
		font-style:normal;
		font-weight:normal;
	}
	/*
	#teamwork > h2 {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:12vw;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#teamwork > h2 em {
		font-size:9.5vw;
		text-transform:uppercase;
		color:#bb963e;
		font-style:normal;
	}
	*/
	.teamwork-cont {
		position:relative;
		padding-left:0;
		width:100%;
		height:48.6vw;
		overflow:hidden;
	}
	.teamwork-mask { position:relative; }
	.personal {
		padding-left:0;
		width:20vw;
		height:48.6vw;
		position:relative;
		float:left;
		cursor:pointer;
	}
	.personal-img {
		width:100%;
		height:100%;
		background-size:cover;
	}
	.personal-texto {
		position:absolute;
		top:0;
		left:0;
		height:100%;
		z-index:2;
		width:0;
		padding:0;
		overflow:hidden;
		background:rgba(0, 0, 0, 0.8);
		-webkit-transition:all 0.5s ease-in-out;
		   -moz-transition:all 0.5s ease-in-out;
			 -o-transition:all 0.5s ease-in-out;
				transition:all 0.5s ease-in-out;
	}
	.personal.active .personal-texto { width:40vw; left:-40vw; }
	.personal.item1 .personal-texto, .personal.item2 .personal-texto { left:20vw; }
	.personal.item1.active .personal-texto, .personal.item2.active .personal-texto { left:20vw; }
	
	.personal-texto-cont {
		width:40vw;
		padding:4.5vw 5vw;
	}
	.personal-texto-cont h2 {
		font-size:2.5vw;
		margin-bottom:0.5vw;
		text-transform:uppercase;
	}
	.personal-texto-cont h2 em {
		font-weight:normal;
		font-style:normal;
	}
	.personal-texto-cont > p {
		text-transform:uppercase;
		font-size:1.5vw;
	}
	.personal-describe p {
		font-size:1.5vw;
		line-height:2.3vw;
		padding-top:4vw;
		text-transform:uppercase;
	}
	.teamwork-prev, .teamwork-next {
		display:none;
		position:absolute;
		top:30vw;
		width:2.5vw;
	}
	.teamwork-prev {
		display:none;
		left:2.5vw;
	}
	.teamwork-next { right:2.5vw; }


	/* Contacto */
	#contacto {
		height:96.5vw;
		background-size:cover;
		background-position:center center;
		padding-top:27.5vw;
	}
	.contacto-texto {
		width:60vw;
		margin:0 auto 1.5vw;
	}
	.contacto-texto * { color:#FFF; }
	.contacto-texto p {
		font-size:1.3vw;
		line-height:2.3vw;
		margin-bottom:2vw;
	}
	.contacto-texto p b { font-size:1.6vw; }
	.contacto-texto h2 {
		font-size:4.2vw;
		text-transform:uppercase;
		padding-bottom:5vw;
	}
	.contacto-texto h2 em {
		font-style:normal;
		color:#bb963e;
	}
	.contacto-form {
		width:41.5vw;
		margin:auto;
	}
	.contacto-form input, .contacto-form textarea {
		width:100%;
		height:4.5vw;
		border:2px solid #bb963e;
		background:transparent;
		padding:1.2vw;
		font-size:1.2vw;
		line-height:1.4vw;
		color:#FFF;
		text-transform:uppercase;
		margin-bottom:1vw;
	}
	.contacto-form textarea {
		height:6.5vw;
		padding:0.6vw 1.2vw;
	}
	.contacto-form input[type=submit] {
		color:#FFF;
		background:#bb963e;
		width:8.8vw;
		height:auto;
		text-align:center;
		margin-left:auto;
		padding:1vw 0;
		text-transform:uppercase;
		font-size:1.2vw;
		border:none;
		cursor:pointer;
	}
	.contacto-form .wpcf7-spinner {
		margin-top:-3vw;
		position:absolute;
	}
	.contacto-form .wpcf7 form.invalid .wpcf7-response-output,
	.contacto-form .wpcf7 form.unaccepted .wpcf7-response-output,
	.contacto-form .wpcf7 form.payment-required .wpcf7-response-output {
		color:#bb963e;
		border-color:#bb963e;
		font-size:1.2vw;
	}
	.contacto-form .wpcf7-not-valid-tip {
		font-size:1.2vw;
		margin-top:-0.5vw;
		padding-bottom:1vw;
	}


	/* Footer */
	.footer {
		height:17vw;
		background:#bb963e;
		padding-top:2vw;
		padding-left:6vw;
	}
	.footer * { color:#FFF; }
	.footer-box { float:left; }

	/* Box 1 */
	.footer-box.box1 { width:25vw; }
	.footer-logo { width:5.5vw; }

	/* Box 2 */
	.footer-box.box2 { width:28.5vw; }
	.footer-box > b {
		font-size:1.1vw;
		display:block;
	}
	.footer-box.box2 b { margin-bottom:1.5vw; }
	.footer-box.box2 p {
		display:flex;
		margin-bottom:1vw;
		align-items:center;
	}
	.footer-box.box2 p:nth-child(2) { margin-bottom:2vw; }
	.footer-box.box2 p:last-child { margin-bottom:0; }
	.footer-box.box2 p img {
		width:1.8vw;
		height:1.8vw;
		margin-right:1.4vw;
	}
	.footer-box.box2 p a {
		font-size:1.1vw;
		line-height:1.7vw;
	}
	/* Box 3 */
	.footer-box.box3 { width:19vw; }
	.footer-box.box3 b { margin-bottom:1.5vw; }
	.footer-box.box3 a {
		font-size:1.1vw;
		line-height:1.3vw;
		margin-bottom:1.5vw;
	}
	.footer-box.box3 a:last-child { margin-bottom:0; }

	/* Box 4 */
	.footer-box.box4 { width:14vw; }
	.footer-social {
		margin-bottom:1vw;
		display:flex;
	}
	.footer-social a {
		width:4.5vw;
		margin-right:1vw;
	}
	.footer-box.box4 p {
		font-size:1vw;
		display:none;
	}


	/* Modal Video */
	.modal-videos {
		display:none;
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:999;
		background:rgba(0, 0, 0, 0.7);
	}
	.modal-videos-cont {
		position:absolute;
		width:84vw;
		/*height:40.5vw;*/
		height:47.4vw;
		top:50%;
		margin-top:-23.7vw;
		left:7vw;
		overflow:hidden;
	}
	.modal-videos-cont iframe {
		display:block;
		width:100%;
		height:100%;
	}
	.modal-videos button {
		width:2.5vw;
		height:2.5vw;
		position:absolute;
		top:50%;
		margin-top:-23.7vw;
		left:91.5vw;
		font-size:2vw;
		font-weight:bold;
	}
}



/************************************************************
					MOBILE
************************************************************/
@media screen and (orientation: portrait) {

		/* Header */
		.header-logo {
			top:5vw;
			left:5vw;
			width:12.5vw;
		}
		.header-menu {
			width:10vw;
			padding:1vw;
			top:4vw;
			right:3vw;
		}
		.header-botones {
			top:7.5vw;
			right:13vw;
			width:0;
			height:4vw;
			overflow:hidden;
		}
		.header-botones.active { width:65vw; }
		.header-nav { width:65vw; }
		.header-nav a { font-size:2.5vw; }


		/* Home */
		#home {}
		.home-banner { height:158.4vw; }
		.home-banner video {
			width:290%;
			height:100%;
			margin-top:0;
			margin-left:-95vw;
		}
		.home-instagram, .home-vimeo, .home-linked { display:none; }
		.home-banner a {
			padding-top:74.5vw;
			padding-left:13.5vw;
			padding-right:0;
			text-align:left;
		}
		.home-banner a strong, .home-banner a b {
			font-size:16.5vw;
			display:block;
		}
		.home-banner a > span {
			width:51vw;
			margin-top:4vw;
			margin-left:11vw;
		}
		.home-banner a > span small { font-size:5vw; }
		.home-banner a > span img { width:23.5vw; }


		/* Director */
		#director, #director2 { height:119vw; }
		.director-texto {
			left:8.5vw;
			top:71.5vw;
		}
		.director-texto h3 {
			font-size:4.5vw;
			margin-bottom:2vw;
		}
		.director-texto h2 {
			font-size:8.5vw;
			margin-bottom:1vw;
		}
		.director-texto p {
			width:88vw;
			font-size:3.5vw;
			line-height:4.5vw;
		}


		/* Trabajos */
		#trabajos, #trabajos2 {}
		.trabajo { height:59.5vw; }
		.trabajo.item-full { height:80.3vw; }
		.trabajo.item-mid { width:50%; }
		.trabajo-texto {
			left:4vw;
			height:12.5vw;
		}
		.trabajo > img {
			width:12vw;
			margin-left:-6vw;
			margin-top:-6vw;
		}
		.trabajo-texto h2 {
			font-size:6vw;
			line-height:6vw;
			padding-left:1vw;
		}
		.trabajo-texto h2 strong { display:none; }
		.trabajo-texto p { font-size:4.5vw; }
		.trabajo.item-tri { width:50%; }
		#trabajos .item6, #trabajos2 .item6 { display:none; }
		#trabajos2 .trabajo.item-tri { flex-direction:row-reverse; }


		/* Galeria */
		.galeria {
			height:81vw;
			padding-bottom:10.5vw;
		}
		.galeria-titulo {
			font-size:13vw;
			padding-top:3.5vw;
			height:23vw;
		}
		.galeria-cont-A, .galeria-cont-B { height:47.5vw; }
		.galeria-cont-A {
			width:33.5%;
			padding-top:12.5vw;
		}
		.galeria-cont-B { width:66.5%; }
		.galeria-item-nombre {
			padding-left:3.5vw;
			padding-right:2vw;
			font-size:3.5vw;
			line-height:3.5vw;
			height:21vw;
		}
		.galeria-item {
			height:48vw;
			padding-bottom:0.5vw;
			width:58vw;
			overflow:hidden;
		}
		.galeria-item > img {
			margin-left:-4vw;
			height:47.5vw;
		}
		.galeria-item-texto { display:none; }
		.galeria-item > a {
			width:100%;
			height:100%;
		}
		.galeria-item > a img {
			width:12vw;
			height:12vw;
			left:50%;
			margin-left:-6vw;
			top:18vw;
		}
		.galeria-lineas-up, .galeria-lineas-down { height:0.5vw; }
		.galeria-lineas-up { top:35.5vw; }
		.galeria-lineas-down { top:56vw; }
		.galeria-up, .galeria-down {
			right:1vw;
			width:6vw;
		}
		.galeria-up { top:23.5vw }
		.galeria-down { top:67vw; }


		/* Teamwork */
		#teamwork {
			height:93.5vw;
			padding-left:0;
			padding-top:0;
		}
		#teamwork > h2 {
			position:static;
			font-size:8.8vw;
			height:17.5vw;
			padding-top:2vw;
			text-align:center;
			text-transform:uppercase;
		}
		#teamwork > h2 em { display:inline; }
		.teamwork-cont {
			position:relative;
			padding-left:0;
			width:88vw;
			margin:auto;
			height:68vw;
			overflow:hidden;
		}
		.teamwork-mask { position:relative; }
		.personal {
			padding-left:0;
			width:45.5vw;
			height:68vw;
			padding-right:3vw;
		}
		.personal-texto {
			left:7vw !important;
			width:31.5vw;
			background:none;
			height:auto;
			top:unset;
			bottom:4vw;
		}
		.personal-texto-cont {
			width:31.5vw;
			padding:0;
		}
		.personal-texto h2 {
			font-size:3vw;
			margin-bottom:0.5vw;
			text-transform:uppercase;
		}
		.personal-texto p {
			font-size:1.9vw;
			text-transform:uppercase;
		}
		.personal-describe { display:none; }
		.teamwork-prev, .teamwork-next {
			top:47.5vw;
			width:5vw;
			padding:1vw;
		}
		.teamwork-next { right:6vw; display:block; }


		/* Contacto */
		#contacto {
			height:235.4vw;
			padding-top:64.5vw;
		}
		.contacto-texto {
			width:87vw;
			margin:0 auto 2vw;
		}
		.contacto-texto p {
			font-size:3.7vw;
			line-height:4.5vw;
			margin-bottom:4.5vw;
			text-transform:uppercase;
		}
		.contacto-texto p b { font-size:3.5vw; }
		.contacto-texto h2 {
			padding-bottom:4vw;
			font-size:8.8vw;
			line-height:9.5vw;
		}
		.contacto-texto h2::before {
			content:"";
			display:block;
			width:34.5vw;
			height:0.3vw;
			background:#bb963e;
			margin:0 auto 7vw;
		}
		.contacto-form { width:73.5vw; }
		.contacto-form input, .contacto-form textarea {
			height:7.5vw;
			border:1px solid #bb963e;
			padding:1.5vw 2.5vw;
			font-size:2.2vw;
			line-height:2.5vw;
			margin-bottom:2vw;
		}
		.contacto-form textarea {
			height:11.5vw;
			padding:1vw 2.5vw;
		}
		.contacto-form input[type=submit] {
			width:15.5vw;
			padding:1.5vw 0;
			font-size:2.2vw;
		}
		.contacto-form .wpcf7-spinner {
			margin-top:-3vw;
			position:absolute;
		}
		.contacto-form .wpcf7 form.invalid .wpcf7-response-output,
		.contacto-form .wpcf7 form.unaccepted .wpcf7-response-output,
		.contacto-form .wpcf7 form.payment-required .wpcf7-response-output {
			font-size:2.2vw;
		}
		.contacto-form .wpcf7-not-valid-tip {
			font-size:2.2vw;
			margin-top:-1.5vw;
			padding-bottom:2vw;
		}


		/* Footer */
		.footer {
			height:45.5vw;
			padding-top:4vw;
			padding-left:12.5vw;
			position:relative;
		}
		.footer-box.box1 { width:40vw; }
		.footer-logo {
			width:10vw;
			margin-top:3vw;
		}
		.footer-box.box2 { width:33vw; }
		.footer-box > b { font-size:2.4vw; }
		.footer-box.box2 b { margin-bottom:2.5vw; }
		.footer-box.box2 p {
			margin-bottom:2.5vw;
		}
		.footer-box.box2 p:last-child { margin-bottom:0; }
		.footer-box.box2 p img {
			width:3.4vw;
			height:3.4vw;
			margin-right:2.5vw;
		}
		.footer-box.box2 p a {
			font-size:2vw;
			line-height:3.5vw;
		}
		.footer-box.box3 { display:none; }
		.footer-box.box4 {
			position:absolute;
			width:20vw;
			left:52.5vw;
			bottom:7vw;
		}
		.footer-social {
			margin-bottom:0;
			display:flex;
		}
		.footer-social a {
			width:8.5vw;
			margin-right:1vw;
		}
		.footer-box.box4 p { display:none; }


		/* Modal Video */
		.modal-videos { }
		.modal-videos-cont {
			width:94vw;
			height:53vw;
			left:2vw;
			margin-top:-25vw;
		}
		.modal-videos button {
			width:5vw;
			height:5vw;
			margin-top:-31vw;
			left:91vw;
			font-size:4vw;
		}
}