/* =========================================================
   VS Venta de Sociedades - Reserva
   Generado desde el CSS global unificado del 09-09-2026.
   ========================================================= */

body.vsc-wizard-frame #vsc-floating-quote {
    display: grid !important;

    position: fixed !important;

    left: 50% !important;
    right: auto !important;

    top: auto !important;
    bottom: 18px !important;

    z-index: 2147483640 !important;

    grid-template-columns:
        1fr 1fr !important;

    width:
        min(520px,calc(100vw - 32px)) !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    transform:
        translateX(-50%) !important;

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #102b40 0%,
            #153950 55%,
            #102b40 100%
        ) !important;

    border:
        1px solid rgba(255,255,255,.14) !important;

    border-radius: 18px !important;

    box-shadow:
        0 22px 55px rgba(15,43,64,.30),
        0 8px 20px rgba(15,23,42,.14) !important;

    font-family:
        Inter,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif !important;
}

body.vsc-wizard-frame
#vsc-floating-quote[hidden] {
    display: none !important;
}

body.vsc-wizard-frame
#vsc-floating-quote
.vsc-floating-quote-part {
    min-width: 0 !important;

    padding:
        14px 20px 13px !important;

    box-sizing: border-box !important;
}

body.vsc-wizard-frame
#vsc-floating-quote
.vsc-floating-quote-part
+ .vsc-floating-quote-part {
    border-left:
        1px solid rgba(255,255,255,.16) !important;

    background:
        rgba(255,255,255,.055) !important;
}

body.vsc-wizard-frame
#vsc-floating-quote
.vsc-floating-quote-label {
    display: block !important;

    margin: 0 0 3px !important;

    color: #bdd2df !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .055em !important;

    text-transform: uppercase !important;
}

body.vsc-wizard-frame
#vsc-floating-quote
.vsc-floating-quote-value {
    display: block !important;

    margin: 0 !important;

    color: #fff !important;

    font-size: 21px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: -.02em !important;

    white-space: nowrap !important;
}

body.vsc-wizard-frame
#vsc-floating-quote
.vsc-floating-quote-reserve
.vsc-floating-quote-value {
    color: #8ee4b3 !important;
}

body.vsc-wizard-frame
#vsc-floating-quote
.vsc-floating-quote-reserve
.vsc-floating-quote-label {
    color: #c8ead7 !important;
}

body.vsc-wizard-frame.vsc-has-floating-quote {
    padding-bottom: 95px !important;
}

body.vsc-wizard-frame
.vsc-wizard-summary-rail {
    display: none !important;
}

body.vsc-wizard-frame
#wpforms-87-field_51-container
input[type="checkbox"] {
    position: static !important;

    display: inline-block !important;

    visibility: visible !important;

    opacity: 1 !important;

    pointer-events: auto !important;

    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;

    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;

    margin: 2px 9px 0 0 !important;
    padding: 0 !important;

    border: initial !important;

    clip: auto !important;
    clip-path: none !important;

    transform: none !important;

    accent-color: #0a6f89 !important;

    cursor: pointer !important;

    vertical-align: top !important;
}

body.vsc-wizard-frame
#wpforms-87-field_51-container ul {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

body.vsc-wizard-frame
#wpforms-87-field_51-container li {
    display: flex !important;

    align-items: flex-start !important;

    gap: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

body.vsc-wizard-frame
#wpforms-87-field_51-container label {
    display: inline !important;

    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #334155 !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-size: inherit !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    cursor: pointer !important;
}

body.vsc-wizard-frame
#wpforms-87-field_51-container label a {
    color: #0a6f89 !important;

    text-decoration: underline !important;

    pointer-events: auto !important;
}

@media (max-width: 680px){
body.vsc-wizard-frame
    #wpforms-form-87,

    body.vsc-wizard-frame
    #wpforms-form-87
    .wpforms-field,

    body.vsc-wizard-frame
    #wpforms-form-87
    .wpforms-field-container {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
body.vsc-wizard-frame
    #wpforms-form-87
    .wpforms-field-name
    .wpforms-field-row {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
    }
body.vsc-wizard-frame
    #wpforms-form-87
    .wpforms-field-name
    .wpforms-field-row-block {
        display: block !important;

        float: none !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 14px !important;
        padding: 0 !important;
    }
body.vsc-wizard-frame
    #wpforms-form-87
    .wpforms-one-half,

    body.vsc-wizard-frame
    #wpforms-form-87
    .wpforms-first,

    body.vsc-wizard-frame
    #wpforms-form-87
    .wpforms-one-third,

    body.vsc-wizard-frame
    #wpforms-form-87
    .wpforms-two-thirds {
        display: block !important;

        float: none !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }
body.vsc-wizard-frame
    #wpforms-form-87 input[type="text"],

    body.vsc-wizard-frame
    #wpforms-form-87 input[type="email"],

    body.vsc-wizard-frame
    #wpforms-form-87 input[type="tel"],

    body.vsc-wizard-frame
    #wpforms-form-87 input[type="number"],

    body.vsc-wizard-frame
    #wpforms-form-87 input[type="date"],

    body.vsc-wizard-frame
    #wpforms-form-87 select,

    body.vsc-wizard-frame
    #wpforms-form-87 textarea {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }
body.vsc-wizard-frame
    .vsc-wizard-step {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
body.vsc-wizard-frame
    .vsc-wizard-step
    .wpforms-field {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
body.vsc-wizard-frame
    #vsc-floating-quote
    .vsc-floating-quote-part,

    body.vsc-wizard-frame
    #vsc-floating-quote
    .vsc-floating-quote-label,

    body.vsc-wizard-frame
    #vsc-floating-quote
    .vsc-floating-quote-value {
        text-align: center !important;
    }
body.vsc-wizard-frame
    #vsc-floating-quote
    .vsc-floating-quote-label,

    body.vsc-wizard-frame
    #vsc-floating-quote
    .vsc-floating-quote-value {
        width: 100% !important;
    }
body.vsc-wizard-frame
    #vsc-floating-quote {
        left: 50% !important;
        right: auto !important;

        width:
            calc(100vw - 16px) !important;

        max-width: 520px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        transform:
            translateX(-50%) !important;
    }
}

@media (max-width: 560px){
body.vsc-wizard-frame
    #vsc-floating-quote {
        bottom: 9px !important;

        width:
            calc(100vw - 16px) !important;

        border-radius: 15px !important;
    }
body.vsc-wizard-frame
    #vsc-floating-quote
    .vsc-floating-quote-part {
        padding:
            11px 12px 10px !important;
    }
body.vsc-wizard-frame
    #vsc-floating-quote
    .vsc-floating-quote-value {
        font-size: 17px !important;
    }
body.vsc-wizard-frame
    #vsc-floating-quote
    .vsc-floating-quote-label {
        font-size: 9.5px !important;
    }
body.vsc-wizard-frame.vsc-has-floating-quote {
        padding-bottom: 84px !important;
    }
body.vsc-wizard-frame
    #wpforms-87-field_51-container
    input[type="checkbox"] {
        width: 19px !important;
        min-width: 19px !important;
        max-width: 19px !important;
        height: 19px !important;
    }
}

.vsi-form-selector,
#wpforms-form-87,
.vs-reserva-presentacion {
    font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
}

.vs-reserva-presentacion,
.vsi-form-selector,
#wpforms-form-87 {
    box-sizing: border-box !important;
}

.vsi-oculto {
  display: none !important;
}

.vs-reserva-presentacion,
.vsi-form-selector,
#wpforms-form-87 {
  width: min(1120px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin-left: 50% !important;
  margin-right: 0 !important;
  transform: translateX(-50%) !important;
}

.vs-reserva-presentacion {
  margin-top: 10px !important;
  margin-bottom: 38px !important;
  padding: 34px 38px !important;
  color: #334155 !important;
  background: linear-gradient(135deg, #f8fbfd 0%, #eef7fb 100%) !important;
  border: 1px solid #dbeaf3 !important;
  border-radius: 28px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .045) !important;
}

.vs-reserva-etiqueta {
  display: inline-block;
  margin-bottom: 14px;
  padding: 7px 13px;
  color: #075985;
  background: #e0f2fe;
  border: 1px solid #bae6fd;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
}

.vs-reserva-presentacion h2 {
  margin: 0 0 14px;
  color: #0f172a;
  font-size: 34px;
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: -.5px;
}

.vs-reserva-presentacion p {
  margin: 0 0 12px;
  color: #475569;
  font-size: 17px;
  line-height: 1.65;
}

.vs-reserva-pasos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 22px 0 18px;
}

.vs-reserva-pasos div {
  padding: 18px !important;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: 18px !important;
  box-shadow: none !important;
}

.vs-reserva-pasos strong {
  display: block;
  margin-bottom: 7px;
  color: #0f172a;
  font-size: 15px;
}

.vs-reserva-pasos span {
  display: block;
  color: #64748b;
  font-size: 14px;
  line-height: 1.45;
}

.vs-reserva-aviso {
  padding: 14px 16px;
  color: #713f12;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 16px;
  font-size: 15px;
  line-height: 1.55;
}

.vsi-form-selector {
  margin-bottom: 34px !important;
  padding: 26px !important;
  background: #fff !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .04) !important;
}

.vsi-form-selector .vsi-form-option {
  margin-bottom: 12px !important;
  border-radius: 18px !important;
  transition: transform .18s ease, box-shadow .18s ease;
}

.vsi-form-selector .vsi-form-option:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 25px rgba(15, 23, 42, .08);
}

#wpforms-form-87 {
  padding: 26px !important;
  background: #fff !important;
  border: 1px solid #dbe4ef !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .04) !important;
}

#wpforms-form-87 .wpforms-field {
  padding: 12px 0;
}

#wpforms-form-87 .wpforms-field-label {
  margin-bottom: 8px;
  color: #0f172a;
  font-size: 15px;
  font-weight: 800;
}

#wpforms-form-87 .wpforms-field-sublabel {
  color: #0f172a;
}

#wpforms-form-87 .wpforms-field-required {
  color: #dc2626;
}

#wpforms-form-87 input[type="text"],
#wpforms-form-87 input[type="email"],
#wpforms-form-87 input[type="tel"],
#wpforms-form-87 input[type="number"],
#wpforms-form-87 input[type="url"],
#wpforms-form-87 input[type="date"],
#wpforms-form-87 select,
#wpforms-form-87 textarea {
  width: 100%;
  padding: 13px 14px !important;
  color: #0f172a !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  font-size: 15px !important;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

#wpforms-form-87 textarea {
  min-height: 120px;
}

#wpforms-form-87 input:focus,
#wpforms-form-87 select:focus,
#wpforms-form-87 textarea:focus {
  outline: none !important;
  background: #fff !important;
  border-color: #0ea5e9 !important;
  box-shadow: 0 0 0 4px rgba(14, 165, 233, .14) !important;
}

#wpforms-form-87 .wpforms-field-radio ul,
#wpforms-form-87 .wpforms-field-checkbox ul,
#wpforms-form-87 ul.wpforms-image-choices {
  display: grid;
  gap: 10px;
  margin-top: 8px;
}

#wpforms-form-87 .wpforms-field-radio li,
#wpforms-form-87 .wpforms-field-checkbox li {
  margin: 0 !important;
  padding: 12px 14px !important;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

#wpforms-form-87 .wpforms-field-radio li:hover,
#wpforms-form-87 .wpforms-field-checkbox li:hover {
  background: #fff;
  border-color: #93c5fd;
}

#wpforms-form-87 .wpforms-field-radio li:has(input:checked),
#wpforms-form-87 .wpforms-field-checkbox li:has(input:checked) {
  background: #ecfeff;
  border-color: #0ea5e9;
  box-shadow: 0 8px 20px rgba(14, 165, 233, .10);
}

#wpforms-form-87 .wpforms-field-radio input,
#wpforms-form-87 .wpforms-field-checkbox input {
  margin-right: 9px;
}

#wpforms-form-87 .wpforms-field-description {
  margin-top: 7px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
}

#wpforms-form-87 .wpforms-field-file-upload {
  padding: 18px;
  background: #f8fafc;
  border: 1px dashed #94a3b8;
  border-radius: 18px;
}

#wpforms-form-87 .wpforms-field-file-upload input[type="file"] {
  width: 100%;
  padding: 14px;
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
}

#wpforms-form-87 .wpforms-submit-container {
  padding-top: 24px;
}

#wpforms-form-87 button[type="submit"],
#wpforms-form-87 .wpforms-submit {
  width: 100%;
  padding: 17px 24px !important;
  color: #fff !important;
  background: #0f172a !important;
  border: 0 !important;
  border-radius: 16px !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

#wpforms-form-87 button[type="submit"]:hover,
#wpforms-form-87 button[type="submit"]:focus,
#wpforms-form-87 .wpforms-submit:hover,
#wpforms-form-87 .wpforms-submit:focus {
  background: #075985 !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(7, 89, 133, .22);
}

@media (max-width: 768px){
.vs-reserva-presentacion,
    .vsi-form-selector,
    #wpforms-form-87 {
        width: calc(100vw - 28px) !important;
        margin-left: 50% !important;
        padding: 20px !important;
        border-radius: 20px !important;
        transform: translateX(-50%) !important;
    }
.vs-reserva-presentacion h2 {
        font-size: 27px !important;
    }
.vs-reserva-pasos {
        grid-template-columns: 1fr !important;
    }
#wpforms-form-87 .wpforms-field-name .wpforms-field-row,
    #wpforms-form-87 .wpforms-field-address .wpforms-field-row {
        display: block;
    }
}

@media (prefers-reduced-motion: reduce){
.vsi-form-selector .vsi-form-option,
    #wpforms-form-87 input,
    #wpforms-form-87 select,
    #wpforms-form-87 textarea,
    #wpforms-form-87 button {
        transition: none !important;
    }
}
