.elementor-251 .elementor-element.elementor-element-62da458{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:05%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-251 .elementor-element.elementor-element-5c92fbd{--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;}.elementor-251 .elementor-element.elementor-element-b4ba9b1{--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;--justify-content:center;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.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-251 .elementor-element.elementor-element-bdd6122 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:30px;font-weight:600;}.elementor-251 .elementor-element.elementor-element-52a0531 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:20px;font-weight:400;}.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 );}@media(min-width:768px){.elementor-251 .elementor-element.elementor-element-5c92fbd{--width:50%;}.elementor-251 .elementor-element.elementor-element-b4ba9b1{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-05b762d *//* === FORMULARIO REGISTRO B2B - MULTITECNOLOGÍA VYV === */
/* Asigna el ID "registro-b2b" a la sección que contiene el shortcode [b2bking_registration] */

#registro-b2b {
  font-family: 'Outfit', sans-serif;
}

/* Contenedor principal */
#registro-b2b .b2bking_registration_container {
  max-width: 880px;
  margin: 0 auto;
  padding: 40px 50px;
  background: #FAFAFA;
  border: 1px solid #E5E6F2;
  border-radius: 6px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

/* Títulos */
#registro-b2b h2,
#registro-b2b h3 {
  color: #0B2447; /* Principal */
  font-weight: 700;
  margin-bottom: 20px;
  text-align: left;
}

/* Textos y descripciones */
#registro-b2b p,
#registro-b2b label {
  color: #54595F; /* Secundario */
  font-size: 14px;
  line-height: 1.4;
}

/* === Diseño en dos columnas === */
#registro-b2b .b2bking_registration_fields {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

#registro-b2b .b2bking_registration_field,
#registro-b2b .b2bking_registration_container .form-row {
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
}

/* Campos full width (como contraseña o checkbox) */
#registro-b2b .b2bking_registration_field.full,
#registro-b2b .b2bking_registration_container .form-row.full {
  width: 100%;
}

@media (max-width: 768px) {
  #registro-b2b .b2bking_registration_field,
  #registro-b2b .b2bking_registration_container .form-row {
    width: 100%;
  }
}

/* Inputs y selects */
#registro-b2b input[type="text"],
#registro-b2b input[type="email"],
#registro-b2b input[type="tel"],
#registro-b2b input[type="password"],
#registro-b2b select,
#registro-b2b textarea {
  border: 1px solid #E5E6F2;
  border-radius: 6px;
  background-color: #FFFFFF;
  color: #7A7A7A;
  padding: 10px 14px;
  height: 44px;
  font-size: 15px;
  font-family: 'Outfit', sans-serif;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Textareas */
#registro-b2b textarea {
  min-height: 100px;
  resize: vertical;
}

/* Focus */
#registro-b2b input:focus,
#registro-b2b select:focus,
#registro-b2b textarea:focus {
  border-color: #00B8D9;
  box-shadow: 0 0 0 2px rgba(0, 184, 217, 0.2);
  outline: none;
}

/* Placeholders */
#registro-b2b ::placeholder {
  color: #A0A0A0;
  font-family: 'Outfit', sans-serif;
}

/* Campos requeridos */
#registro-b2b label .required {
  color: #00B8D9; /* Énfasis */
}

/* Botón principal */
#registro-b2b button,
#registro-b2b .button {
  background-color: #0B2447; /* Principal */
  color: #FFFFFF;
  font-weight: 600;
  font-size: 15px;
  border: none;
  border-radius: 6px;
  padding: 12px 28px;
  cursor: pointer;
  transition: background-color 0.25s ease, transform 0.1s ease;
  font-family: 'Outfit', sans-serif;
  align-self: flex-start;
}

#registro-b2b button:hover,
#registro-b2b .button:hover {
  transform: translateY(-1px);
}

#registro-b2b button:active,
#registro-b2b .button:active {
  transform: translateY(0);
}

/* Checkbox / términos */
#registro-b2b .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #54595F;
}

/* Enlaces */
#registro-b2b a {
  color: #00B8D9;
  text-decoration: none;
  transition: color 0.2s ease;
}

#registro-b2b a:hover {
  text-decoration: underline;
}

/* Mensajes de error o aviso */
#registro-b2b .woocommerce-error,
#registro-b2b .b2bking_error {
  background: #fff4f4;
  border: 1px solid #ffd6d6;
  color: #a61b1b;
  border-radius: 6px;
  padding: 10px 14px;
  font-family: 'Outfit', sans-serif;
}

/* Responsivo: inputs al 100% en móvil */
@media (max-width: 768px) {
  #registro-b2b .b2bking_registration_field,
  #registro-b2b .b2bking_registration_container .form-row {
    width: 100%;
  }
}


/* === BOTÓN MOSTRAR CONTRASEÑA === */
#registro-b2b .show-password-input {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s ease, transform 0.1s ease;
}

/* Hover y focus */
#registro-b2b .show-password-input:hover,
#registro-b2b .show-password-input:focus {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
  outline: none;
}


/* Asegura que el botón no desplace el input */
#registro-b2b .woocommerce-input-wrapper {
  position: relative;
}/* End custom CSS */