.dc-suscripcion-box {
max-width: 480px;
font-family: 'Montserrat', sans-serif;
} .dc-suscripcion-box__hp {
position: absolute;
left: -9999px;
top: -9999px;
opacity: 0;
height: 0;
width: 0;
overflow: hidden;
pointer-events: none;
}
.dc-suscripcion-box__form {
display: flex;
align-items: stretch;
gap: 0;
border: 1px solid #ccc;
border-radius: 999px;
overflow: hidden;
background: #fff;
position: relative;
}
.dc-suscripcion-box__input {
flex: 1 1 auto;
min-width: 0;
padding: 0.85rem 1.25rem;
border: none;
font-size: 0.9375rem;
font-family: inherit;
outline: none;
background: transparent;
color: #555;
}
.dc-suscripcion-box__input::placeholder {
color: #999;
}
.dc-suscripcion-box__button {
padding: 0.85rem 1.75rem;
background: #111;
color: #fff;
border: none;
font-size: 0.9375rem;
font-weight: 600;
cursor: pointer;
transition: background 0.2s ease;
white-space: nowrap;
border-radius: 0 999px 999px 0;
}
.dc-suscripcion-box__button:hover {
background: #333;
}
.dc-suscripcion-box__button:disabled {
opacity: 0.7;
cursor: not-allowed;
}
.dc-suscripcion-box__message {
margin-top: 0.75rem;
padding: 0.75rem 1rem;
font-size: 0.875rem;
font-weight: 500;
border-radius: 8px;
display: none;
line-height: 1.5;
animation: dcFadeIn 0.3s ease;
}
.dc-suscripcion-box__message strong {
display: block;
font-size: 1rem;
margin-bottom: 0.25rem;
}
.dc-suscripcion-box__message.dc-success {
background: #e6fffa;
color: #065f46;
border: 1px solid #99f6e4;
}
.dc-suscripcion-box__message.dc-error {
background: #fff5f5;
color: #9b2c2c;
border: 1px solid #feb2b2;
}
@keyframes dcFadeIn {
from { opacity: 0; transform: translateY(-5px); }
to   { opacity: 1; transform: translateY(0); }
}