/* MEDIA QUERY */

@media (max-width: 1550px) {

	html {
		font-size: 70%;
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
	}

	.circle {
		cursor: pointer;
		background-color: transparent;
		position: relative;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		height: 200px;
		width: 200px;
		border-radius: 50%;
		border: 1px solid var(--main-color);
		margin: 0 -0.5rem;
		padding: 2.5rem 1.4rem;
		transition: all 0.3s ease-in-out;
	}

	.circle > span {
		position: absolute;
		display: flex;
		justify-content: center;
		flex-direction: column;
		border: 1px solid var(--main-color);
		top: 4px;
		left: 25px;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		line-height: 1;
		background-color: #fff;
		transition: background-color 0.3s ease-in-out;
	}

}

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


	.inner-section .small-h4 {
		font-size: 2.6rem!important;
	}

	p, .small-font {
		font-size: 1.9rem!important;
	}


	div:not(.circle) {
		border-right: none!important;
		border-left: none!important;
	}

	.not-phone-flex {
		display: none!important;
	}

	.not-phone-block {
		display: none!important;
	}

	.not-computer-flex {
		display: flex!important;
	}

	.not-computer-block {
		display: block!important;
	}

	.position-phone {
		position: fixed!important;
	}

	.inner-section .smaller-p {
		font-size: 1.9rem;
		line-height: 1.2;
		color: var(--secondary-color);
	}

	.mt-10 {
		margin-top: 2.5rem!important;
	}

	.w-50-responsive {
		width: 100%!important;
	}

	.w-75-responsive {
		width: 100%!important;
	}

	.w-35 {
		width: 100%!important;
	}
	.w-65 {
		width: 100%!important;
	}

	html {
		width: 100vw;
		overflow-x: hidden!important;
		font-size: 50%;
	}

	body {
		width: 100vw;
		overflow-x: hidden!important;	
	}

	.text-capsule-fecha {
		text-align: center;
	}

	.foto-historia > img {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}
	
	.fecha {
		font-size: 5rem;
		font-weight: 700;
		margin-bottom:0;
	}
	
	.fecha-titulo {
		font-size: 3rem!important;
		font-weight: 500;
		line-height: 1;
	}
	
	.fecha-descripcion {
		font-size: 1.4rem;
		line-height: 1.2;
	}

	.temporary {
		display: none;
	}

    .mobile-menu {
        background-color: #fff;
    }

    .logo-home {
        filter: brightness(1) invert(0)!important;
        transition: var(--negative-transition);
    }

	.footer-section .logo-home {
		margin: 0 auto!important;
		width: 25%!important;
	}

    #hamburger-phone ._layer {
        background: #000;
    }

	.top-height {
		height: fit-content;
	}

	.position-absolute-responsive {
		position: relative!important;
	}

	.container-scroll {
		height: fit-content!important;
	}

	.section {
		position: relative!important;
	}

	.section:not(.active) {
		transform: translateY(0)!important;
	}

	.first-section-p {
		padding-top: 68px;
	}

	.inner-section-p {
		padding-top: 68px;
		padding-bottom: 68px;
	}

	.inner-section-p-bottom {
		padding-bottom: 68px;
	}

	.slide-logos-home img {
		width: 100%;
	}

	.btn-primary, .btn-secondary, .btn-terciary {
		font-size: 2rem;
		padding: 0.5rem 3rem;
		width: 100%!important;
	}

	.main-section {
		padding: 0 3rem;
	}

	.main-section h1 {
		font-size: 6.5rem;
	}

	.main-section h2 {
		font-size: 3rem;
	}

	.inner-section h3 {
		font-size: 4rem;
	}

	.inner-section h4 {
		font-size: 3rem;
	}

	.inner-section p, .inner-section ul {
		font-size: 1.9rem;
	}

	.video-back {
		height: 100%;
	}

	.logo-home {
		width: 60%;
		margin: 0!important;
	}

	.sub-menu {
		display: none!important;
	}

	.hamburger {
		width: 20%;
	}

	.threeDModel > model-viewer{
		height: 300px;
	}

	.sub-footer-links.contact-style {
		text-align: center;
	}
	
	.sub-footer-links.noncontact-style {
		text-align: center;
	}

	.logo-content-footer.contact-style {
		text-align: center!important;
	}

	.logo-content-footer {
		font-size: 1.6rem;
	}

	.sub-footer-links a {
		font-size: 1.6rem;
	}

	.container-legal p {
		font-size: 1.6rem!important;
	}

	.container-legal img {
		width: 80%!important;
	}

	.footer-form {
		width: 100%;
	}

	.form-control {
		font-size: 1.6rem!important;
	}

	.privacy-text {
		font-size: 1.6rem!important;
	}

	.form-check-input {
		width: 2em;
		height: 2em;
	}

	.form-check {
		padding-left: 2.5em;
	}

	.form-check .form-check-input {
		margin-left: -2.5em;
	}

	/* FABRICA */

	.icons,
	.icons-2 {
		font-size: 1.6rem;
	}

	.icons svg,
	.icons-2 svg {
		width: 60%;
	}

	.imagen-certificado {
		width: 20%;
	}

	.normas-fabricacion p {
		font-size: 2.3rem!important;
	}

	.image-back img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 90%;
		z-index: -10;
	}

	svg.map {
		width: 100%;
	}

	.signo > g {
		display: none;
	}

	.edificio text {
		visibility: visible;
		font-size: 7rem;
	}

	#edificio-1 > polygon,
	#edificio-2 > polygon,
	#edificio-3 > polygon,
	#edificio-4 > polygon,
	#edificio-5 > polygon,
	#edificio-6 > polygon,
	#edificio-7 > polygon,
	#edificio-8 > polygon,
	#edificio-9 > polygon,
	#edificio-10 > polygon {
		cursor: pointer;
		fill: var(--main-color);
		transition: all 0.3s ease-in-out;
	}

	#textFabrica-0,
	#textFabrica-1,
	#textFabrica-2,
	#textFabrica-3,
	#textFabrica-4,
	#textFabrica-5,
	#textFabrica-6,
	#textFabrica-7,
	#textFabrica-8,
	#textFabrica-9{
		opacity: 1;
		transition: opacity 0.3s ease-in-out;

	}

	.interactive-map {
		width: 100%;
		text-align: left;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -0%)!important;
	}

		
	.circle {
		cursor: pointer;
		background-color: transparent;
		position: relative;
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 200px;
		width: 200px;
		border-radius: 50%;
		border: 1px solid var(--main-color);
		margin: 0 -0.5rem;
		padding: 2.5rem 1.4rem;
		transition: all 0.3s ease-in-out;
	}

	.circle > span {
		position: absolute;
		display: flex;
		justify-content: center;
		flex-direction: column;
		border: 1px solid var(--main-color)!important;
		top: 4px;
		left: 25px;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		line-height: 1;
		font-size: 2rem;
		background-color: var(--secondary-color)!important;
		color: #fff;
		transition: background-color 0.3s ease-in-out;
	}

	.circle > h6 {
		margin-top: 1rem;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 2.5rem!important;
	}

	.circle > p {
		font-size: 1.6rem!important;
	}

	.aside p {
		font-size: 1.6rem!important;
	}

	.globe-line{
		fill:none;
		stroke:#DEC51C;
		stroke-miterlimit:10;
		stroke-dashoffset: 0;
		stroke-dasharray: 1000;
		stroke-dashoffset: 0;
	}

	.phone-number-contact {
		font-size: 9vw!important;
	}


}