/*!/wp-content/plugins/happymami_regalos/assets/style/custom.css*/@font-face {
    font-family: 'Euclid Circular';
    src: url('https://happymami.com/wp-content/uploads/2024/04/Euclid-Circular-B-Regular-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
 font-display:swap;}
@font-face {
    font-family: 'Euclid Circular SemiBold';
    src: url('https://happymami.com/wp-content/uploads/2024/04/Euclid-Circular-B-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
 font-display:swap;}

#happyregalo {
    width: 100%;
}
    #happyregalo * {
        font-family: "Euclid Circular B", Sans-serif;
    }

#happyregalo .code-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

#happyregalo .code-container #happymami_code {
    border-radius: 30px 0 0 30px;
    padding: .5rem;
    font-weight: normal;
    color: #707070;
    text-align: center;
    border: 0;
}

#happyregalo .code-container button {
    background-color: #F5B09C;
    color: #FFF;
    border-radius: 0 30px 30px 0;
    padding: .5rem 1.5rem;
    font-weight: bold;
    border: 0;
    z-index: 9999;
}

@media screen and (max-width: 1200px) {
    #happyregalo {
        width: auto;
        margin: 0 1rem;
    }
    #happyregalo .code-container button {
        padding: .5rem .5rem;
    }
}

/* Modal ¡Listo! — código de prueba */
.happymami-listo-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
}

.happymami-listo-modal[hidden] {
    display: none !important;
}

.happymami-listo-modal.is-open {
    pointer-events: auto;
    opacity: 1;
    animation: happymami-listo-fade-in 0.28s ease forwards;
}

.happymami-listo-modal.is-closing {
    animation: happymami-listo-fade-out 0.28s ease forwards;
}

.happymami-listo-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(40, 28, 24, 0.42);
    backdrop-filter: blur(2px);
}

.happymami-listo-dialog {
    position: relative;
    z-index: 1;
    width: min(90vw, 320px);
    padding: 2.25rem 1.75rem 2rem;
    border-radius: 24px;
    background: linear-gradient(165deg, #fff9f6 0%, #ffffff 55%, #fff1eb 100%);
    box-shadow: 0 18px 50px rgba(80, 40, 30, 0.22);
    text-align: center;
    transform: scale(0.86) translateY(12px);
}

.happymami-listo-modal.is-open .happymami-listo-dialog {
    animation: happymami-listo-pop 0.45s cubic-bezier(0.22, 1.2, 0.36, 1) forwards;
}

.happymami-listo-check {
    width: 84px;
    height: 84px;
    margin: 0 auto 1rem;
}

.happymami-listo-check svg {
    width: 100%;
    height: 100%;
    display: block;
}

.happymami-listo-circle {
    stroke: #F5B09C;
    stroke-width: 2.5;
    stroke-dasharray: 160;
    stroke-dashoffset: 160;
}

.happymami-listo-tick {
    stroke: #E88A6F;
    stroke-width: 3.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
}

.happymami-listo-modal.is-open .happymami-listo-circle {
    animation: happymami-listo-draw 0.55s ease-out 0.1s forwards;
}

.happymami-listo-modal.is-open .happymami-listo-tick {
    animation: happymami-listo-draw 0.4s ease-out 0.45s forwards;
}

.happymami-listo-title {
    margin: 0;
    font-family: "Euclid Circular SemiBold", "Euclid Circular B", sans-serif;
    font-size: 2rem;
    line-height: 1.15;
    color: #3d2c28;
    letter-spacing: 0.01em;
    opacity: 0;
    transform: translateY(8px);
}

.happymami-listo-modal.is-open .happymami-listo-title {
    animation: happymami-listo-title-in 0.4s ease 0.55s forwards;
}

@keyframes happymami-listo-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes happymami-listo-fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes happymami-listo-pop {
    from {
        transform: scale(0.86) translateY(12px);
        opacity: 0.6;
    }
    to {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

@keyframes happymami-listo-draw {
    to { stroke-dashoffset: 0; }
}

@keyframes happymami-listo-title-in {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}