background_general_cabecera { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.section.section-with-shape-divider {
	position: relative;
	overflow: hidden;
}

.section.section-with-shape-divider .shape-divider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 1;
}

.section.section-with-shape-divider .shape-divider svg {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translate3d(-50%, 0, 0);
}

@media (min-width: 1950px) {
	.section.section-with-shape-divider .shape-divider svg {
		width: 100%;
	}
}

.section.section-with-shape-divider .shape-divider.shape-divider-bottom {
	top: auto;
	bottom: 0;
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y {
	transform: rotateY(180deg);
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x {
	transform: rotateX(180deg);
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy {
	transform: rotateY(180deg) rotateX(180deg);
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	-webkit-animation-duration: 45s;
	animation-duration: 45s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation > svg {
	width: 100vw;
	left: 0;
	transform: none;
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start {
	-webkit-animation-name: shapeDividerToRight;
	animation-name: shapeDividerToRight;
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2) {
	transform: rotateY(180deg) translate3d(99.9%, 0, 0);
}

@media (max-width: 575px) {
	.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2) {
		transform: rotateY(180deg) translate3d(99.8%, 0, 0);
	}
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3) {
	transform: translate3d(-199.8%, 0, 0);
}

@media (max-width: 575px) {
	.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3) {
		transform: translate3d(-199.6%, 0, 0);
	}
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start {
	-webkit-animation-name: shapeDividerToLeft;
	animation-name: shapeDividerToLeft;
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) {
	transform: rotateY(180deg) translate3d(-99.9%, 0, 0);
}

@media (max-width: 575px) {
	.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) {
		transform: rotateY(180deg) translate3d(99.8%, 0, 0);
	}
}

.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) {
	transform: translate3d(199.8%, 0, 0);
}

@media (max-width: 575px) {
	.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) {
		transform: translate3d(199.6%, 0, 0);
	}
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start, .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start {
	-webkit-animation-name: shapeDividerToLeft;
	animation-name: shapeDividerToLeft;
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2) {
	transform: rotateY(180deg) translate3d(-99.9%, 0, 0);
}

@media (max-width: 575px) {
	.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2) {
		transform: rotateY(180deg) translate3d(-99.8%, 0, 0);
	}
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3) {
	transform: translate3d(199.8%, 0, 0);
}

@media (max-width: 575px) {
	.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3) {
		transform: translate3d(199.6%, 0, 0);
	}
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start, .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start {
	-webkit-animation-name: shapeDividerToRight;
	animation-name: shapeDividerToRight;
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) {
	transform: rotateY(180deg) translate3d(99.9%, 0, 0);
}

@media (max-width: 575px) {
	.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) {
		transform: rotateY(180deg) translate3d(99.8%, 0, 0);
	}
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) {
	transform: translate3d(-199.8%, 0, 0);
}

@media (max-width: 575px) {
	.section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) {
		transform: translate3d(-199.6%, 0, 0);
	}
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start {
	-webkit-animation-name: shapeDividerToRight;
	animation-name: shapeDividerToRight;
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start {
	-webkit-animation-name: shapeDividerToLeft;
	animation-name: shapeDividerToLeft;
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) {
	transform: rotateY(180deg) translate3d(-99.9%, 0, 0);
}

@media (max-width: 575px) {
	.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) {
		transform: rotateY(180deg) translate3d(-99.8%, 0, 0);
	}
}

.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) {
	transform: translate3d(199.8%, 0, 0);
}

@media (max-width: 575px) {
	.section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) {
		transform: translate3d(199.6%, 0, 0);
	}
}

.section.section-with-shape-divider.overlay:before {
	z-index: 1;
}