.elementor-6962 .elementor-element.elementor-element-1209d08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6962 .elementor-element.elementor-element-46b6ef8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-6962:not(.elementor-motion-effects-element-type-background), body.elementor-page-6962 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );background-image:url("https://cloudtivity.com/wp-content/uploads/2025/11/fondo-l.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}body.elementor-page-6962{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:1025px){body.elementor-page-6962:not(.elementor-motion-effects-element-type-background), body.elementor-page-6962 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for shortcode, class: .elementor-element-46b6ef8 */.ct-reg-wrap { max-width: 720px; margin: 0 auto; }
.ct-reg-msg { padding: 12px 14px; border-radius: 10px; margin-bottom: 14px; font-weight: 600; }
.ct-reg-error { background:#fff1f2; color:#991b1b; }
.ct-reg-ok { background:#ecfdf5; color:#065f46; }
.ct-reg-form .ct-row { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
@media (max-width:700px){ .ct-reg-form .ct-row { grid-template-columns:1fr; } }
.ct-field { margin-bottom:14px; }
.ct-field label { display:block; font-weight:700; margin-bottom:6px; }
.ct-field input { width:100%; padding:12px 14px; border:1px solid #d7e6f2; border-radius:10px; }
.ct-check { display:flex; align-items:center; gap:8px; margin:10px 0 16px; }
.ct-btn { background:#0076BE; color:#fff; font-weight:800; padding:14px 22px; border-radius:12px; border:0; cursor:pointer; }
.ct-btn:hover { background:#2E9DA9; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1209d08 *//* Contenedor principal tipo tarjeta con dos paneles */
.ct-card-reg{
  max-width: 1100px;
  margin: 24px auto 60px;
  border-radius: 18px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.05fr 1fr; /* izquierda | derecha */
  box-shadow: 0 16px 34px rgba(0,0,0,.10);
}

/* Panel izquierdo con degradado y logo */
.ct-card-left{
  background: linear-gradient(170deg, #0076BE 0%, #267C86 100%);
  padding: 40px 24px;
  display: grid;
  place-items: center;
}
.ct-card-logo{
  width: min(380px, 80%);
  height: auto;
  display:block;
}

/* Panel derecho (formulario) */
.ct-card-right{
  background: #fff;
  padding: 34px 38px 40px;
}
.ct-card-title{
  font-family: "Livvic", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(28px, 3.4vw, 49px);
  color: #0076BE;
  margin: 0 0 18px;
  text-align: center;
}

/* Mensajes */
.ct-reg-msg{padding:12px 14px;border-radius:12px;margin:0 0 16px;font-weight:600}
.ct-reg-error{background:#fff1f2;color:#991b1b}
.ct-reg-ok{background:#ecfdf5;color:#065f46}

/* Formulario */
.ct-reg-form .ct-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width: 860px){.ct-card-reg{grid-template-columns:1fr}
  .ct-card-left{padding:28px 20px}
  .ct-reg-form .ct-row{grid-template-columns:1fr}
}
.ct-field{margin-bottom:14px}
.ct-field label{display:block;font-weight:500;color:#0076BE;margin:0 0 6px; font-size: 16px;}
.ct-field input{
  width:100%;
  padding:14px 16px;
  border:2px solid #1E7BB5;             /* borde azul */
  border-radius:20px !important;                    /* estilo pill */
  outline: none;
  font-size:16px;
  transition: box-shadow .15s, border-color .15s;
}
.ct-field input:focus{
  border-color:#0076BE;
  box-shadow:0 0 0 4px rgba(0,118,190,0.15);
}

/* Checkbox */
.ct-check{display:flex;align-items:center;gap:10px;margin:6px 0 16px;color:#0a2540;font-weight:600}
.ct-check input{accent-color:#0076BE}

/* Botón */
.ct-btn{
  width:100%;
  border:0;
  border-radius:999px;
  padding:14px 20px;
  font-weight:600;
  font-size:16px;
  background:#0076BE;
  color:#fff;
  cursor:pointer;
  transition:background .15s, transform .02s;
}
.ct-btn:hover{background:#267C86}
.ct-btn:active{transform:translateY(1px)}/* End custom CSS */