.exito-stock-notify-panel {--esn-accent: #d97706;--esn-accent-dark: #b45309;--esn-accent-soft: #fff7ed;--esn-border: #fed7aa;--esn-text: #1f2937;--esn-muted: #6b7280;--esn-success: #15803d;--esn-success-soft: #f0fdf4;--esn-error: #b91c1c;--esn-error-soft: #fef2f2;position: relative;margin: 20px 0;padding: 22px;overflow: hidden;border: 3px solid var(--esn-border);border-radius: 10px;background: linear-gradient(135deg, var(--esn-accent-soft) 0%, #fff 75%);color: var(--esn-text);box-shadow: 0 6px 24px rgba(31, 41, 55, 0.06);}
.exito-stock-notify-status {display: block;}
.exito-stock-notify-copy {min-width: 0;}
.exito-stock-notify-badge {display: inline-flex;align-items: center;margin-bottom: 7px;padding: 4px 9px;border-radius: 999px;background: #ffedd5;color: #9a3412;font-size: 12px;font-weight: 700;line-height: 1.2;text-transform: uppercase;letter-spacing: 0.04em;}
.exito-stock-notify-title {margin: 0;padding: 0;color: var(--esn-text);font-size: clamp(20px, 2vw, 26px);font-weight: 700;line-height: 1.2;}
.exito-stock-notify-description {margin: 7px 0 0;color: #4b5563;font-size: 15px;line-height: 1.55;}
.exito-stock-notify-form {margin-top: 18px;}
.exito-stock-notify-fields {display: flex;align-items: stretch;width: 100%;max-width: 640px;}
.exito-stock-notify-form input[type="email"] {flex: 1 1 auto;min-width: 0;height: 48px;padding: 0 15px;border: 1px solid #d1d5db;border-right: 0;border-radius: 7px 0 0 7px;background: #fff;color: var(--esn-text);font-size: 15px;line-height: 1.2;box-shadow: none;transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.exito-stock-notify-form input[type="email"]::placeholder {color: #9ca3af;}
.exito-stock-notify-form input[type="email"]:focus {position: relative;z-index: 1;outline: none;border-color: var(--esn-accent);box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.14);}
.exito-stock-notify-form button {position: relative;min-height: 48px;padding: 0 21px !important;border: 1px solid #111827 !important;border-radius: 0 7px 7px 0 !important;background: #111827 !important;color: #fff !important;font-size: 14px !important;font-weight: 700 !important;line-height: 1.2 !important;white-space: nowrap !important;cursor: pointer !important;transition: background-color 0.2s ease, transform 0.2s ease !important;}
.exito-stock-notify-form button:hover {background: #000 !important;}
.exito-stock-notify-form button:focus-visible {outline: 3px solid rgba(17, 24, 39, 0.24);outline-offset: 2px;}
.exito-stock-notify-form button.is-loading {padding-right: 44px !important;opacity: 0.78;cursor: wait !important;}
.exito-stock-notify-form button.is-loading::after {content: '';position: absolute;top: 50%;right: 15px;width: 14px;height: 14px;margin-top: -7px;border: 2px solid rgba(255, 255, 255, 0.42);border-top-color: #fff;border-radius: 50%;animation: exito-stock-notify-spin 0.65s linear infinite;}
.exito-stock-notify-message {display: none;margin: 10px 0 0;padding: 10px 12px;border-radius: 6px;font-size: 14px;font-weight: 600;line-height: 1.45;}
.exito-stock-notify-message.is-visible {display: block;}
.exito-stock-notify-message.is-error {background: var(--esn-error-soft);color: var(--esn-error);}
.exito-stock-notify-privacy {margin: 9px 0 0;color: var(--esn-muted);font-size: 12px;line-height: 1.45;}
.exito-stock-notify-success {display: flex;align-items: flex-start;gap: 12px;margin-top: 18px;padding: 15px 16px;border: 1px solid #bbf7d0;border-radius: 8px;background: var(--esn-success-soft);color: #166534;}
.exito-stock-notify-success-icon {display: inline-flex;align-items: center;justify-content: center;flex: 0 0 28px;width: 28px;height: 28px;border-radius: 50%;background: #dcfce7;font-weight: 800;}
.exito-stock-notify-success strong,
.exito-stock-notify-success p {display: block;}
.exito-stock-notify-success strong {margin-bottom: 2px;font-size: 15px;}
.exito-stock-notify-success p {margin: 0;font-size: 14px;line-height: 1.45;}
.exito-already-subscribed {border-left-color: var(--esn-success);background: var(--esn-success-soft);}
.exito-stock-notify-expected-delivery {display: flex;align-items: center;gap: 10px;margin: 14px 0 16px;font-size: 14px;line-height: 1.5;}
.exito-stock-notify-expected-delivery-icon {display: inline-flex;align-items: center;justify-content: center;flex: 0 0 38px;width: 38px;height: 38px;animation: exito-stock-notify-truck-move 2.8s ease-in-out infinite;transform-origin: center center;}
.exito-stock-notify-expected-delivery-icon svg {width: 34px;height: 34px;overflow: visible;}
.exito-stock-notify-expected-delivery-icon svg * {fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round;}
.exito-stock-notify-expected-delivery-text {display: inline-flex;flex-wrap: wrap;align-items: baseline;gap: 5px;}
.exito-stock-notify-expected-delivery-label {opacity: 0.78;}
.exito-stock-notify-expected-delivery-date {font-weight: 700;}
@keyframes exito-stock-notify-spin {to {transform: rotate(360deg);}}
@media (max-width: 640px) {.exito-stock-notify-panel {padding: 18px;}.exito-stock-notify-status {gap: 11px;}.exito-stock-notify-icon {flex-basis: 38px;width: 38px;height: 38px;}.exito-stock-notify-fields {flex-direction: column;gap: 9px;}.exito-stock-notify-form input[type="email"],.exito-stock-notify-form button {width: 100%;border-radius: 7px !important;}.exito-stock-notify-form input[type="email"] {border-right: 1px solid #d1d5db;}}
@keyframes exito-stock-notify-truck-move {0%,100% {transform: translateX(0);}20% {transform: translateX(1px);}50% {transform: translateX(4px);}75% {transform: translateX(2px);}}
@media (max-width: 767px) {.exito-stock-notify-expected-delivery {align-items: flex-start;}.exito-stock-notify-expected-delivery-icon {flex: 0 0 34px;width: 34px;height: 34px;}.exito-stock-notify-expected-delivery-icon svg {width: 30px;height: 30px;}}
@media (prefers-reduced-motion: reduce) {.exito-stock-notify-expected-delivery-icon {animation: none;}}