/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.gray_body {
	background-color: #E5E5E5;
}

.span6 {
	width: 50%;
}


@media (max-width: 1024px) {
	.margin-1rem {
		margin-inline: 1rem;
	}
}
@media (max-width: 768px) {
	.span6 {
		width: 100%;
	}
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/










@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');






strong, span[style*="font-weight: bold;"] {
	font-variation-settings: "wght" 650;
	font-family: Open Sans, sans-serif;
}
p span[style*="background-color: #000000;"] {
	white-space: pre-wrap;
}
p {
	font-size: 18px;
}
h2 {
	margin-bottom: 0.3rem;
	font-size: 48px;
}
h3, h4, h5, h6 {
	font-weight: 400;
}
a {
	text-decoration: none;
	color: #323031;
}
.hs_cos_wrapper_type_icon {
	display: flex;
	align-items: center;
}
@media (max-width: 768px) {
	h2, h2[style*="font-size: 48px;"] {
		font-size: 42px;
	}
}
@media (max-width: 476px) {
	h2, h2[style*="font-size: 48px;"] {
		font-size: 36px;
	}
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


header#header {
	background-color: #ed2727;
	padding: 1.4rem;
	display: inline-flex;
	width: -webkit-fill-available;
	justify-content: space-between;
}
header#header > .container-fluid {
	width: 100%;
}
header#header .header_area-row-0-max-width-section-centering > .row-fluid {
	justify-content: space-between;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
	display: inline-flex;
	width: 100%;
	padding: 0;
}
header#header .hs-menu-wrapper.hs-menu-flow-horizontal ul {
	justify-content: space-between;
	list-style: none;
	z-index: 999;
}
header#header .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-menu-item.hs-menu-depth-1 a {
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	margin: 1rem;
	padding: .24rem;
}
header#header .widget-type-logo a {
	display: grid;
	padding: .82rem 1.64rem;
}

#burger_menu {
	display: none;
	cursor: pointer;
}
#burger_menu > div {
	display: grid;
	place-content: center;
	padding: 1rem;
	gap: .4rem;
}
#burger_menu > div span {
	height: 2px;
	width: 30px;
	background-color: #fff;
}



header#header .hs-menu-wrapper.hs-menu-flow-horizontal ul.active {
	display: block;
}


@media (max-width: 768px) {
	header#header .hs-menu-wrapper.hs-menu-flow-horizontal ul {
		display: none;
		position: absolute;
		top: 105px;
		background-color: #ed2727;
		left: 0;
		height: 0%;
		padding: 0;
		margin: 0;
		transition: all .3s ease;
	}
	header#header .hs-menu-wrapper.hs-menu-flow-horizontal ul.active {
		height: calc(100% - 105px);
	}
	header#header .hs-menu-wrapper.hs-menu-flow-horizontal ul li.hs-menu-item.hs-menu-depth-1 a {
		font-size: 1.56rem;
		line-height: 4rem;
	}
	header#header .widget-type-logo a img.hs-image-widget {
		max-width: 120px;
	}
	#burger_menu {
		display: grid;
		place-content: center;
	}
}


@media (max-width: 476px) {
	.row-fluid-wrapper.row-depth-1.row-number-1.header_area-row-0-vertical-alignment.dnd-section.header_area-row-0-max-width-section-centering.margin-1rem {
		margin: 0;
	}
	header#header .widget-type-logo a {
		padding: .64rem;
	}
	header#header .widget-type-logo a img.hs-image-widget {
		max-width: 100%;
	}
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

footer#footer .footer_area-row-0-vertical-alignment>.row-fluid {
	margin-inline: auto;
	justify-content: space-between;
}

footer#footer .row-fluid-wrapper.row-depth-1.row-number-4.dnd-row:has(.span12.widget-span.widget-type-custom_widget.widget_1736181014854-flexbox-positioning.dnd-module) {
	position: fixed;
	bottom: 1.5rem;
	right: 1.5rem;
	width: fit-content;
}
footer#footer .row-fluid-wrapper.row-depth-1.row-number-4.dnd-row:has(.span12.widget-span.widget-type-custom_widget.widget_1736181014854-flexbox-positioning.dnd-module) .hs-button {
	display: grid;
	place-content: center;
	border-radius: 4rem;
}

footer#footer .row-fluid-wrapper.row-depth-1.row-number-4.dnd-row:has(.span12.widget-span.widget-type-custom_widget.widget_1736181014854-flexbox-positioning.dnd-module) .hs-button svg {
	width: 2rem;
	fill: #fff;
}


@media (max-width: 768px) {
	.footer .span6 form {
		margin-top: 3rem;
	}
	.footer .span6 form, .footer .span6 form fieldset {
		max-width: 768px;
	}	
}

.footer_link_hover:hover {
	text-decoration: underline;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/











/* PLaceholder */
::-webkit-input-placeholder {
	color: #323031;
}
::-moz-placeholder {
	color: #323031;
}
:-ms-input-placeholder {
	color: #323031;
}
::placeholder {
	color: #323031;
}

form {
	max-width: 500px;
	margin: auto;
}
/* Label */
form label {
	color: #323031;
}
form.hs-form-private.hs-form.stacked.hs-custom-form fieldset .field {
	margin-bottom: 1rem;
}
/* Borders */
form input, form select, form textarea {
	border: 2px solid #FFFFFF;
;
	color: #323031;
	border-radius: 0px;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	background-color: #FFFFFF;
}

form.hs-form-private.hs-form.stacked.hs-custom-form fieldset.form-columns-1, form.hs-form-private.hs-form.stacked.hs-custom-form fieldset.form-columns-1 .hs-input:not([type="checkbox" i]) {
	width: 100%;
}
form.hs-form-private.hs-form.stacked.hs-custom-form fieldset.form-columns-1 .hs-fieldtype-select.field.hs-form-field .input {
	margin-right: 0;
}
fieldset.form-columns-2 input {
	width: calc(100% - 4px);
}
fieldset.form-columns-2 > div.field:last-child input {
	margin-left: 4px;
}
form input {
	min-height: 34px;
}
form select {
	min-height: 40px;
}
form .field > label {
	font-size: 15px;
	margin-left: 14px;
	text-transform: uppercase;
	margin-bottom: 9px;
	display: inline-block;
}

form ul.no-list.hs-error-msgs.inputs-list {
	list-style: none;
	padding: 0;
	font-size: 13px;
}
form ul.no-list.hs-error-msgs.inputs-list label.hs-error-msg {
	color: #ed2727;
}
form .hs_suscripcion_al_blog.hs-suscripcion_al_blog.hs-fieldtype-booleancheckbox.field.hs-form-field ul.inputs-list {
	list-style: none;
	padding: 0;
}
input[name="suscripcion_al_blog"] {
	min-height: unset;
}
input.hs-button.primary.large {
	background-color: #ed2727;
	border-color: #ed2727;
	margin-left: auto;
	margin-right: 0;
	display: block;
	margin-bottom: 1rem;
}

.hs_error_rollup {
	/* position: absolute; */
	/* bottom: 0; */
	display: none;
}

@media (max-width: 476px) {
	.subscribe_form form.hs-form-private.hs-form.stacked fieldset.form-columns-2 > div.field input,
	fieldset.form-columns-2 > div.field input {
		width: 100%;
	}
	fieldset.form-columns-2 > div.field:last-child input {
		margin-left: 0;
	}
}
/**************************************/
.widget-type-blog_subscribe .hs_cos_wrapper_type_blog_subscribe form.hs-form-private.hs-form.stacked, span#hs_cos_wrapper_subscribe_blog form {
	padding: 2rem;
	background-color: ;
	display: flex;
	flex-wrap: wrap;
	max-width: 1024px;
}
.widget-type-blog_subscribe .hs_cos_wrapper_type_blog_subscribe form.hs-form-private.hs-form.stacked .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field, .widget-type-blog_subscribe .hs_cos_wrapper_type_blog_subscribe form.hs-form-private.hs-form.stacked .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field,
span#hs_cos_wrapper_subscribe_blog .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field, span#hs_cos_wrapper_subscribe_blog .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field
{
	flex: 1 0 156px;
}
span#hs_cos_wrapper_subscribe_blog .hs_submit.hs-submit, .widget-type-blog_subscribe .hs_cos_wrapper_type_blog_subscribe form.hs-form-private.hs-form.stacked .hs_submit.hs-submit {
	flex: 0 0 100px;
}
.widget-type-blog_subscribe .hs_cos_wrapper_type_blog_subscribe form.hs-form-private.hs-form.stacked .input, span#hs_cos_wrapper_subscribe_blog form.hs-form-private.hs-form.stacked .input {
	margin: .5rem;
}
.widget-type-blog_subscribe .hs_cos_wrapper_type_blog_subscribe form.hs-form-private.hs-form.stacked .field.hs-form-field .hs-input,
span#hs_cos_wrapper_subscribe_blog .field.hs-form-field .hs-input {
	width: calc(100% - 4px - 1rem);
	background: transparent;
	padding-left: .5rem;
	padding-right: .5rem;
}
.widget-type-blog_subscribe .hs_cos_wrapper_type_blog_subscribe form.hs-form-private.hs-form.stacked .input, .widget-type-blog_subscribe .hs_cos_wrapper_type_blog_subscribe form.hs-form-private.hs-form.stacked .actions,
span#hs_cos_wrapper_subscribe_blog .input, span#hs_cos_wrapper_subscribe_blog .actions {
	margin: .5rem;
}
.widget-type-blog_subscribe .hs_cos_wrapper_type_blog_subscribe form.hs-form-private.hs-form.stacked .field.hs-form-field > label,
span#hs_cos_wrapper_subscribe_blog .field.hs-form-field > label {
	display: none;
}
.widget-type-blog_subscribe .hs_cos_wrapper_type_blog_subscribe form.hs-form-private.hs-form.stacked input.hs-button.primary.large,
span#hs_cos_wrapper_subscribe_blog input.hs-button.primary.large {
	margin: 0;
}
.widget-type-blog_subscribe .hs_cos_wrapper_type_blog_subscribe form.hs-form-private.hs-form.stacked .hs_submit.hs-submit input.hs-button.primary.large,
span#hs_cos_wrapper_subscribe_blog .hs_submit.hs-submit input.hs-button.primary.large {
	text-transform: uppercase;
}
.widget-type-blog_subscribe .hs_cos_wrapper_type_blog_subscribe form.hs-form-private.hs-form.stacked .field.hs-form-field .hs-input::placeholder,
span#hs_cos_wrapper_subscribe_blog .field.hs-form-field .hs-input::placeholder {
	color: #fff;
}


form .hs_disclaimer.hs-disclaimer.hs-fieldtype-booleancheckbox.field.hs-form-field ul.inputs-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
form .hs_disclaimer.hs-disclaimer.hs-fieldtype-booleancheckbox.field.hs-form-field ul.inputs-list input {
	min-height: auto;
}
.hs_disclaimer.hs-disclaimer.hs-fieldtype-booleancheckbox.field.hs-form-field ul.inputs-list label.hs-form-booleancheckbox-display {
	font-size: 12px;
}

@media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
	form.hs-form-private.hs-form.stacked.hs-custom-form fieldset.form-columns-2 input, span#hs_cos_wrapper_subscribe_blog fieldset.form-columns-2 input {
		width: calc(100% - 4px);
	}
}

@media (max-width: 476px) {
	form.hs-form-private.hs-form.stacked.hs-custom-form fieldset.form-columns-2 input, span#hs_cos_wrapper_subscribe_blog fieldset.form-columns-2 input {
		width: 100%;
		margin: 0;
	}
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/






.hs-button {
	background-color: #ed2727;
	text-decoration: none;
	padding: .65rem .8rem;
	transition: all .3s ease;
	color: #ffffff;
	letter-spacing: 2.72px;
	border-radius: .24rem;
}

a.btn {
	letter-spacing: 2.72px;
	text-decoration: none;
	padding: .65rem .8rem;
	font-size: 17px;
	transition: all .3s ease;
	background-color: {color=#ed2727, opacity=100, rgba=rgba(237, 39, 39, 1), rgb=rgb(237, 39, 39), hex=#ed2727, css=#ed2727};
}
a.btn:hover {
	border-radius: 20px;
}
.btn-primary {
	background-color: #323031;
	color: #ed2727;
}
.btn-primary:hover {
	color: ;
}

.btn {
	cursor: pointer;
	outline: none;
	background-color: #323031;
	text-decoration: none;
	padding: .65rem .8rem;
	transition: all .3s ease;
	color: #ffffff;
	letter-spacing: 2.72px;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


.icon_image {
	background-color: #ed2727;
}
.section_item h3 {
	color: #ed2727;
}

.divisor:after, .divisor:before {
	background-color: #B1ACAC;
}


/*****************************************/
/* Componente Productos */
/*****************************************/

article.hs-product {
	min-height: 490px;
}
.hs-product__content-container {
	border: none !important;
	border-radius: 0 0 0.24rem 0.24rem;
}
h3.hs-product__name {
	text-align: center;
	line-height: 1.5;
	font-weight: bolder;
}
span.hs-product__price {
	color: #ed2727;
	border-bottom: 2px solid;
	border-top: 2px solid;
	padding-block: 1rem;
	font-weight: bolder;
}
a.hs-product__button.hs-button {
	width: auto;
	background-color: #ed2727;
	text-decoration: none;
	padding: .65rem .8rem;
	transition: all .3s ease;
	color: #fff;
	letter-spacing: 2.72px;
	border-radius: .24rem;
	border: 2px solid #ed2727;
	transition: all .3s ease-in-out;
}
a.hs-product__button.hs-button:hover {
	background-color: #fff;
	color: #ed2727;
	border-color: #ed2727;
}

@media (max-width: 767px) {
	.hs-logo-grid .hs-logo-grid__logo-wrapper {
		flex: 1 0 180px;
	}
}
@media (max-width: 476px) {
	article.hs-product {
		min-height: unset;
	}
}


/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.testimonial-author > span.job {
	color: ;
}
.testimonial-author h3 {
	font-weigth: 100;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

div#map, div#map > div {
	background-color:  !important;
}

polyline.cls-2 {
	stroke: #323031;
	stroke-width: 2px;
	fill: transparent;
}
polyline.cls-3 {
	stroke: #8EC371;
	stroke-width: 2px;
	fill: transparent;
}
circle.cls-15 {
	fill: #8EC371;
}
line.cls-2 {
	stroke: #323031;
	stroke-width: 2px;
}
circle.cls-7 {
	fill: #323031;
}
text.cls-6, text.cls-6 tspan {
	fill: #323031;
}
text.cls-6 a, .small_map_container text.cls-6 a {
	color: #323031;
}
path.cls-33 {
	fill: #8EC371;
	opacity: .4;
}
path.cls-31 {
	fill: #A4DBF8;
	opacity: .4;
}
.interactive_map {
	background-color: #B1ACAC;
}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.hs_cos_gallery_main.slick-fixed-height-slider.slick-initialized.slick-slider {
	padding: 0;
}

/****************************************************/

.table_slider {
	display: flex;
	align-items: flex-end;
}
.table_slider h2, .table_slider ul {
	margin-bottom: 24px;
	line-height: 24px;
}
.table_slider ul {
	list-style: none;
	display: flex;
	align-items: flex-end;
}
.table_slider ul li {
	margin: 0 .5rem;
}

.slick-dots li button:before {
	color: #fff !important;
}

.hs_cos_gallery_main.slick-fixed-height-slider.slick-initialized.slick-slider {
	margin-bottom: 0;
}


.splide__slide--caption {
	text-align: center;
	font-family: , serif;
}
.splide__controls {
	position: absolute;
	bottom: .5rem;
	left: 50%;
	transform: translateX(-50%);
}
@media (max-width: 768px) {
	.table_slider {
		display: block;
	}
	.table_slider ul {
		padding: 0;
		flex-wrap: wrap;
	}
}

/******* Tablas Slider ********/

.tabPanel-widget > label,
.tabPanel-widget > h2 {
	color: ;
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
}

.slider__container:not(#table_slider_ploy) .splide__slide {
	min-height: 50vh;
}
.slider__container:not(#table_slider_ploy) .splide__slide--image_caption__wrapper,
.slider__container:not(#table_slider_ploy) .splide__slide--image {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

#hs_cos_wrapper_widget_1674585324719 .splide__slide--caption {
	pointer-events:none;
}

@media (max-width: 720px) {
	.tabPanel-widget > label,
	.tabPanel-widget > h2, .tabPanel-widget input[name=tabs]:checked+h2 {
		color: #FFF !important;
	}
}
@media (max-width: 476px) {
	.splide__controls {
		display: none !important;
	}
}


/****************************************************/



.splide__slide--image {
	max-height: 100% !important;
}



body {
	font-family: Open Sans, sans-serif;
	margin: 0;
	color: #323031;
}