/*
Theme Name:  Missi Code-theme
Description: Tema hijo para hacer personalizaciones de código
Author:      Missi Code
Author URL:  https://tu-sitio.com/
Template:    hello-elementor
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: missicode-theme
*/


body {
/*   background:  url("https://missicode.com/wp-content/uploads/2025/12/background-missicode.webp"), linear-gradient(180deg, #000 0%, #1A1033 76%, #2A0F3D 100%); */
/* 	background: linear-gradient(180deg, #040114 0%, #06021B 76%, #06021B 100%);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover; */

	background:
		radial-gradient(circle at 20% 30%, rgb(238 60 197) 0%, #dee2e6 0%, rgb(238 60 197 / 5%) 1%, transparent 10%), 
		radial-gradient(circle at 70% 80%, rgb(224 134 203) .5% 0%, rgb(238 60 197 / 32%) 0%, transparent 3%), 
		radial-gradient(circle at 40% 60%, #8c35ff 0%, #8c35ff7a 1%, rgb(119 119 119 / 29%) 1%, transparent 6% 90%), 
		radial-gradient(circle at 90% 20%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 2%, transparent 60%), 
		radial-gradient(circle, #06021B 0%, #06021B 76%, #040114 100%);

	background-size:
		200px 200px,
		300px 300px,
		250px 250px,
		180px 180px,
		cover;
	color: #EAEAF0;
	position: relative;
}
body::before {
	content: "";
  position: absolute;
  top: 30%;
  left: 0;

  height: 2px;
  width: 10vw;

  background:
    /* commits */
    radial-gradient(circle at 10px center,
      #6affb7 0 4px,
      transparent 5px
    ),
    /* línea */
    linear-gradient(#6affb7, #6affb7);

  background-repeat:
    repeat-x,
    no-repeat;

  background-size:
    20px 10px,   /* tamaño de cada commit */
    100% 2px;    /* línea */

  background-position:
    left center,
    left center;

  transform-origin: left;
  transform: scaleX(0);

  animation:
    branchGrow 4s ease-out infinite,
    commitsReveal 4s steps(5) infinite;

  filter: drop-shadow(0 0 6px rgba(106,255,183,0.8));
}
body::after {
	content: "";
	position: absolute;
	right: 40px;
	top: 0;
	width: 2px;
	height: 100%;
	background: linear-gradient(
		to bottom,
		transparent,
		#7aa2ff,
		#7aa2ff,
		transparent
	);
	
	animation: growDown 4s ease-in-out infinite;
	animation-delay: 1.5s;
}
@keyframes growDown {
	0% {
		transform: scaleY(0);
		transform-origin: top;
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	100% {
		transform: scaleY(1);
		transform-origin: top;
		opacity: 0.8;
	}
}
@keyframes branchGrow {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  60% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}

/* Revela commits horizontalmente */
@keyframes commitsReveal {
  0% {
    background-size:
      0 10px,
      100% 2px;
  }
  100% {
    background-size:
      100% 10px,
      100% 2px;
  }
}



.div-header{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.logo img{
	max-height: 70px;
	width: auto;
}
.button-contactanos{
	background-color: #ee3cc5;
	color: white;
	padding: 10px 30px;
}
.button-contactanos:hover{
	background-color: #fdd763;
	color: black;
}
/* Banner Principal */
.elementor-element-1bfda45{
	position: absolute !important;
    left: 200px;
}
.elementor-element-0dca580{
	overflow: hidden !important;
}
.elementor-element-de5aa6c{
	 padding: 150px 0px !important;
}
.div-txt-1 h1{
	font-size: 3.8em;
}