.mcb-share{

    margin-top:40px;
    
    margin-bottom: 40px;

    padding:30px;

    border:1px solid #ececec;

    border-radius:16px;

    background:#fff;
    
    text-align:center;
    
    box-shadow:
    0 10px 30px rgba(0,0,0,.05);

}

.mcb-share-title{

    margin:0 0 10px;

    font-size:22px;

    font-weight:600;

}

.mcb-share-description{

    margin-bottom:25px;

    color:#666;

}



/*==================================================
BOTONES
==================================================*/

.mcb-share-buttons{

    display:flex;

    justify-content:center;

    gap:16px;

    flex-wrap:wrap;

}


.mcb-share-btn{

    width:52px;

    height:52px;

    border-radius:12px;

    border:2px solid #A41C2F;

    background:#A41C2F;

    color:#FFFFFF;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:0;

    transition:all .25s ease;

}


.mcb-share-btn:hover,
.mcb-share-btn:focus-visible{

    background:#FFFFFF;

    color:#A41C2F;

    border:2px solid #A41C2F;

    transform:
        translateY(-3px)
        scale(1.05);

    box-shadow:
        0 6px 18px rgba(164,28,47,.18);

}




/*==================================================
TOAST
==================================================*/

.mcb-toast{

    position:fixed;

    bottom:30px;

    left:50%;

    transform:translateX(-50%);

    background:#A41C2F;

    color:#fff;

    padding:14px 22px;

    border-radius:12px;

    font-size:15px;

    opacity:0;

    visibility:hidden;

    transition:.3s;

    z-index:999999;

}

.mcb-toast.show{

    opacity:1;

    visibility:visible;

}

/*====================================================
TOAST — AJUSTE RESPONSIVE
====================================================*/

@media (max-width:544px){

    .mcb-toast{
        /*
         * Centrado horizontal real.
         */
        left:50%;
        right:auto;

        /*
         * Tamaño ajustado al contenido.
         */
        width:max-content;
        min-width:0;
        max-width:calc(100vw - 32px);

        padding:10px 14px;

        /*
         * Texto compacto y centrado.
         */
        text-align:center;
        font-size:13px;
        line-height:1.25;
        white-space:normal;

        /*
         * Centrado si el toast utiliza Flexbox.
         */
        align-items:center;
        justify-content:center;

        /*
         * Conserva la animación y añade el
         * desplazamiento necesario por left:50%.
         */
        transform:translate(-50%, 10px);

        box-sizing:border-box;
    }

    .mcb-toast.show{
        transform:translate(-50%, 0);
    }

}