/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
html {
  scroll-behavior: smooth;
}

.grift-font {
	font-family: "Grift Bold", Sans-serif !important;
}

.cesi-button {
	position: relative;
    border-radius: 10px;
    padding: 12px 20px;
    background-image: linear-gradient(to bottom, #089EE0, #089EE0);
    display: flex;
    font: 1rem / 1 "Grift Bold", Sans-serif;
	color: #ffffff !important;
	z-index: 1;
}

.cesi-button::before {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	border-radius: 10px;
    background-image: linear-gradient(45deg, #57c3ff, #4bccf2 50%, #41f1c9);
	opacity: 0;
    transition: opacity 0.3s linear;
	z-index: -2;
}

.cesi-button:hover::before {
	opacity: 1;
}

.unidad-item {
	border: 2px solid transparent;
	transition: all 0.6s ease; 
}

.unidad-item:hover {
    padding-top: 0;
    border-image: linear-gradient(to bottom, #ffffff 25%, #00AEEF 100%) 1;
    background-color: rgb(255 255 255 / 15%);
}

.unidad-item-button {
    visibility: hidden;
    opacity: 0;
}

.unidad-item:hover .unidad-item-button {
    visibility: visible;
    opacity: 1;
}

.form-group p {
    display: flex;
    gap: 10px;
}

.form-group p .wpcf7-form-control-wrap {
    width: 100%;
}

.form-group p .wpcf7-form-control-wrap .wpcf7-form-control {
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 10px 20px;
    background-color: #02365D;
	font: 1rem / 1 "Poppins", sans-serif;
    color: #ffffff;
}

.form-group p .wpcf7-form-control-wrap .wpcf7-form-control::placeholder {
    color: #ffffff;
	opacity: 1;
}