/* 
Theme Name: Hello Elementor Child theme
Description: Child theme for Hello Elementor.
Author: Sebastián
Author URI: https://sebastiandeveloper.website/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
/* 
Theme Name: Hello Elementor Child theme
Description: Child theme for Hello Elementor.
Author: Pixelpro
Author URI: https://www.pixelpro.com.co/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* GENERALES */

a {color: #E37425; text-decoration:underline;}
a:active, a:hover {color: #E37425;}
.white-link a{color:white;text-decoration:underline;}
*:focus {outline: none!important;}
html,body{
	font-size:15px;
	color:black;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	line-height: 1.2em;
	overflow-x:hidden;
}
/* CONTENEDOR ELEMENTOR */
.elementor-section.elementor-section-boxed > .elementor-container {max-width: 95%;}
/* IMAGES */
.full-img *{width:100%;}
.full-img a{display: block;}
/* TÍTULOS */
.elementor-heading-title :is(h2,h3,h4,h5,h6), h2,h3,h4,h5,h6 {

  font-weight: 400;
  font-style: normal;
}
h1, .elementor-heading-title h1{font-size:35px;font-weight:700;}
h2, .elementor-heading-title h2{font-size:32px;}
h3, .elementor-heading-title h3{font-size:28px;}
h4, .elementor-heading-title h4{font-size:25px;}
h5, .elementor-heading-title h5{font-size:22px;}
h6, .elementor-heading-title h6{font-size:20px}

/* BOTONES */
.btn-icon span.elementor-button-icon {
    font-size: 2.3rem;
    line-height: .1;
}
.btn-icon span.elementor-button-content-wrapper {
    align-items: center;
}
/* --------------------- HEADER -------------------------*/
.main-header{
    position: absolute;
    z-index: 999;
    width: 100%;
}
.trigger-menu,.close-menu{
	cursor:pointer;
}
.popup-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    display:none;
}
.elementor-editor-active .main-header{
    position: relative;
	background-color:black;
}

/* --- FOOTER -- */
.boton-whatsapp a {
    width: 60px;
    display: inline;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
/* ------ PAQUETES PRINCIPAL -----------*/


.back-side {
    opacity:0;
    transition:0.3s ease-in-out;
    display:none;
}
.box-block:hover .front-side{
    opacity:0;
	display:none;

}
.box-block:hover .back-side {
    opacity:1;
    transition:0.5s ease-in-out;
    display:block;
}

.box-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #72ddeb;
    border-radius: 15px;
    opacity: 0;
}
.box-block:hover::before{
    opacity:1;
}
.box-block .elementor-background-overlay {
    transition:0.3s ease-in-out !important;
}
.box-block:hover .elementor-background-overlay {
    background-image:linear-gradient(180deg, #72ddeb 0%, #72ddeb 100%) !important;
    background-color:#72ddeb !important;
    transition:0.3s ease-in-out !important;
}
.box-block > div > div > a {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.box-block > div.elementor-container > a {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding:10px;
    color:inherit;
	width:100%;
}
/* ------ INTERNAS PAQUETES -------------- */

.step::after {
    content: '';
    position: absolute;
    right: 0;
    top: 40px;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 18px 0 18px 16px;
   border-color: transparent transparent transparent #FFFFFF;
   transform: rotate(0deg);
}

.step {
    position: relative;
}
/* --------------- CONTACTO ------------------- */
.c-form form span.wpcf7-form-control-wrap {
    display: block;
}

.c-form form span.wpcf7-form-control-wrap input, .c-form form span.wpcf7-form-control-wrap textarea {
    border-radius: 0;
    -webkit-box-shadow: 10px 10px 4px -8px rgba(0,0,0,0.21);
    -moz-box-shadow: 10px 10px 4px -8px rgba(0,0,0,0.21);
    box-shadow: 10px 10px 4px -8px rgba(0,0,0,0.21);
    padding:15px;
}

.c-form form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #da0c58;
    color: white;
    font-size: 17px;
    font-weight: bold;
    width: 60%;
    left:100%;
    transform: translateX(-100%);
    position: relative;
    border-radius: 0;
    -webkit-box-shadow: 10px 10px 4px -8px rgba(0,0,0,0.21);
    -moz-box-shadow: 10px 10px 4px -8px rgba(0,0,0,0.21);
    box-shadow: 10px 10px 4px -8px rgba(0,0,0,0.21);
    padding:15px;
}
/* ------------------  RESPONSIVE ----------------------- */


/*Dispositivos más grandes que móviles*/
@media all and (min-width: 768px) {
	/* ------ INTERNAS PAQUETES -------------- */
	.mid-line::before {
		content: '';
		position: absolute;
		right: 50%;
		transform: translateX(-50%);
		width: 1px;
		height: 100%;
		background-color: #D1D1D1;
		top: 0;
	}

	.mid-line {
		position:relative;
	}
}

/*Dispositivos más grandes que tablets*/
@media all and (min-width: 1024px) {
	/* --------------------- HEADER --
	.main-header{
		position: fixed;
	}-----------------------*/

}

/*Portátiles comunes y más grande*/
@media all and (min-width: 1200px) {
	html,body{
		font-size:16px;
	}
	/* CONTENEDOR ELEMENTOR .elementor-section.elementor-section-boxed > .elementor-container {max-width: 1100px;}*/

	

}

/*Tamaño intermedio entre portátiles comunes y Desktop grande*/
@media all and (min-width: 1500px) {


}

/*Desktop grande de 1920px, Desktop 4K y Retina*/
@media all and (min-width: 1800px) {

}

/*Tablets y móviles*/
@media all and (max-width: 1024px) {

}