/** root vars **/
:root {
	--bg-primary: #747e5f;
	--bg-section-custom: #e6e6e6;
	--bg-footer: #e5e5e5;
	--bg-footer-form: #81876e;
	--color-primary: #4d5a31;
	--color-secondary: #006d46;
	--color-white: #fff;

	--color-blue-1: #0000fa;
	--color-blue-2: #65a9de;
	--color-green-1: #006d46;
	--color-green-2: #94d357;
	--color-gray: #666666;
}

/** 
 * General 
 */
.grecaptcha-badge {
	display: none !important;
}

.bg-custom {
	background-color: var(--bg-section-custom) !important;
}

.bg-white {
	background-color: var(--color-white) !important;
}

.section-separator {
	display: block;
	margin: 0;
	padding: 20px 0;
	width: 100%;
	background-image: url(../template/images/others/bg-custom.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.text-justify {
	text-align: justify;
}

.text-custom {
	color: var(--color-primary) !important	;
}

.heading-block h2,
.heading-block h4 {
	color: inherit;
}

.color-green-1 {
	color: var(--color-green-1) !important;
}

.color-green-2 {
	color: var(--color-green-2) !important;
}

.color-blue-1 {
	color: var(--color-blue-1) !important;
}

.color-blue-2 {
	color: var(--color-blue-2) !important;
}

.color-gray {
	color: var(--color-gray) !important;
}

.bg-green-1 {
	background-color: var(--color-green-1) !important;
}

.bg-green-2 {
	background-color: var(--color-green-2) !important;
}

.bg-blue-1 {
	background-color: var(--color-blue-1) !important;
}

.bg-blue-2 {
	background-color: var(--color-blue-2) !important;
}

.bg-gray {
	background-color: var(--color-gray) !important;
}

.border-green-1 {
	border-color: var(--color-green-1) !important;
}

.border-green-2 {
	border-color: var(--color-green-2) !important;
}

.border-blue-1 {
	border-color: var(--color-blue-1) !important;
}

.border-blue-2 {
	border-color: var(--color-blue-2) !important;
}

.border-gray {
	border-color: var(--color-gray) !important;
}

/**
 * Header
 */
.primary-menu .menu-item:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 25%;
	height: 50%;
	width: 2px;
	background-color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 768px) {
  	.primary-menu .menu-item:not(:last-child)::after {
	    content: none;
  	}
}

/**
 * Slider
 */
.content-slider-logo {
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	text-align: center;
	width: 100%;
	background-color: #d0e8ffd6;
	padding: 20px 0;	
}

.content-slider-logo img {
	width: 250px;	
}

#box-contact-form {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .5);
	padding: 5px 10px;
	color: #fff;
	z-index: 10;	
	border-radius: 10px;
}

#box-contact-form form {	
	display: flex;	
	gap: 10px;
}

#box-contact-form input {
    color: var(--color-primary);
    border-radius: 0;
	height: 35px;
}

/**
 * Proyecto
 */
.info-text {
	position: absolute;
	bottom: 0;
	padding: 5px 30px;
	width: 96.5%;
	color: #fff;
	background-color: #25242499;
	text-align: center;
}

#proyecto .item a:hover {
	cursor: zoom-in;
}


/**
 * Plants
 */
/*#plantas {
	background-color: var(--bg-section-custom);
}*/

/**
 * Galeria
 */
 #galeria {
	background-color: var(--bg-section-custom);
}

/* slick-slider */
.gallery .slick-slider .element {
  padding: 0 10px; /* separación horizontal */
}

.gallery .slick-slider {
  margin: 0 -10px; /* compensar el padding para que no se descuadre */
}

.gallery .slick-slider .slick-arrow {
	top: 50%;
	height: 26px;
	width: 14px;
	margin-top: -13px;
	position: absolute;
	font-size: 0;
	cursor: pointer;
	background-color: transparent;
	border: none;
	background-image: url(../images/arrow-slider.png);
	background-repeat: no-repeat;
	z-index: 5
}

.gallery .slick-slider .slick-arrow:hover {
	background-color: rgba(0, 0, 0, .5);
	padding: 5px
}

.gallery .slick-slider .slick-prev {
	left: -5rem;
	transform: rotate(180deg)!important
}

.gallery .page-paragraph small {
	font-family: inherit;
	font-size: 90%
}

.gallery .slick-slider .slick-next {
	right: -5rem
}

/** 
 * Ubicacion
 */
#ubicacion {
	background-color: var(--bg-primary);
}

/**
 * Conectividad
 */
/*.media-box.fbox-bg .fbox-content {
	border-color: var(--color-primary);
}*/

#conectividad .fbox-content span {
	color: inherit;
}

.fbox-content .special-box {
	/*background-image: url('../template/images/others/ruta-orbital.webp'); 
	background-size: cover; 
	background-repeat: repeat; 
	background-position: center; */
	padding: 25px 25px 30px 25px;
}

/** 
 * Footer
 */
footer {
	background-color: var(--bg-section-custom);
}

footer .widget-info a {
	color: inherit;
	font-size: 1.25rem;
}

@media screen and (max-width: 768px) {
	footer .footer-widgets-wrap {
		padding: 20px 0 0 0 !important;
	}

	footer .widget-info img {
		width: 80%;
	}

	footer .widget-info a {
		font-size: 1rem;
	}

	footer .box-content-form {
		font-size: 1.75rem;
	}
}

.box-content-form {
	background-color: var(--bg-primary);	
}

.box-content-form form input,
.box-content-form form select,
.box-content-form form textarea {
	border-radius: 0;
}

#box-contact-form form button[type="submit"],
.box-content-form form button[type="submit"] {
	background-color: var(--color-secondary);
	color: var(--color-white);
	border-color: #fff;
	border-radius: 0;
}

.stretched #gotoTop {
    width: 55px;
	height: 50px;
	line-height: 48px;
}

#quotationModalForm .modal-header img {
	width: 150px;
}

.redes-flotantes {
	width: 65px;
	height: 60px;
	/*background-color: #29a71a;*/
	display: flex;
	justify-content: center;
	align-items: center;
	left: initial!important;
	right: 25px!important;
	bottom: 7.5rem!important;
	transition: width 500ms ease, height 500ms ease;
}

.redes-flotantes:hover {	
	height: 55px;
	/*background-color: #29a71a;*/
}

#modal-form-whatsapp .modal-header {
    padding: 0 0.5rem !important;
}

#modal-form-whatsapp .modal-header .close {
    background-color: transparent;
    border: none;
}

#modal-form-whatsapp .modal-body {
    padding: 0.5rem !important;
}

#modal-form-whatsapp .modal-footer {
    padding-right: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

#whatsappModal {
	display: none;
	pointer-events: none;
}

#whatsappModal.show {
	pointer-events: auto;
}

.whatsapp-modal-dialog {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0;
	max-width: 300px;
	width: 100%;
	z-index: 1055;
}

#whatsappModal .modal-content {
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	overflow: hidden;			
}

#whatsappModal .modal-header {
	background-color: #25d366;
	color: white;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: none;
	padding: 10px 15px;
	border-radius: 0;
}

#whatsappModal .btn {
	background-color: #25d366;
	border: none;
	font-weight: bold;
	width: 100%;
}

#whatsappModal .input-group-text {
	background-color: #25d366;
	color: #fff;
}

#whatsappModal .btn:hover {
	background-color: #1ebe5d;
}