/* ==========================================
   ENVÍO GRATUITO — MADAMECELLO
   SELLO DE CONFIANZA PREMIUM
========================================== */

.madame-envio-wrapper{
    margin:0px auto;
    max-width:660px;
}

/* CONTENEDOR */

.madame-envio-gratis{
    display:flex;
    align-items:center;
    gap:14px;
    padding:9px 18px;

    border:1px solid #103529;
    border-radius: var(--mc-radius);

    box-shadow:0 10px 28px rgba(60,42,33,.07);

    transition:all .3s ease;
    
    
}

.madame-envio-gratis:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 40px rgba(60,42,33,.12);
}

/* ICONO CON MÁS PRESENCIA */

.madame-envio-icon{
    width:27px;
    height:27px;
    flex-shrink:0;

    background-color:#103529;

    -webkit-mask:url('https://madamecello.com/wp-content/uploads/2026/01/Rastrear-Mi-Pedido-MADAMECELLO.svg') no-repeat center / contain;
    mask:url('https://madamecello.com/wp-content/uploads/2026/01/Rastrear-Mi-Pedido-MADAMECELLO.svg') no-repeat center / contain;

    opacity:.95;
}

/* CONTENIDO */

.madame-envio-content{
    display:block;
}

/* TEXTO PRINCIPAL */

.madame-envio-text strong{
    display:block;
    margin:0;
    padding:0;

    font-family:"Cormorant Garamond", serif;
    font-size:17px;
    font-weight:600;
    color:#103529;

    line-height:0.9;
    letter-spacing:.25px;
}

/* SUBTEXTO */

.madame-envio-sub{
    display:block;
    margin:2px 0 0 0;

    font-family:"Cormorant Garamond", serif;
    font-size:14px;
    color:#3C2A21;
    opacity:.85;

    line-height:0.9;
}

/* BLOQUE INFERIOR */

.madame-envio-extra{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:6px;
}

/* LINK MÁS REFINADO */

.madame-envio-link{
    font-family:"Cormorant Garamond", serif;
    font-size:13px;
    color:#5A1C2A;
    text-decoration:none;
    position:relative;
    transition:all .25s ease;
    line-height:0.9;
}

.madame-envio-link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:1px;
    background:#5A1C2A;
    opacity:.5;
    transition:opacity .25s ease;
}

.madame-envio-link:hover{
    color:#3C2A21;
}

.madame-envio-link:hover::after{
    opacity:.9;
}


/* Trigger circular refinado */

.madame-envio-tooltip-trigger{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:17px;
    height:17px;

    font-size:10.5px;
    font-weight:600;

    color:#5A1C2A;
    border:1px solid rgba(90,28,42,.45);
    border-radius:50%;

    cursor:pointer;
    transition:all .25s ease;
}

/* Hover elegante */

.madame-envio-tooltip-trigger:hover{
    background:#5A1C2A;
    color:#F8EFE6;
}

/* Caja tooltip premium */

.madame-envio-tooltip{
    position:absolute;
    bottom:140%;
    left:50%;
    transform:translateX(-50%) translateY(6px);

    width:260px;

    background:#3C2A21;
    color:#F3E8D9;

    font-family:"Cormorant Garamond", serif;
    font-size:12.8px;
    line-height:1.28;

    padding:12px 14px;
    border-radius:10px;

    box-shadow:0 14px 30px rgba(0,0,0,.18);

    opacity:0;
    visibility:hidden;
    transition:all .25s ease;

    text-align:left;
    z-index:999;
}

/* Flecha */

.madame-envio-tooltip::after{
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    border-width:6px;
    border-style:solid;
    border-color:#3C2A21 transparent transparent transparent;
}

/* Animación suave */

.madame-envio-tooltip-trigger:hover .madame-envio-tooltip{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}