.pedido-container{

    width:calc(100% - 40px);

    max-width:700px;

    margin:140px auto 80px auto;
}

.pedido-card{

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.08);

    border-radius:28px;

    padding:40px;
}

.pedido-card h1{

    text-align:center;

    color:white;

    font-size:42px;

    margin-bottom:12px;
}

.pedido-subtitulo{

    text-align:center;

    color:rgba(255,255,255,.65);

    line-height:1.7;

    margin-bottom:40px;
}

.pedido-card h2{

    color:#d9bf69;

    margin-bottom:18px;

    font-size:20px;
}

.grupo-botones{

    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(90px,1fr));

    gap:12px;

    margin-bottom:35px;
}

.grupo-botones button{

    height:52px;

    border-radius:14px;

    border:1px solid rgba(255,255,255,.08);

    background:rgba(255,255,255,.03);

    color:white;

    font-size:16px;

    cursor:pointer;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.grupo-botones button:hover{

    transform:translateY(-2px);

    border-color:rgba(217,191,105,.30);
}

.grupo-botones button.activo{

    background:#d9bf69;

    color:#121827;

    border-color:#d9bf69;

    font-weight:700;
}

.resultado{

    margin-top:20px;

    padding:30px 0;

    border-top:1px solid rgba(255,255,255,.08);

    border-bottom:1px solid rgba(255,255,255,.08);

    text-align:center;
}

.resultado span{

    display:block;

    color:rgba(255,255,255,.55);

    font-size:14px;

    letter-spacing:2px;

    margin-bottom:10px;
}

#precio{

    color:#d9bf69;

    font-size:48px;

    font-weight:700;
}

.resumen{

    margin-top:25px;

    text-align:center;
}

.resumen p{

    color:rgba(255,255,255,.70);

    margin-bottom:8px;

    font-size:15px;
}

.boton-whatsapp{

    display:block;

    width:100%;

    margin-top:35px;

    text-align:center;

    text-decoration:none;

    background:#d9bf69;

    color:#121827;

    font-weight:700;

    padding:16px;

    border-radius:16px;

    transition:
        transform .2s ease,
        opacity .2s ease;
}

.boton-whatsapp:hover{

    transform:translateY(-2px);
}

@media (max-width:600px){

    .pedido-card{

        padding:25px;
    }

    .pedido-card h1{

        font-size:32px;
    }

    #precio{

        font-size:38px;
    }

}