.dw {
width: 100%;
/* Cambiamos min-height por un valor más robusto */
min-height: 100vh;
background: #f0faf7;
display: flex;
align-items: center;
justify-content: center;
/* Padding dinámico para que no se pegue al borde */
padding: clamp(40px, 8vh, 70px) 20px;
position: relative;
overflow: hidden;
box-sizing: border-box;
}
.dw-grid {
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(0,180,140,0.07) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,180,140,0.07) 1px, transparent 1px);
background-size: 52px 52px;
}

/* Ajuste sutil: usamos max-width para que los blobs no se coman el contenido en móviles */
.dw-blob1, .dw-blob2 {
position: absolute;
border-radius: 50%;
pointer-events: none;
max-width: 90vw;
max-height: 90vw;
}
.dw-blob1 {
position: absolute;
width: 500px; height: 500px;
border-radius: 50%;
background: radial-gradient(circle, rgba(0,191,166,0.13) 0%, transparent 65%);
top: -120px; right: -100px;
pointer-events: none;
}

.dw-blob2 {
position: absolute;
width: 380px; height: 380px;
border-radius: 50%;
background: radial-gradient(circle, rgba(0,191,166,0.09) 0%, transparent 65%);
bottom: -80px; left: -80px;
pointer-events: none;
}

.dw-inner {
position: relative;
z-index: 2;
max-width: 620px;
width: 100%;
text-align: center;
}

.dw-badge {
display: inline-flex;
align-items: center;
gap: 7px;
background: #fff;
border: 1px solid rgba(0,180,140,0.25);
border-radius: 999px;
padding: 6px 16px;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #0a9e82;
margin-bottom: 28px;
box-shadow: 0 1px 4px rgba(0,180,140,0.1);

}

.dw-dot {
width: 6px; height: 6px;
border-radius: 50%;
background: #00bfa6;
animation: dw-blink 2s infinite;
}

@keyframes dw-blink {
0%,100% { opacity: 1; }
50% { opacity: 0.35; }
}

.dw-title {
font-size: clamp(30px, 5vw, 50px);
font-weight: 700;
color: #0d2e27;
line-height: 1.1;
letter-spacing: -0.02em;
margin-bottom: 16px;
}

.dw-title span { color: #00a88c; }

.dw-sub {
font-size: 17px;
color: #4a7a6d;
line-height: 1.7;
max-width: 440px;
margin: 0 auto 40px;
}

.dw-divider {
display: flex;
align-items: center;
gap: 12px;
margin: 0 auto 32px;
max-width: 320px;
}
.dw-divider-line { flex: 1; height: 1px; background: rgba(0,180,140,0.18); }
.dw-divider-label { font-size: 12px; color: #9ec9bf; letter-spacing: 0.08em; white-space: nowrap; }
.dw-box {
background: #fff;
border: 1px solid rgba(0,180,140,0.18);
border-radius: 20px;
padding: 40px 32px;
margin-bottom: 24px;
box-shadow: 0 4px 24px rgba(0,180,140,0.08);
}
.dw-footer { font-size: 14px; color: #7aaa9e; }
.dw-footer a { color: #00a88c; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 480px) {
.dw { padding: 48px 16px; }
.dw-box { padding: 28px 16px; }
}