/* WPForms retains ownership of pages, required fields, errors and submission. */
#page-container .colada-marketing-start {
    --cs-ink: #252827;
    --cs-muted: #515b58;
    --cs-line: #7e8d86;
    --cs-teal: #62c7c2;
    --cs-yellow: #fdcf09;
    box-sizing: border-box;
    width: calc(100% - 64px);
    max-width: 1120px;
    margin: 0 auto;
    padding: 36px 0 80px;
    color: #252827;
    font: 400 16px/1.65 Montserrat, Helvetica, Arial, sans-serif;
    letter-spacing: 0;
}
#page-container .colada-marketing-start *,
#page-container .colada-marketing-start *::before,
#page-container .colada-marketing-start *::after { box-sizing: border-box; }
#page-container .colada-marketing-start > header { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 32px; align-items: center; margin-bottom: 36px; }
#page-container .colada-start-intro { min-width: 0; }
#page-container .colada-start-art { display: block; width: 240px; max-width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; mix-blend-mode: normal; }
#page-container .colada-marketing-start h1 {
    padding: 0 0 16px;
    color: #252827 !important;
    font: 700 42px/1.2 Montserrat, Helvetica, Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    overflow-wrap: break-word;
}
#page-container .colada-marketing-start h1::after { content: ''; display: block; width: 156px; height: 8px; margin-top: 18px; background: #fdcf09; }
#page-container .colada-start-intro p { margin: 0; padding: 0; color: #515b58; font-size: 16px; line-height: 1.65; }
#page-container .colada-start-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); grid-template-areas: 'main summary'; gap: 48px; align-items: start; }
#page-container .colada-start-main { grid-area: main; min-width: 0; }
#page-container .colada-start-summary { grid-area: summary; min-width: 0; padding: 24px; border: 0; border-top: 8px solid #fdcf09; border-radius: 6px; background: #62c7c2; }
#page-container .colada-start-summary > label { display: block; color: #252827; font-size: 13px; font-weight: 600; line-height: 1.5; }
#page-container .colada-start-summary [data-start-package] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 52px;
    margin: 8px 0 0;
    padding: 10px 36px 10px 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    border-bottom: 2px solid #252827 !important;
    border-radius: 0 !important;
    color: #252827 !important;
    background-color: transparent !important;
    background-image: url('chevron-down.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: right center !important;
    box-shadow: none !important;
    font: 600 18px/1.5 Montserrat, Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    cursor: pointer;
}
#page-container .colada-start-summary [data-start-price] { margin: 20px 0 14px; padding: 0; color: #252827; font-size: 24px; font-weight: 600; line-height: 1.4; }
#page-container .colada-start-summary [data-start-inclusions] { margin: 0; padding: 0; list-style: none; }
#page-container .colada-start-summary [data-start-inclusions] li { margin: 0; padding: 10px 0; border-bottom: 1px solid rgba(37, 40, 39, .2); color: #214844; font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
#page-container .colada-start-summary [data-start-summary-note] { margin: 22px 0 0; padding: 0; color: #214844; font-size: 12px; line-height: 1.75; }
#page-container .colada-start-compare { display: inline-flex; align-items: center; min-height: 44px; margin-top: 6px; color: #252827; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
#page-container .colada-start-compare:hover { text-decoration-thickness: 2px; }
#page-container .colada-start-package-details { margin: 0; border: 0; }
#page-container .colada-start-package-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 12px 0; color: #252827; font-size: 13px; font-weight: 600; line-height: 1.5; list-style: none; cursor: pointer; }
#page-container .colada-start-package-details > summary::marker { content: ''; }
#page-container .colada-start-package-details > summary::-webkit-details-marker { display: none; }
#page-container .colada-start-package-details > summary::after { content: ''; flex: 0 0 20px; height: 20px; background: url('chevron-down.svg') center / 20px 20px no-repeat; transition: transform 160ms ease; }
#page-container .colada-start-package-details[open] > summary::after { transform: rotate(180deg); }
#page-container .colada-marketing-start.is-pending .colada-start-summary { opacity: .75; }
#page-container .colada-marketing-start.is-complete .colada-start-summary { border-color: #fdcf09; }

#page-container .colada-marketing-start .wpforms-container { margin: 0; }
#page-container .colada-marketing-start .wpforms-form { margin: 0; color: #252827; font-family: Montserrat, Helvetica, Arial, sans-serif; }
#page-container .colada-marketing-start .wpforms-field { padding: 0 0 26px; min-width: 0; }
#page-container .colada-marketing-start .wpforms-field-label { margin: 0 0 8px; color: #252827; font: 600 14px/1.5 Montserrat, Helvetica, Arial, sans-serif; letter-spacing: 0; }
#page-container .colada-marketing-start :is(.wpforms-field-sublabel, .wpforms-field-description) { margin-top: 8px; color: #515b58; font: 400 12px/1.6 Montserrat, Helvetica, Arial, sans-serif; letter-spacing: 0; }
#page-container .colada-marketing-start .wpforms-field-html > .wpforms-field-large > h2 { color: #252827; font: 600 26px/1.3 Montserrat, Helvetica, Arial, sans-serif; letter-spacing: 0; }
#page-container .colada-marketing-start .wpforms-field-limit-text { display: none !important; }
#page-container .colada-marketing-start .wpforms-required-label { color: #922b2b; }
#page-container .colada-marketing-start .wpforms-form :is(input[type='text'], input[type='email'], input[type='tel'], input[type='url'], input[type='number'], textarea, select) {
    width: 100%;
    max-width: 100%;
    min-height: 52px;
    height: auto;
    margin: 0;
    padding: 12px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #7e8d86 !important;
    border-radius: 0 !important;
    color: #252827 !important;
    background: transparent !important;
    font: 400 16px/1.5 Montserrat, Helvetica, Arial, sans-serif !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    transition: border-color 120ms ease;
}
#page-container .colada-marketing-start .wpforms-form select { appearance: none !important; -webkit-appearance: none !important; padding-right: 36px !important; background-image: url('chevron-down.svg') !important; background-repeat: no-repeat !important; background-position: right center !important; background-size: 20px 20px !important; cursor: pointer; }
#page-container .colada-marketing-start .wpforms-form textarea { height: 144px; min-height: 144px; resize: vertical; }
#page-container .colada-marketing-start .wpforms-form ::placeholder { color: #65726d; font-size: 15px; opacity: 1; }
#page-container .colada-marketing-start .wpforms-form :is(input[type='text'], input[type='email'], input[type='tel'], input[type='url'], input[type='number'], textarea, select):focus {
    border-bottom: 2px solid #267b76 !important;
    outline: none !important;
    box-shadow: none !important;
}
#page-container .colada-marketing-start .wpforms-field-row { width: 100%; max-width: 100%; }
#page-container .colada-marketing-start .wpforms-field-phone .iti { width: 100%; }
#page-container .colada-marketing-start .wpforms-field-phone .iti input { padding-left: 54px !important; }
#page-container .colada-marketing-start .wpforms-field-phone .iti__selected-country { padding: 0 8px; }
#page-container .colada-marketing-start :is(.wpforms-field-checkbox, .wpforms-field-radio) ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 22px; margin: 0; padding: 0; list-style: none; }
#page-container .colada-marketing-start :is(.wpforms-field-checkbox, .wpforms-field-radio) li { display: flex; align-items: flex-start; gap: 10px; width: 100% !important; float: none !important; min-width: 0; min-height: 48px; margin: 0 !important; padding: 10px 0 !important; border-bottom: 1px solid #d7e0de; }
#page-container .colada-marketing-start :is(input[type='checkbox'], input[type='radio']) { appearance: auto; flex: 0 0 18px; width: 18px; height: 18px; margin: 3px 0 0; accent-color: #267b76; }
#page-container .colada-marketing-start :is(.wpforms-field-checkbox, .wpforms-field-radio) li:has(input:checked) { border-bottom-color: #62c7c2; }
#page-container .colada-marketing-start .wpforms-field-label-inline { margin: 0; color: #252827; font: 400 14px/1.65 Montserrat, Helvetica, Arial, sans-serif; letter-spacing: 0; cursor: pointer; }
#page-container .colada-marketing-start .wpforms-page-indicator { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 28px; padding: 0 0 24px; border-bottom: 2px solid #62c7c2; }
#page-container .colada-marketing-start .wpforms-page-indicator-page { display: flex !important; align-items: center; gap: 8px; min-width: 0; margin: 0 !important; padding: 0 !important; }
#page-container .colada-marketing-start :is(.wpforms-page-indicator-page-title, .wpforms-page-indicator-steps, .wpforms-page-indicator-title) { color: #252827; font: 500 13px/1.5 Montserrat, Helvetica, Arial, sans-serif; letter-spacing: 0; }
#page-container .colada-marketing-start .wpforms-page-indicator-page-number { flex: 0 0 28px; width: 28px; min-width: 28px; height: 28px; min-height: 28px; margin: 0 !important; background: #e2f5f3 !important; color: #252827 !important; font: 600 13px/28px Montserrat, Helvetica, Arial, sans-serif; }
#page-container .colada-marketing-start .wpforms-page-indicator-page.active .wpforms-page-indicator-page-number { background: #fdcf09 !important; }
#page-container .colada-marketing-start .wpforms-page-indicator-page.active .wpforms-page-indicator-page-title { font-weight: 600; }
#page-container .colada-marketing-start .wpforms-page-indicator-page-title { min-width: 0; overflow-wrap: break-word; }
#page-container .colada-marketing-start .wpforms-field-pagebreak { padding-top: 8px; }
#page-container .colada-marketing-start :is(.wpforms-page-button, .wpforms-submit) {
    min-height: 50px;
    max-width: 100%;
    height: auto;
    padding: 12px 22px !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    color: #252827 !important;
    background: transparent !important;
    font: 600 15px/1.5 Montserrat, Helvetica, Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal;
    box-shadow: none !important;
    cursor: pointer;
}
#page-container .colada-marketing-start .wpforms-page-next { background: #62c7c2 !important; border-color: #62c7c2 !important; }
#page-container .colada-marketing-start .wpforms-page-button-group + .wpforms-page-button-group { margin-left: 12px !important; }
#page-container .colada-marketing-start .wpforms-submit { background: #fdcf09 !important; border-color: #fdcf09 !important; }
#page-container .colada-marketing-start .wpforms-page-prev { text-decoration: underline; text-underline-offset: 4px; }
#page-container .colada-marketing-start .wpforms-page-prev:hover { background: #e2f5f3 !important; color: #252827 !important; }
#page-container .colada-marketing-start .wpforms-page-next:hover { background: #fdcf09 !important; border-color: #fdcf09 !important; color: #252827 !important; }
#page-container .colada-marketing-start .wpforms-submit:hover { background: #62c7c2 !important; border-color: #62c7c2 !important; color: #252827 !important; }
#page-container .colada-marketing-start :is(.wpforms-page-button, .wpforms-submit):disabled { opacity: .6; cursor: wait; }
#page-container .colada-marketing-start :is(button, a, summary, [data-start-package], input[type='checkbox'], input[type='radio']):focus-visible { outline: 2px solid #252827; outline-offset: 4px; }
#page-container .colada-marketing-start .wpforms-submit-container { margin: 0; padding: 12px 0 0; }
#page-container .colada-marketing-start :is(label.wpforms-error, em.wpforms-error, .wpforms-error-container) { color: #922b2b !important; font: 400 13px/1.6 Montserrat, Helvetica, Arial, sans-serif; }
#page-container .colada-marketing-start .wpforms-form :is(input, textarea, select).wpforms-error { border-bottom-color: #922b2b !important; }
#page-container .colada-marketing-start :is(.wpforms-confirmation-container-full, .wpforms-confirmation-container) { margin: 0; padding: 28px 0; border: 0; border-top: 5px solid #62c7c2; border-radius: 0; background: transparent; color: #252827; font: 400 16px/1.75 Montserrat, Helvetica, Arial, sans-serif; }

#page-container .colada-start-review { margin: 8px 0 24px; padding: 24px 0 0; border-top: 3px solid #62c7c2; }
#page-container .colada-start-review h2 { margin: 0 0 16px; padding: 0; color: #252827; font: 600 23px/1.3 Montserrat, Helvetica, Arial, sans-serif; letter-spacing: 0; text-transform: none; }
#page-container .colada-start-review dl { margin: 0; }
#page-container .colada-start-review dl > div { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 20px; padding: 10px 0; border-bottom: 1px solid #d7e0de; }
#page-container .colada-start-review dt { color: #515b58; font-size: 13px; font-weight: 400; }
#page-container .colada-start-review dd { margin: 0; color: #252827; font-size: 14px; overflow-wrap: anywhere; white-space: pre-wrap; }

@media (max-width: 980px) {
    #page-container .colada-start-layout { grid-template-columns: minmax(0, 1fr) minmax(230px, 280px); gap: 32px; }
    #page-container .colada-start-summary { padding: 20px; }
    #page-container .colada-marketing-start .wpforms-page-indicator-page { flex-direction: column; align-items: flex-start; }
    #page-container .colada-marketing-start :is(.wpforms-field-checkbox, .wpforms-field-radio) ul { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
    #page-container .colada-marketing-start { width: calc(100% - 40px); padding: 32px 0 56px; }
    #page-container .colada-marketing-start > header { grid-template-columns: minmax(0, 1fr) 88px; gap: 12px; margin-bottom: 28px; }
    #page-container .colada-start-art { width: 88px; align-self: start; margin-top: 8px; }
    #page-container .colada-marketing-start h1 { font-size: 32px !important; }
    #page-container .colada-marketing-start h1::after { width: 100px; height: 6px; margin-top: 14px; }
    #page-container .colada-start-intro p { font-size: 14px; }
    #page-container .colada-start-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'summary' 'main'; gap: 32px; }
    #page-container .colada-start-summary { padding: 18px 20px; border-top-width: 6px; }
    #page-container .colada-start-summary [data-start-price] { margin: 14px 0 6px; font-size: 21px; }
    #page-container .colada-start-summary [data-start-summary-note] { margin-top: 12px; }
    #page-container .colada-start-summary [data-start-inclusions] li { padding: 8px 0; }
    #page-container .colada-marketing-start .wpforms-page-indicator { margin-bottom: 24px; padding-bottom: 20px; }
    #page-container .colada-marketing-start .wpforms-field { padding-bottom: 22px; }
    #page-container .colada-marketing-start .wpforms-submit { width: 100%; }
    #page-container .colada-start-review dl > div { grid-template-columns: 90px minmax(0, 1fr); gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    #page-container .colada-marketing-start *,
    #page-container .colada-marketing-start *::before,
    #page-container .colada-marketing-start *::after { transition: none !important; }
}
