.elementor-34 .elementor-element.elementor-element-1ee61d6{--display:flex;--min-height:100vh;--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;--align-items:center;--padding-top:72px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-34 .elementor-element.elementor-element-1ee61d6:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-1ee61d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lioncrabent.com/wp-content/uploads/2026/01/Hero-Transition-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-34 .elementor-element.elementor-element-adaae32{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF26;--border-color:#FFFFFF26;--border-radius:24px 24px 24px 24px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-34 .elementor-element.elementor-element-adaae32:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-adaae32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C4;}.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-34 .elementor-element.elementor-element-89a4702{text-align:center;}.elementor-34 .elementor-element.elementor-element-89a4702 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-34 .elementor-element.elementor-element-2845749{text-align:center;color:#FFFFFF;}.elementor-34 .elementor-element.elementor-element-bb41a2d{text-align:center;}.elementor-34 .elementor-element.elementor-element-bb41a2d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;letter-spacing:1px;color:#FFFFFFB0;}@media(min-width:768px){.elementor-34 .elementor-element.elementor-element-adaae32{--width:90%;}}@media(max-width:767px){.elementor-34 .elementor-element.elementor-element-1ee61d6:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-1ee61d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lioncrabent.com/wp-content/uploads/2026/01/Hero-Transition-1.jpg");background-position:center center;}.elementor-34 .elementor-element.elementor-element-1ee61d6{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-34 .elementor-element.elementor-element-adaae32{--padding-top:52px;--padding-bottom:52px;--padding-left:20px;--padding-right:20px;}.elementor-34 .elementor-element.elementor-element-89a4702 .elementor-heading-title{font-size:35px;}.elementor-34 .elementor-element.elementor-element-bb41a2d .elementor-heading-title{line-height:1.5em;}}/* Start custom CSS for container, class: .elementor-element-adaae32 *//* =========================
   FONDO (SECCIÓN PADRE)
   Clase: glass-bg
========================= */
.glass-bg{
  position: relative;
  overflow: hidden;
  background: radial-gradient(1200px 700px at 80% 30%, rgba(0, 160, 170, .35), transparent 60%),
              radial-gradient(900px 600px at 20% 70%, rgba(0, 90, 140, .35), transparent 55%),
              linear-gradient(135deg, #05070a 0%, #071018 35%, #06242c 100%);
  min-height: 100vh; /* opcional si quieres pantalla completa */
}

/* “Blobs” suaves tipo luz detrás */
.glass-bg::before,
.glass-bg::after{
  content:"";
  position:absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  filter: blur(40px);
  opacity: .55;
  pointer-events:none;
  z-index: 0;
}

.glass-bg::before{
  top: -120px;
  right: -140px;
  background: radial-gradient(circle at 30% 30%, rgba(0, 220, 210, .55), transparent 60%);
}

.glass-bg::after{
  bottom: -160px;
  left: -140px;
  background: radial-gradient(circle at 40% 40%, rgba(70, 120, 255, .35), transparent 65%);
}

/* Asegura que el contenido quede por encima del fondo */
.glass-bg > .e-con-inner,
.glass-bg > .elementor-container{
  position: relative;
  z-index: 1;
}


/* =========================
   TARJETA GLASS (FORM WRAP)
   Clase: glass-card
========================= */
.glass-card{
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 20px 60px rgba(0,0,0,.55);
  border-radius: 18px;
  padding: 38px 34px;
  max-width: 720px;      /* ajusta a gusto */
  margin: 0 auto;        /* centra */
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
}

/* Borde “highlight” sutil arriba (detalle premium) */
.glass-card{
  position: relative;
}
.glass-card::before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,0));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
  opacity: .75;
}


/* =========================
   ESTILO DE CAMPOS (Elementor Form)
========================= */

/* Labels y textos */
.glass-card .elementor-field-label,
.glass-card label{
  color: rgba(255,255,255,.70);
}

/* Inputs, selects, textarea */
.glass-card input.elementor-field,
.glass-card select.elementor-field,
.glass-card textarea.elementor-field{
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.92);
  border-radius: 12px;
  padding: 14px 14px;
  outline: none;
  transition: all .2s ease;
}

/* Placeholder */
.glass-card input.elementor-field::placeholder,
.glass-card textarea.elementor-field::placeholder{
  color: rgba(255,255,255,.45);
}

/* Focus */
.glass-card input.elementor-field:focus,
.glass-card select.elementor-field:focus,
.glass-card textarea.elementor-field:focus{
  border-color: rgba(0, 210, 200, .55);
  box-shadow: 0 0 0 4px rgba(0, 210, 200, .12);
  background: rgba(0,0,0,.22);
}

/* Botón */
.glass-card .elementor-button{
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: linear-gradient(135deg, rgba(0, 210, 200, .35), rgba(0, 110, 140, .35));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 14px 30px rgba(0,0,0,.45);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.glass-card .elementor-button:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0,0,0,.55);
  filter: brightness(1.08);
}

/* (Opcional) Íconos de date/phone en algunos navegadores */
.glass-card input[type="date"]{
  color-scheme: dark; /* hace el date picker más coherente en modo oscuro */
}

/* Responsive */
@media (max-width: 767px){
  .glass-card{
    padding: 26px 18px;
    border-radius: 16px;
  }
}/* End custom CSS */