/* SAHR Propiedades V22.6.32
   Corrige únicamente el botón flotante de Instagram en index.php.
   Replica el acabado visual utilizado en las páginas internas. */

body[data-page="inicio"] .floating-actions.floating-actions-v9{
    right:18px !important;
    bottom:18px !important;
    gap:8px !important;
    align-items:center !important;
}

body[data-page="inicio"] .floating-socials-v9{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:7px !important;
    margin:0 0 1px !important;
}

body[data-page="inicio"] .floating-socials-v9 .float-social-v9{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    padding:0 !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    text-decoration:none !important;
    color:#fff !important;
    border:2px solid rgba(255,255,255,.92) !important;
    font-size:1rem !important;
    line-height:1 !important;
    box-shadow:0 4px 13px rgba(7,30,55,.18) !important;
    overflow:hidden !important;
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease !important;
}

body[data-page="inicio"] .floating-socials-v9 .float-social-v9.instagram-v9{
    background:radial-gradient(circle at 30% 110%,
        #feda75 0 15%,
        #fa7e1e 28%,
        #d62976 52%,
        #962fbf 72%,
        #4f5bd5 100%) !important;
}

body[data-page="inicio"] .floating-socials-v9 .float-social-v9 i{
    color:#fff !important;
    font-size:1rem !important;
    line-height:1 !important;
    margin:0 !important;
}

body[data-page="inicio"] .floating-socials-v9 .float-social-v9:hover{
    transform:translateY(-3px) scale(1.04) !important;
    box-shadow:0 9px 20px rgba(7,30,55,.23) !important;
    filter:saturate(1.08) !important;
}

@media (max-width:767.98px){
    body[data-page="inicio"] .floating-actions.floating-actions-v9{
        right:12px !important;
        bottom:12px !important;
    }
    body[data-page="inicio"] .floating-socials-v9 .float-social-v9{
        width:35px !important;
        height:35px !important;
        min-width:35px !important;
        min-height:35px !important;
        font-size:.91rem !important;
    }
    body[data-page="inicio"] .floating-socials-v9 .float-social-v9 i{
        font-size:.91rem !important;
    }
}