.mcb-share{

    box-sizing:border-box;

    width:100%;

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

    padding:30px;

    border:1px solid #ececec;
    border-radius:16px;

    background:#FFFFFF;

    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:0 0 25px;

    color:#666666;

    overflow-wrap:anywhere;

}


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

.mcb-share-buttons{

    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:16px;

}


.mcb-share-btn{

    box-sizing:border-box;

    display:flex;
    align-items:center;
    justify-content:center;

    width:52px;
    height:52px;
    padding:0;

    border:2px solid #A41C2F;
    border-radius:12px;

    background:#A41C2F;
    color:#FFFFFF;

    cursor:pointer;

    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;

}


/*
 * Hover solo para dispositivos con cursor real.
 */
@media (hover:hover){

    .mcb-share-btn:hover{

        background:#FFFFFF;
        color:#A41C2F;
        border-color:#A41C2F;

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

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

    }

}


/*
 * Foco visible independiente del hover.
 */
.mcb-share-btn:focus-visible{

    background:#FFFFFF;
    color:#A41C2F;
    border-color:#A41C2F;

    outline:
        3px solid rgba(164,28,47,.28);

    outline-offset:3px;

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

}


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

.mcb-toast{

    position:fixed;

    left:50%;
    bottom:
        calc(
            30px +
            env(safe-area-inset-bottom, 0px)
        );

    display:flex;
    align-items:center;
    justify-content:center;

    box-sizing:border-box;

    width:max-content;
    min-width:0;
    max-width:calc(100vw - 32px);

    padding:14px 22px;

    border-radius:12px;

    background:#A41C2F;
    color:#FFFFFF;

    font-size:15px;
    line-height:1.35;
    text-align:center;

    overflow-wrap:anywhere;

    opacity:0;
    visibility:hidden;

    transform:
        translate(-50%, 10px);

    transition:
        opacity .3s ease,
        transform .3s ease,
        visibility .3s ease;

    pointer-events:none;

    z-index:999999;

}

.mcb-toast.show{

    opacity:1;
    visibility:visible;

    transform:
        translate(-50%, 0);

}


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

@media (max-width:544px){

    .mcb-share{
        padding:24px 18px;
    }

    .mcb-share-title{
        font-size:20px;
    }

    .mcb-share-description{
        font-size:14px;
        line-height:1.5;
    }

    .mcb-share-buttons{
        gap:12px;
    }

    .mcb-toast{

        bottom:
            calc(
                16px +
                env(safe-area-inset-bottom, 0px)
            );

        max-width:
            calc(100vw - 32px);

        padding:10px 14px;

        font-size:13px;
        line-height:1.25;

    }

}


/*====================================================
MOVIMIENTO REDUCIDO
====================================================*/

@media (prefers-reduced-motion:reduce){

    .mcb-share-btn,
    .mcb-toast{
        transition:none;
    }

    .mcb-share-btn:hover,
    .mcb-share-btn:focus-visible{
        transform:none;
    }

}