/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

body {
  /*font-family: 'DIN';
  font-weight: normal;
  font-size: 18px;*/
}

@font-face {
   font-family: 'DIN';
   src: url('fonts/DIN-Pro.otf');
   font-weight: normal;
}

@font-face {
   font-family: 'DIN Md';
   src: url('fonts/DIN-Pro-Medium.otf');
   font-weight: normal;
}

@font-face {
   font-family: 'DIN Bd';
   src: url('fonts/DIN-Pro-Bold.otf');
   font-weight: bold;
}

@font-face {
   font-family: 'DIN Th';
   src: url('fonts/DIN-Pro-Light.otf');
   font-weight: lighter;
}

@font-face {
   font-family: 'DIN Cond';
   src: url('fonts/DIN-Pro-Cond.otf');
   font-weight: normal;
}

@font-face {
   font-family: 'DIN Condmedium';
   src: url('fonts/DIN-Pro-Condmedium.otf');
   font-weight: medium;
}

@font-face {
   font-family: 'DIN Condblack';
   src: url('fonts/DIN-Pro-Condblack.otf');
   font-weight: bold;
}


@font-face {
   font-family: 'Opera Signature';
   src: url('fonts/Opera-Signature-Script.otf');
   font-weight: bold;
}



/*Digitalizacion*/
#digitalizacion h1 {
	font-family: 'DIN Th';
	font-weight: lighter;
	font-size:2.5rem;
}

#digitalizacion h1 strong {
	font-family: 'DIN Bd';
	font-weight: bold;
	font-size:3.5rem;
}

#digitalizacion-tipologias h2,
#digitalizacion-tipologias h3,
#digitalizacion-beneficios h2,
#digitalizacion-beneficios h3,
#contacto h2 {
	font-family: 'DIN Bd';
	font-weight: bold;
}

#digitalizacion-intro strong,
#digitalizacion-beneficios h2,
#digitalizacion-beneficios h3.w-iconbox-title {
	color:#35B1B5;
}

/*Impresiones de Seguridad*/
#impresiones-de-seguridad h1 {
	font-family: 'DIN Th';
	font-weight: lighter;
	font-size:2.5rem;
}

#impresiones-de-seguridad h1 strong {
	font-family: 'DIN Bd';
	font-weight: bold;
	font-size:3.5rem;
}

#impresiones-de-seguridad-beneficios h2,
#impresiones-de-seguridad-beneficios h3,
#contacto-ids h2 {
	font-family: 'DIN Bd';
	font-weight: bold;
}

#impresiones-de-seguridad-intro strong,
#impresiones-de-seguridad-beneficios h2,
#impresiones-de-seguridad-beneficios strong {
	color: #C61055;
}

/*Aniversario*/
#aniversario h1, #aniversario-timeline h1 {
	font-family: 'DIN Condmedium';
	font-weight: normal;
	font-size:3.4rem;
	letter-spacing: 2px;
	line-height: 150%;
}

#aniversario h1 strong {
	font-family: 'Opera Signature';
	font-size:4rem;
	position: relative;
	top: -5px;
	text-shadow: 1px 0 #ffffff, 0 1px #ffffff, 1px 1px #ffffff;	
}

#aniversario-timeline h1 strong {
	font-family: 'Opera Signature';
	font-size:5rem;
	position: relative;
	top: -5px;
	text-shadow: 1px 0 #6C2080, 0 1px #6C2080, 1px 1px #6C2080;
}

#aniversario-timeline .timeline-container {
    position: relative;
    height: 800px;
    margin-top:-350px;
}

#aniversario-timeline .circle-image {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 580px;
    height: 580px;
    border-radius: 50%;
    background: url('https://maslatina.ar/landing/wp-content/uploads/2025/04/00.png') no-repeat center center;
    background-size: cover;
    transition: opacity 0.5s ease;
    opacity: 1;
}

#aniversario-timeline .text-block {
    position: absolute;
    color: #565656;
    cursor: pointer;
	opacity: 0.5; /* Transparente por defecto */
	filter: grayscale(100%);
	transition: opacity 0.3s ease, transform 0.3s ease;
	
}

#aniversario-timeline .text-block:hover {
  opacity: 1; /* Se vuelve opaco al hacer hover */
  filter: grayscale(0%);
  transform: scale(1.05); /* Opcional: leve zoom al pasar el mouse */
  z-index: 10;
}

#aniversario-timeline .text-block2 {
    position: absolute;
    width: 330px;
    color: #565656;
}

#aniversario-timeline .text-block h2 {
    color: #6C2080;
    font-size: 2.6em;
    font-family: 'DIN Condblack';
    margin: 0;
	line-height: 100%;
}

#aniversario-timeline .text-block h3 {
    color: #A1965B;
    font-size: 1.3em;
    font-family: 'DIN Bd';
    margin: 0;
	line-height: 100%;
}

#aniversario-timeline .text-block2 h4 {
    color: #fff;
    font-size: 1.2em;
    margin: 0;
}

#aniversario-timeline .text-block p {
    font-size: 1.2em;
    margin-top: 5px;
    line-height: 120%;
    font-family: 'DIN Condmedium';
}

#aniversario-timeline strong {
    color: #6C2080;
}

#aniversario-timeline i {
    font-size: 1.8em;
	color: #fff;
}

/* Posiciones en forma de media luna inferior */
#aniversario-timeline .pos0 { bottom: 550px; left: -1%; text-align: center; }    /* Texto */
#aniversario-timeline .pos1 { bottom: 375px; left: 0%; text-align: right; width: 280px; }    /* 1995 */
#aniversario-timeline .pos2 { bottom: 215px; left: 6%; text-align: right; width: 250px;}   /* 2003 */
#aniversario-timeline .pos3 { bottom: 75px; left: 25%; text-align: right; width: 215px;}   /* 2004 */
#aniversario-timeline .pos4 { bottom: 75px; right: 22%; width: 270px;}  /* 2014 */
#aniversario-timeline .pos5 { bottom: 215px; right: 0%; width: 330px;}  /* 2020 */
#aniversario-timeline .pos6 { bottom: 375px; right: 0%; width: 280px; }   /* 2025 */
#aniversario-timeline .pos7 { bottom: 550px; right: -1%; text-align: center;}   /* Texto */

#aniversario-historia h2 {
    font-size: 3.2em;
    font-family: 'DIN Cond';
    margin: 0;
	/*line-height: 100%;*/
}

#aniversario-historia  h3 {
	color: #6C2080;
    font-size: 3.2em;
    margin: 0;
    /*line-height: 120%;*/
    font-family: 'DIN Condblack';
}

#aniversario-estreno h2 {
    font-size: 3.2em;
    font-family: 'DIN Cond';
    margin: 0;
	/*line-height: 100%;*/
}

#aniversario-estreno .instagram-custom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
}

#aniversario-estreno .instagram-custom img {
	height: 75px;
}

#aniversario-estreno .youtube-custom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
}

#aniversario-estreno .youtube-custom img {
	height: 75px;
}

/*Form*/

.gform_wrapper.gravity-theme .gform_footer {
  display: block;
}

.gform_ajax_spinner {
	display:block;
	margin: 10px auto;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
  margin-bottom: 20px;
  padding: 16px 16px 16px 25px;
}

.gform_wrapper.gravity-theme .gform_validation_errors > ol {
  padding-left: 0px;
  margin-left: 2rem;
}

.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend, .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid="true"] + label, .gform_wrapper.gravity-theme label + [aria-invalid="true"] {
  color: #fff;
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid="true"] {
  border: 1px solid #fff;
}

@media (max-width:600px)  {

	#aniversario-historia h2 {
		font-size: 2.5em;
		line-height: 120%;
		padding: 0 20px;
	}
	#aniversario-estreno h2 {
	  font-size: 2.5em;
	  line-height: 120%;
	}
	#aniversario-estreno .youtube-custom {
	  display: block;
	}
	#aniversario-historia h3 {
		font-size: 2.5em;
		line-height: 120%;
		padding: 20px;
	}

	#aniversario h1, #aniversario-timeline h1 {
		font-size: 3rem;
		letter-spacing: 2px;
		line-height: 135%;
	}
	#aniversario h1 strong {
		font-size: 3rem;
		top: -10px;
	}
	#aniversario-timeline h1 strong {
		font-size: 3rem;
		top: -10px;
	}
}

@media (max-width:1024px) {
	#aniversario-timeline .timeline-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		height: auto;
		padding: 0px;
		margin-top: -300px;
	}

	#aniversario-timeline .circle-image {
		position: static;
		transform: none;
		width: 250px;
		height: 250px;
		margin-bottom: 20px;
	}

	#aniversario-timeline .text-block {
		position: static;
		width: 90%;
		text-align: left;
		margin-bottom: 20px;
		background: #f9f9f9;
		padding: 15px;
		border-radius: 8px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	}

	#aniversario-timeline .text-block h3 {
		font-size: 1.3em;
	}
	#aniversario-timeline .text-block p {
		font-size: 0.9em;
	}
	#aniversario-timeline .text-block2 {
		position: static;
		width: 90%;
	}
	#aniversario-timeline .text-block2 h4, #aniversario-timeline i {
		color: #000;
	}
}

@media (min-width:1200px) {
	#aniversario-historia .w-video {
		width: 70%;
	}
}