/* Homepage process only. The ID isolates these rules from legacy card styles. */
#zona-process { padding: 72px 0; background: #fff8f3; }
#zona-process .zona-steps-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 24px !important; margin: 0 !important; }
#zona-process .zona-steps-grid > .col { position: relative; width: auto !important; min-width: 0; max-width: none; padding: 0 !important; margin: 0 !important; }
#zona-process .zona-steps-grid > .col:not(:last-child)::after { content: ''; position: absolute; width: 24px; height: 2px; background: #e7b5ae; top: 49px; left: 100%; }
#zona-process .zona-step-card { display: block; height: 100%; min-height: 0; padding: 28px 24px !important; border: 1px solid #eaded7 !important; border-radius: 18px !important; background: #fff; text-align: left; box-shadow: 0 8px 24px rgba(77,45,29,.045) !important; transform: none; transition: box-shadow .2s ease, border-color .2s ease; }
#zona-process .zona-step-card::after { display: none !important; }
#zona-process .zona-step-num { display: flex !important; align-items: center !important; justify-content: center !important; top: 32px !important; right: 24px !important; bottom: auto !important; width: 32px !important; height: 32px !important; background: #fff8f3 !important; border: 1px solid #eaded7; border-radius: 50% !important; color: #9d3028 !important; font-size: 14px !important; font-weight: 700; line-height: 1 !important; letter-spacing: 0; }
#zona-process .zona-step-icon { width: 48px; height: 48px; margin: 0 0 24px; border-radius: 14px; background: #fff0ed; box-shadow: none; }
#zona-process .zona-step-icon > i { color: #e43d31; font-size: 24px; }
#zona-process .zona-step-title { margin: 0 0 12px !important; color: #302a26 !important; font-size: 18px !important; font-weight: 800; line-height: 1.35 !important; letter-spacing: -.02em; }
#zona-process .zona-step-desc { margin: 0 !important; color: #685c54 !important; font-size: 15px !important; line-height: 1.65 !important; text-align: left; }
#zona-process .zona-steps-more-wrap { position: relative; margin-top: 0 !important; padding-top: 32px; }
#zona-process .zona-steps-more-wrap::before { content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 32px; background: #e7b5ae; }
#zona-process .zona-secondary-link-btn { max-width: 100%; min-height: 48px; padding: 13px 22px; border: 1px solid #d8b5aa; border-radius: 999px; background: #fff; color: #9d3028; white-space: normal; text-align: center; line-height: 1.45; }
#zona-process .zona-secondary-link-btn:focus-visible { outline: 3px solid #9d3028; outline-offset: 4px; }
@media (hover: hover) {
  #zona-process .zona-step-card:hover { border-color: #dfada4 !important; box-shadow: 0 12px 28px rgba(77,45,29,.085) !important; transform: none; }
}
@media (max-width: 991.98px) {
  #zona-process .zona-steps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #zona-process .zona-steps-grid > .col:nth-child(2)::after { display: none; }
}
@media (max-width: 575.98px) {
  #zona-process { padding: 44px 0; }
  #zona-process .container { padding-left: 20px !important; padding-right: 20px !important; }
  #zona-process .zona-steps-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; padding-left: 32px; position: relative; }
  #zona-process .zona-steps-grid::before { content: ''; position: absolute; top: 32px; bottom: 32px; left: 10px; width: 2px; background: #e7b5ae; }
  #zona-process .zona-steps-grid > .col::before { content: ''; position: absolute; left: -27px; top: 29px; width: 12px; height: 12px; border: 3px solid #fff8f3; border-radius: 50%; background: #e43d31; box-sizing: border-box; }
  #zona-process .zona-steps-grid > .col::after { display: none; }
  #zona-process .zona-step-card { padding: 20px !important; }
  #zona-process .zona-step-num { top: 25px !important; right: 20px !important; }
  #zona-process .zona-step-icon { margin-bottom: 16px; }
  #zona-process .zona-steps-more-wrap { padding-top: 24px; padding-left: 32px; }
  #zona-process .zona-steps-more-wrap::before { height: 24px; left: calc(50% + 16px); }
  #zona-process .zona-secondary-link-btn { font-size: 14px; padding: 12px 16px; }
}

@keyframes zona-process-enter { from { opacity:0; transform:translate3d(0,24px,0); } to {opacity:1;transform:none;} }
@keyframes zona-process-safety { to {opacity:1;transform:none;} }
@media (prefers-reduced-motion:no-preference) {
#zona-process .process-wait {opacity:0;transform:translate3d(0,24px,0);}
#zona-process .zona-process-enter {animation:zona-process-enter 800ms cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--process-delay,0ms);}
}
@media (prefers-reduced-motion:reduce) {#zona-process *,#zona-process *::before,#zona-process *::after {animation:none!important;transition:none!important;}}