/* ===== STARFUS UI WIDGETS ===== */

/* Ciberseguridad – naranja sobrio */
.sf-ciber-orange{
max-width:1100px;
margin:36px auto;
padding:18px 24px;
box-sizing:border-box;
background:rgba(255,106,0,0.10);
border-left:4px solid #FF6A00;
color:#ffd9bf;
}
.sf-ciber-orange h3{
margin:0 0 6px 0;
font-size:1.1rem;
font-weight:600;
color:#FF6A00;
}
.sf-ciber-orange p{
margin:0;
font-size:.95rem;
color:#f2d2bd;
}
@media (max-width:768px){
.sf-ciber-orange{margin:28px 16px;padding:16px 18px;}
}

/* Flecha subir / bajar */
#scrollHint{
position:fixed;
right:18px;
bottom:18px;
width:44px;
height:44px;
border-radius:50%;
background:#111;
color:#fff;
font-size:22px;
font-weight:bold;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
box-shadow:0 6px 16px rgba(0,0,0,.35);
z-index:999;
transition:all .25s ease;
}
#scrollHint:hover{
background:#ff6a00;
transform:translateY(-3px);
}

/* Widget BCRA */
#bcr-widget{
position:fixed;
bottom:5px;
right:80px;
background:#ff6a00;
color:#fff;
padding:12px 14px;
border-radius:14px;
font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
font-size:13px;
box-shadow:0 10px 30px rgba(0,0,0,.35);
z-index:9998;
}
#bcr-widget a{
color:#fff;
text-decoration:none;
line-height:1.3;
}
#bcr-widget:hover{transform:scale(1.03);}
@media (max-width:520px){
#bcr-widget{
bottom:92px;
right:14px;
padding:11px 13px;
font-size:13px;
}
}

/* WhatsApp flotante */
.sf-wa{
position:fixed;
bottom:5px;
right:20px;
width:48px;
height:48px;
background-color:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 4px 10px rgba(0,0,0,0.3);
z-index:9999;
}
.sf-wa img{width:24px;height:24px;}

/* Fix logo lobo2 (selector correcto) */
img[src$="lobo2.png"]{
height:100px !important;
width:auto !important;
}

/* ===== FIX MODAL PROTECCIÓN STARFUS ===== */
.modalBackdrop{
position: fixed;
inset: 0;
background: rgba(0,0,0,.55);
backdrop-filter: blur(4px);
z-index: 9998;
display: none;
}
.modal{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 720px;
width: calc(100% - 32px);
max-height: 90vh;
overflow-y: auto;
background: linear-gradient(180deg, rgba(14,18,36,.95), rgba(10,14,31,.95));
border-radius: 16px;
box-shadow: 0 20px 60px rgba(0,0,0,.6);
z-index: 9999;
display: none;
}
/* visible SOLO cuando JS lo activa */
.modal.show,
.modalBackdrop.show{
display: block;
}