.alerta-transferencias,
.alerta-transferencias-flotante {
position: fixed !important;
bottom: 30px !important;
right: 30px !important;
left: auto !important;
top: auto !important;
width: 360px !important;
max-width: calc(100vw - 40px) !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
background-color: #fff8e1 !important;
border-left: 5px solid #ffc107 !important;
border-radius: 12px !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
z-index: 999999 !important;
padding: 0 !important;
box-sizing: border-box !important;
margin: 0 !important;
transform: none !important;
overflow: hidden !important;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
animation: alertaPulso 3s infinite !important;
} .alerta-transferencias .et_pb_row,
.alerta-transferencias-flotante .alerta-contenido {
display: flex !important;
align-items: flex-start !important;
position: relative !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding: 20px !important;
margin: 0 !important;
} .alerta-transferencias h4,
.alerta-transferencias-flotante .alerta-texto h5 {
margin: 0 0 8px 0 !important;
padding: 0 !important;
font-size: 18px !important;
font-weight: 700 !important;
color: #e65100 !important;
line-height: 1.3 !important;
letter-spacing: -0.01em !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
"Helvetica Neue", sans-serif !important;
} .alerta-transferencias p,
.alerta-transferencias-flotante .alerta-texto p {
margin: 0 0 6px 0 !important;
padding: 0 !important;
font-size: 15px !important;
color: #5d4037 !important;
line-height: 1.5 !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
"Helvetica Neue", sans-serif !important;
}
.alerta-transferencias p:last-child,
.alerta-transferencias-flotante .alerta-texto p:last-child {
margin-bottom: 0 !important;
font-weight: 600 !important;
color: #d32f2f !important;
} .alerta-transferencias-flotante .icono-alerta {
display: inline-block !important;
width: 40px !important;
height: 40px !important;
background-color: rgba(255, 193, 7, 0.2) !important;
border-radius: 50% !important;
color: #ff9800 !important;
font-size: 20px !important;
margin-right: 15px !important;
flex-shrink: 0 !important;
text-align: center !important;
line-height: 40px !important;
} .alerta-transferencias .et_pb_column::before {
content: "\f017" !important; font-family: "Font Awesome 5 Free", FontAwesome !important;
font-weight: 900 !important;
display: inline-block !important;
width: 40px !important;
height: 40px !important;
background-color: rgba(255, 193, 7, 0.2) !important;
border-radius: 50% !important;
color: #ff9800 !important;
font-size: 20px !important;
margin-right: 15px !important;
flex-shrink: 0 !important;
text-align: center !important;
line-height: 40px !important;
} .alerta-transferencias .close-btn,
.alerta-transferencias-flotante .btn-cerrar-alerta {
position: absolute !important;
top: 10px !important;
right: 10px !important;
background-color: rgba(0, 0, 0, 0.05) !important;
border: none !important;
color: #5d4037 !important;
font-size: 14px !important;
cursor: pointer !important;
padding: 0 !important;
width: 28px !important;
height: 28px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 2 !important;
opacity: 0.8 !important;
transition: all 0.2s ease !important;
border-radius: 50% !important;
text-decoration: none !important;
box-shadow: none !important;
outline: none !important;
}
.alerta-transferencias .close-btn:hover,
.alerta-transferencias-flotante .btn-cerrar-alerta:hover {
opacity: 1 !important;
background-color: rgba(0, 0, 0, 0.1) !important;
transform: rotate(90deg) !important;
} @keyframes alertaPulso {
0% {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
50% {
box-shadow: 0 10px 30px rgba(255, 193, 7, 0.3);
}
100% {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
} @media (max-width: 767px) {
.alerta-transferencias,
.alerta-transferencias-flotante {
bottom: 20px !important;
left: 50% !important;
right: auto !important;
transform: translateX(-50%) !important;
width: calc(100% - 40px) !important;
max-width: 450px !important;
}
.alerta-transferencias .et_pb_row,
.alerta-transferencias-flotante .alerta-contenido {
padding: 15px !important;
}
.alerta-transferencias h4,
.alerta-transferencias-flotante .alerta-texto h5 {
font-size: 16px !important;
}
.alerta-transferencias p,
.alerta-transferencias-flotante .alerta-texto p {
font-size: 14px !important;
}
.alerta-transferencias .et_pb_column::before,
.alerta-transferencias-flotante .icono-alerta {
width: 36px !important;
height: 36px !important;
font-size: 18px !important;
line-height: 36px !important;
margin-right: 12px !important;
}
} .et-db #et-boc .et-l .alerta-transferencias,
.et-db #et-boc .et-l .alerta-transferencias-flotante {
position: fixed !important;
z-index: 999999 !important;
}
.et-db #et-boc .et-l .alerta-transferencias h4,
.et-db #et-boc .et-l .alerta-transferencias p,
.et-db #et-boc .et-l .alerta-transferencias-flotante .alerta-texto h5,
.et-db #et-boc .et-l .alerta-transferencias-flotante .alerta-texto p {
padding-bottom: 0 !important;
}
.et-db #et-boc .et-l .alerta-transferencias .close-btn,
.et-db #et-boc .et-l .alerta-transferencias-flotante .btn-cerrar-alerta {
background-color: rgba(0, 0, 0, 0.05) !important;
box-shadow: none !important;
border: none !important;
}