.elementor-10 .elementor-element.elementor-element-9ea8425{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-33c3984{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-99b041c{text-align:center;}.elementor-10 .elementor-element.elementor-element-99b041c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;line-height:55px;letter-spacing:2.6px;word-spacing:5px;text-shadow:1px 2px 12px rgba(255, 255, 255, 0.51);color:#000000;}.elementor-10 .elementor-element.elementor-element-2d8b34d{--display:flex;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-a8fe12a .elementor-button{background-color:#00FFCD;transition-duration:0.8s;}.elementor-10 .elementor-element.elementor-element-a8fe12a .elementor-button:hover, .elementor-10 .elementor-element.elementor-element-a8fe12a .elementor-button:focus{background-color:#FF5454;box-shadow:3px 3px 10px 5px rgba(0,0,0,0.5);}.elementor-10 .elementor-element.elementor-element-a8fe12a{width:100%;max-width:100%;top:250px;z-index:1;}.elementor-10 .elementor-element.elementor-element-a8fe12a.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-a8fe12a{right:-23px;}body.rtl .elementor-10 .elementor-element.elementor-element-a8fe12a{left:-23px;}.elementor-10 .elementor-element.elementor-element-a8fe12a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-10 .elementor-element.elementor-element-a8fe12a .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-2afcc83.elementor-element{--align-self:flex-end;}.elementor-10 .elementor-element.elementor-element-e5c887f{z-index:2;}@media(max-width:767px){body:not(.rtl) .elementor-10 .elementor-element.elementor-element-a8fe12a{right:-10px;}body.rtl .elementor-10 .elementor-element.elementor-element-a8fe12a{left:-10px;}.elementor-10 .elementor-element.elementor-element-a8fe12a{top:199px;}.elementor-10 .elementor-element.elementor-element-e5c887f{z-index:1001;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-33c3984{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-99b041c */.resaltado {
  background-color: #ffeb3b; /* Un amarillo brillante, como un resaltador */
  color: #333; /* Color de texto oscuro para un mejor contraste */
  padding: 2px 5px; /* Pequeño espaciado alrededor del texto */
  border-radius: 3px; /* Bordes ligeramente redondeados */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5c887f */body {
  font-family: Arial, sans-serif;
  background: url(http://www.shukatsu-note.com/wp-content/uploads/2014/12/computer-564136_1280.jpg) no-repeat center center fixed;
  background-size: cover;
  height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

h1 {
  text-align: center;
  font-family: Tahoma, Arial, sans-serif;
  color: #06D85F;
  margin: 40px 0;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3); /* Sombra de texto para mejor visibilidad */
}

.box {
  width: 90%; /* Ajuste para mejor visualización en móvil */
  max-width: 500px; /* Ancho máximo para escritorios */
  margin: 0 auto;
  background: rgb(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px; /* Bordes más uniformes */
  /*backdrop-filter: blur(5px); /* Efecto de cristal esmerilado */
  background-clip: padding-box;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Sombra sutil */
}

.button {
  font-size: 1.2em; /* Tamaño de fuente más grande */
  padding: 12px 25px; /* Más espacio en el botón */
  color: #fff;
  background: #06D85F; /* Fondo de color para que sea más visible */
  border: 2px solid #06D85F;
  border-radius: 50px; /* Botones tipo pastilla */
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease-out, transform 0.2s ease-out; /* Transición más fluida */
}
.button:hover {
  background: #05a84e; /* Color de hover un poco más oscuro */
  transform: translateY(-2px); /* Efecto de "levantar" al pasar el mouse */
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(0, 0, 0, 0.8); /* Fondo más oscuro */
  transition: opacity 0.5s ease-in-out;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 10% auto; /* Centrado vertical más dinámico */
  padding: 20px 30px; /* Más padding */
  background: #fff;
  border-radius: 15px; /* Bordes más redondeados */
  width: 85%; /* Ajuste para móvil */
  max-width: 450px; /* Ancho máximo para escritorios */
  position: relative;
  transition: all 0.5s ease-in-out; /* Transición más rápida y suave */
  transform: scale(0.9); /* Inicia un poco más pequeño */
  box-shadow: 0 5px 15px rgba(0,0,0,0.3); /* Sombra más pronunciada para un efecto flotante */
}

.overlay:target .popup {
  transform: scale(1); /* Vuelve al tamaño normal al abrirse */
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
  border-bottom: 2px solid #eee; /* Línea separadora */
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.popup .close {
  position: absolute;
  top: 15px;
  right: 20px;
  transition: color 200ms ease-in-out;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #aaa; /* Color gris para un look más suave */
}
.popup .close:hover {
  color: #06D85F; /* Mismo color de hover que el botón */
}
.popup .content {
  max-height: 400px; /* Altura máxima para el contenido */
  overflow-y: auto; /* Permite desplazamiento vertical si el contenido es largo */
}

@media screen and (max-width: 768px){
  .box{
    width: 90%;
  }
  .popup{
    width: 90%;
  }
}/* End custom CSS */