@charset "utf-8";
/*
CSS Document
Cliente: Animac 3D
Website cliente: www.animac3d.com.ar/lacima
Autor: Lushan
Website autor: www.lushan.com.ar
Buenos Aires, 2025
*/

/* CORE */

html{
	height:100%; 
}

body{ 
	width:100%;
	height:100%;
	background-color:#191919;
	text-align:center;
	margin:0 auto;
	font-family: 'Source Sans 3', Arial, sans-serif;
	font-size:10px;
	color:#fcde88;
}

*,*:focus {
	outline:none;
}

img{
	border:none;
}

a{
	color:#fcde88;
	text-decoration:underline;
}
a:hover{
	color:#ffffff;
	text-decoration:none;
}

h1, h2, h3, h4, h5{
	font-weight:normal;
	margin:1.5% 0%;
	font-family: 'Cinzel', serif;
}
h1{
	font-size:4.8em;
	font-weight:bold;
}
h2{
	font-size:3em;
}
h3{
	font-size:1.4em;
}
h4{
	font-size:1.6em;
	font-weight:bold;
}
h5{
	font-size:1.2em;
}

#contenedor{
	width:100%;
	box-sizing:border-box;
	margin:auto;
	padding-top:4.5%;
}

header{
	margin-bottom:1.5%;
	position:fixed;
	top:0px;
	z-index:10;
	width:100%;
}

section{
	max-width:956px;
	margin:auto;
	padding:0% 1.5%;
	box-sizing:border-box;
}
section p{
	font-size:1.6em;
	line-height:1.6em;
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
}

footer{
	background-color:#070707;
	margin-top:1.5%;
	padding:0.5% 0%;
}

.campo_ajustable{
	width:100%;
	margin:auto;
	max-width:700px;
}
.campo_ajustable img{
	width:100%;
	height:auto;
}
.campo_ajustable.chico{
	width:90%;
	margin:auto;
	display:none;
}
.campo_ajustable.chico img{
	width:100%;
	height:auto;
}

.video{
	margin:auto;
	width:100%;
	max-width:700px;
	height:398px;
}

.video iframe{
	width:100%;
	height:100%;
}

.error_vimeo{
	margin:auto;
	width:100%;
	max-width:700px;
}
.error_vimeo img{
	width:100%;
	height:auto;
}

/* MENU */

.menu_principal{
	background-color:#070707;
	padding:1% 0%;
}
button{
	font-family: 'Source Sans 3', Arial, sans-serif;
	color:#fff;
	background:none;
	border:none;
	border-right:1px solid #fff;
	padding:0% 1%;
	cursor:pointer;
}
button:hover{
	color:#fcde88;
}
.ultimo{
	border-right: none;
}
.boton_animac{
	width:22px;
	height:20px;
	display:block;
	float:left;
	margin-left:1.5%;
}
.boton_animac a{
	background:url(../img/boton_animac.png) no-repeat top center;
	width:22px;
	height:20px;
	display:block;
	text-indent:-99999px;
	margin:auto;
}
.boton_animac a:hover{
	background-position:0px -20px;
}

/* POSTERS */

.poster_vertical img{
	width:45%;
	max-width:344px;
	padding:0.5%;
}

.poster_horizontal img{
	width:100%;
	max-width:700px;
	padding:0.5%;
}

.poster img{
	width:100%;
	max-width:700px;
	padding:0.5%;
}

/* BOTON SUBIR */

#IrArriba {
	display: none;
	font-family: 'Source Sans 3', Arial, sans-serif;
	position: fixed;
	bottom: 15px; /* Distancia desde abajo */
	right: 15px; /* Distancia desde la derecha */
	width: 40px; /* Ancho del botón */
	height: 40px; /* Alto del botón */
	padding-top:7px;
	box-sizing:border-box;
	background: url(../img/boton_subir.png) no-repeat top center;
	cursor:pointer;
}
#IrArriba:hover{
	background-position: 0px -40px;
	color:#fcde88;
}

/* FORMULARIO */

#formulario{
	width:100%;
	margin:auto;
	max-width:700px;
}

.mensaje_formulario_error{
	color:#E77375;
	text-align:left;
	border:1px solid #E77375;
	background:none;
	padding:5px;
	border-radius: 10px;
	box-sizing:border-box;
}

.mensaje_formulario_exito{
	color:#39b54a;
	text-align:left;
	border:1px solid #39b54a;
	background:none;
	padding:5px;
	border-radius: 10px;
	box-sizing:border-box;
}

.campo_formulario, .textarea_formulario{
	width:100%;
	font-family: 'Source Sans 3', Arial, sans-serif;
	text-align:center;
	resize:none;
	border:1px solid #fff;
	color:#fff;
	background:none;
	padding:5px;
	border-radius: 10px;
	box-sizing:border-box;
}
.campo_formulario:hover, .textarea_formulario:hover{
	background-color:#252525;
}
.campo_formulario:focus, .textarea_formulario:focus{
	background-color:#191919;
}

.textarea_formulario{
	height:100px;
	text-align:left;
	overflow:auto;
}

.align_left{
	text-align:left;
}

.boton_enviar{
	font-family: 'Source Sans 3', Arial, sans-serif;
	text-align:center;
	border:1px solid #fff;
	color:#fff;
	background-color:rgba(255,255,255,0.25);
	padding:5px;
	border-radius: 10px;
	box-sizing:border-box;
	float:right;
	cursor:pointer;
}
.boton_enviar:hover{
	border:1px solid #fcde88;
	color:#fcde88;
	background:none;
}

#formulario span{
	font-size:0.8em;
}

/* QUERY */

@media screen and (max-width:956px) {

}

@media screen and (max-width:768px) {

}

@media screen and (max-width:620px) {
	.video{
		height:330px;
	}
	.menu_principal{
		padding:2% 0%;
	}
	.campo_ajustable img{
		max-width:620px;
	}
}

@media screen and (max-width:480px) {
	.menu_principal button{
		font-size:1em;
	}
	.campo_ajustable img{
		max-width:480px;
	}
	header{
		position:relative;
		margin-bottom:3%;
	}
	#contenedor{
		padding-top:0px;
	}
	button{
		border:none;
		border-bottom:1px solid #151515;
		font-size:1.2em !important;
		padding:2% 2%;
		width:100%;
	}
	.ultimo{
		border:none;
	}
	.video{
		height:250px;
	}
	.boton_animac{
		float:none;
		width:100%;
		border-bottom:1px solid #151515;
		margin:0px;
		padding-bottom:2%;
	}
}

@media screen and (max-width:320px) {
	.campo_ajustable img{
		max-width:320px;
	}
	.video{
		height:135px;
	}
}