/* CONTENEDOR PRINCIPAL */
#form-scallop {
    position: relative;
    padding: 4px 4px; /* 🔥 espacio interno real */
    box-sizing: border-box;

    /* 🔥 rompe el margin collapse */
    display: flow-root;
}

/* FONDO CON MÁSCARA */
#form-scallop::before {
    content: "";
    position: absolute;
    inset: 0;

    background-color: #ffb8b8;

    -webkit-mask-image: url("https://santodulcechurros.com/wp-content/uploads/2026/02/marco-negro-1.svg");
    mask-image: url("https://santodulcechurros.com/wp-content/uploads/2026/02/marco-negro-1.svg");

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    z-index: 0;
}

/* CONTENIDO ENCIMA DEL FONDO */
#form-scallop > * {
    position: relative;
    z-index: 1;
}

/* 🔥 Evita que el primer elemento tenga margin-top colapsado */
#form-scallop form {
    margin: 0;
}

/* Opcional: quitar margin del primer hijo */
#form-scallop form > *:first-child {
    margin-top: 0;
}