/**
* Theme Name: Stereo Bank Child
* Description: This is a child theme of Stereo Bank.
* Author: <a href="https://cmsmasters.net/">cmsmasters</a>
* Template: stereo-bank
* Version: 1.0.9
*/

/* ============================================================
   OCULTAR item "Arriendo" del menu principal (desktop + mobile)
============================================================ */
#menu-item-41420,
#menu-item-41613 {
    display: none !important;
}

/* ============================================================
   BOTON FLOTANTE PLAZA EMILIANI - Estilo morado/dorado
   (Sobreescribe el estilo naranja original del widget)
============================================================ */

a.btn-flotante-lateral,
a.btn-flotante-lateral:link,
a.btn-flotante-lateral:visited {
    position: fixed !important;
    right: 0 !important;
    bottom: 40px !important;
    top: auto !important;
    left: auto !important;
    z-index: 99999 !important;
    width: 58px !important;
    min-height: 205px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px 0 !important;
    gap: 0 !important;
    background: linear-gradient(145deg, #7B2783 0%, #A23AAA 52%, #7B2783 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 28px 0 0 28px !important;
    border: 1px solid rgba(201,169,97,.45) !important;
    border-right: none !important;
    box-shadow:
        -8px 12px 30px rgba(123,39,131,.35),
        inset 1px 0 0 rgba(255,255,255,.16) !important;
    overflow: hidden !important;
    font-family: 'Manrope', 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    transition:
        width .55s cubic-bezier(.22,1,.36,1),
        transform .45s cubic-bezier(.22,1,.36,1),
        box-shadow .45s ease,
        background .45s ease !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    user-select: none !important;
    outline: none !important;
    animation: pePlazaEntrada .9s cubic-bezier(.22,1,.36,1) .5s both !important;
}

/* Neutralizar el shine naranja original */
a.btn-flotante-lateral::before {
    content: "" !important;
    position: absolute !important;
    top: -120% !important;
    left: -90% !important;
    width: 55% !important;
    height: 340% !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(201,169,97,.42),
        transparent
    ) !important;
    transform: rotate(18deg) !important;
    transition: left 1s cubic-bezier(.22,1,.36,1) !important;
    pointer-events: none !important;
    animation: none !important;
}

a.btn-flotante-lateral:hover::before {
    left: 145% !important;
}

/* Borde interior dorado */
a.btn-flotante-lateral::after {
    content: "" !important;
    position: absolute !important;
    top: 6px !important;
    right: 0 !important;
    bottom: 6px !important;
    left: 6px !important;
    border-left: 1px solid rgba(255,255,255,.14) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    border-right: none !important;
    border-radius: 22px 0 0 22px !important;
    pointer-events: none !important;
}

/* Hover */
a.btn-flotante-lateral:hover {
    width: 72px !important;
    transform: translateX(-4px) !important;
    background: linear-gradient(145deg, #A23AAA 0%, #7B2783 55%, #A23AAA 100%) !important;
    box-shadow:
        -12px 18px 40px rgba(123,39,131,.50),
        inset 1px 0 0 rgba(255,255,255,.20) !important;
    padding-right: 0 !important;
    filter: none !important;
}

a.btn-flotante-lateral:active {
    filter: brightness(0.92) !important;
    box-shadow:
        -6px 10px 24px rgba(123,39,131,.45),
        inset 1px 0 0 rgba(255,255,255,.12) !important;
    transition: all 0.12s ease !important;
}

/* Icono (edificio) con circulo dorado */
a.btn-flotante-lateral i {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 39px !important;
    margin: 0 0 18px 0 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(201,169,97,.65) !important;
    color: #C9A961 !important;
    font-size: 1.05rem !important;
    filter: drop-shadow(0 3px 7px rgba(0,0,0,.25)) !important;
    animation: pePlazaEdificioFlotante 3s ease-in-out infinite !important;
    transition:
        transform .5s cubic-bezier(.22,1,.36,1),
        background .35s ease,
        box-shadow .35s ease,
        color .35s ease !important;
}

a.btn-flotante-lateral:hover i {
    transform: scale(1.12) translateY(-2px) !important;
    background: rgba(201,169,97,.16) !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.18) !important;
}

/* Pulso dorado alrededor del icono */
a.btn-flotante-lateral i::after {
    content: "" !important;
    position: absolute !important;
    inset: -5px !important;
    border: 1px solid rgba(201,169,97,.55) !important;
    border-radius: 50% !important;
    opacity: 0 !important;
    animation: pePlazaPulso 3s ease-out infinite !important;
}

/* Texto vertical */
a.btn-flotante-lateral span {
    position: relative !important;
    z-index: 2 !important;
    writing-mode: vertical-rl !important;
    transform: rotate(180deg) !important;
    letter-spacing: 2.5px !important;
    font-size: .68rem !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #fff !important;
    text-shadow: 0 2px 5px rgba(0,0,0,.25) !important;
    transition: letter-spacing .4s ease !important;
    text-align: center !important;
}

a.btn-flotante-lateral:hover span {
    letter-spacing: 3px !important;
}

/* Linea dorada decorativa bajo el texto */
a.btn-flotante-lateral span::after {
    content: "" !important;
    display: block !important;
    width: 2px !important;
    height: 22px !important;
    margin: 12px auto 0 !important;
    background: linear-gradient(to bottom, #C9A961, transparent) !important;
    opacity: .8 !important;
}

@keyframes pePlazaPulso {
    0%   { transform: scale(.8); opacity: 0; }
    20%  { opacity: .7; }
    60%, 100% { transform: scale(1.4); opacity: 0; }
}

@keyframes pePlazaEdificioFlotante {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-4px); }
}

@keyframes pePlazaEntrada {
    from { opacity: 0; transform: translateX(80px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* Tablet */
@media (max-width: 768px) {
    a.btn-flotante-lateral,
    a.btn-flotante-lateral:link,
    a.btn-flotante-lateral:visited {
        bottom: 28px !important;
        width: 52px !important;
        min-height: 180px !important;
        padding: 15px 0 !important;
        border-radius: 24px 0 0 24px !important;
    }
    a.btn-flotante-lateral:hover {
        width: 62px !important;
    }
    a.btn-flotante-lateral i {
        width: 34px !important;
        height: 34px !important;
        margin-bottom: 15px !important;
        font-size: .95rem !important;
    }
    a.btn-flotante-lateral span {
        font-size: .62rem !important;
        letter-spacing: 2px !important;
    }
}

/* Movil */
@media (max-width: 480px) {
    a.btn-flotante-lateral,
    a.btn-flotante-lateral:link,
    a.btn-flotante-lateral:visited {
        bottom: 22px !important;
        width: 47px !important;
        min-height: 155px !important;
        padding: 13px 0 !important;
        border-radius: 21px 0 0 21px !important;
    }
    a.btn-flotante-lateral:hover {
        width: 54px !important;
        transform: translateX(-2px) !important;
    }
    a.btn-flotante-lateral i {
        width: 30px !important;
        height: 30px !important;
        margin-bottom: 12px !important;
        font-size: .85rem !important;
    }
    a.btn-flotante-lateral span {
        font-size: .55rem !important;
        letter-spacing: 1.7px !important;
    }
    a.btn-flotante-lateral span::after {
        height: 16px !important;
        margin-top: 9px !important;
    }
}

/* Respetar preferencia de reduccion de movimiento */
@media (prefers-reduced-motion: reduce) {
    a.btn-flotante-lateral,
    a.btn-flotante-lateral i,
    a.btn-flotante-lateral i::after,
    a.btn-flotante-lateral::before {
        animation: none !important;
        transition: none !important;
    }
}