/* =========================================================
   Mi Casa Abierta — Estilos
   ========================================================= */

body {
    font-family: 'Nunito', sans-serif;
}

.font-display {
    font-family: 'Fredoka', sans-serif;
}

input, select, textarea {
    font-size: 16px;
}

.doodle-underline {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'%3E%3Cpath d='M3 9 Q 18 2 33 8 T 63 8 T 93 8 T 117 7' stroke='%23D89B4A' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 0.5em;
    padding-bottom: 0.05em;
}

.blob   { border-radius: 48% 52% 56% 44% / 54% 46% 54% 46%; }
.blob-2 { border-radius: 56% 44% 47% 53% / 45% 55% 45% 55%; }

@keyframes floaty {
    0%, 100% { transform: translateY(0) rotate(var(--rot, 0deg)); }
    50%      { transform: translateY(-7px) rotate(var(--rot, 0deg)); }
}
.floaty { animation: floaty 5s ease-in-out infinite; }

/* Estado bloqueado del Paso 2 */
.paso2-bloqueado {
    max-height: 24rem;
    overflow: hidden;
    opacity: .4;
    filter: blur(2px);
    pointer-events: none;
    user-select: none;
}

@media (prefers-reduced-motion: reduce) {
    .floaty { animation: none; }
    * { transition: none !important; }
}

a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, [tabindex]:focus-visible {
    outline: 3px solid #B23A1F;
    outline-offset: 2px;
}

/* El iframe de LeadConnector trae su propio alto inline vía JS,
   esto solo asegura que no se desborde del contenedor en pantallas chicas */
#form-embed-wrap iframe {
    width: 100%;
    border: none;
    display: block;
}