/* islaBit — widgets de datos (cabecera/sidebar). Tema claro, contraste AA. */
.icw{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1c1c1a;line-height:1.25}
.icw *{box-sizing:border-box}
.icw a{text-decoration:none;color:inherit}

/* Colores de zona (Miedo y Codicia) */
.icw-z-efear{color:#e74c5a}
.icw-z-fear{color:#f2994a}
.icw-z-neutral{color:#caa033}
.icw-z-greed{color:#3fae6e}
.icw-z-egreed{color:#1fae86}

/* ---- Panel de cabecera (BTC/ETH/Funding/F&G) ---- */
.icw-panel{display:flex !important;gap:10px;flex-wrap:wrap;width:100%}
/* GeneratePress: en ESCRITORIO, header a flex con el LOGO a la IZQUIERDA (order 0)
 * y la zona de widgets a la DERECHA llenando el ancho (order 10, flex:1). El logo
 * se iba a la derecha porque en este tema la zona de widgets va ANTES en el HTML
 * y, al poner flex, tomaba el orden del DOM. Además se reduce el alto del header
 * (el tema trae padding 40px y el plan gratuito no deja tocarlo). */
@media (min-width:769px){
	.inside-header:has(.icw-panel),.inside-header:has(.icw-strip){display:flex !important;align-items:center !important;flex-wrap:nowrap !important;gap:20px;padding-top:14px !important;padding-bottom:14px !important}
	.inside-header:has(.icw-panel) .header-widget,.inside-header:has(.icw-strip) .header-widget{order:10 !important;flex:1 1 auto !important;max-width:none !important;width:auto !important;margin:0 !important}
	.inside-header:has(.icw-panel) .site-branding,.inside-header:has(.icw-panel) .site-logo,.inside-header:has(.icw-strip) .site-branding,.inside-header:has(.icw-strip) .site-logo{order:0 !important}
}
.icw-card{flex:1 1 0 !important;min-width:0;display:flex !important;flex-direction:column;justify-content:center;align-items:flex-start;
	padding:14px 16px;background:#fff;border:1px solid #e6e4dc;border-top:3px solid #d9d6cc;border-radius:12px;transition:box-shadow .15s,transform .15s}
a.icw-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.10);transform:translateY(-1px)}
.icw-card-btc{border-top-color:#e8973a}
.icw-card-eth{border-top-color:#7c5cff}
.icw-card-funding{border-top-color:#1fae86}
.icw-card-maxpain{border-top-color:#1f86c2}
.icw-card-health{border-top-color:#17a2b8}
.icw-card-wma{border-top-color:#d6499b}
.icw-card-etf{border-top-color:#1fae86}
.icw-card-rsi{border-top-color:#d6499b}
.icw-val{font-size:22px;font-weight:700;color:#1c1c1a;white-space:nowrap}
.icw-c-gold{color:#c5852a !important}
.icw-c-violet{color:#7c5cff !important}
.icw-c-blue{color:#1f86c2 !important}
.icw-c-pos{color:#1fae86 !important}
.icw-c-neg{color:#e74c5a !important}
.icw-c-teal{color:#138496 !important}
.icw-c-pink{color:#c43d86 !important}
.icw-lab{font-size:12px;color:#78766e;margin-top:4px;text-transform:uppercase;letter-spacing:.03em}

/* ---- Franja de F&G en páginas de herramienta ---- */
.icw-strip{width:100%;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #e6e4dc;border-radius:12px;padding:10px 18px}
.icw-strip-num{font-size:34px;font-weight:800;line-height:1}
.icw-strip-lab{font-size:18px;font-weight:700}
.icw-strip-cap{font-size:12px;color:#78766e;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.icw-strip-bar{position:relative;flex:1 1 160px;height:14px;border-radius:7px;
	background:linear-gradient(90deg,#e74c5a 0,#e74c5a 25%,#f2994a 25%,#f2994a 46%,#e9c64a 46%,#e9c64a 54%,#6fcf97 54%,#6fcf97 75%,#27c999 75%,#27c999 100%)}
.icw-box-title,.icw-tower-title{font-size:13px;font-weight:700;color:#78766e;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}

/* ---- Bloque Miedo y Codicia ---- */
.icw-fng{width:100%}
.icw-fng-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.icw-fng-num{font-size:40px;font-weight:800;line-height:1}
.icw-fng-wide .icw-fng-num{font-size:54px}
.icw-fng-mini .icw-fng-num{font-size:30px}
.icw-fng-lab{font-size:18px;font-weight:700}
.icw-fng-bar{position:relative;height:14px;border-radius:7px;margin:12px 0 6px;
	background:linear-gradient(90deg,#e74c5a 0,#e74c5a 25%,#f2994a 25%,#f2994a 46%,#e9c64a 46%,#e9c64a 54%,#6fcf97 54%,#6fcf97 75%,#27c999 75%,#27c999 100%)}
.icw-fng-mark{position:absolute;top:-4px;bottom:-4px;width:4px;border-radius:3px;background:#1c1c1a;transform:translateX(-50%);box-shadow:0 0 0 2px #fff}
.icw-fng-scale{font-size:11px;color:#9a988f}

/* ---- Caja 300x300 ---- */
.icw-box{width:100%;background:#fff;border:1px solid #e6e4dc;border-radius:14px;padding:16px}
.icw-foot{font-size:11px;color:#9a988f;margin-top:12px;text-align:right}

/* ---- Torre 300x600 ---- */
.icw-tower{width:100%;background:#fff;border:1px solid #e6e4dc;border-radius:14px;padding:16px}
.icw-rows{margin-top:12px;display:flex;flex-direction:column;gap:2px}
.icw-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 6px;border-top:1px solid #f0eee7}
.icw-row:first-child{border-top:0}
a.icw-row:hover{background:#f7f6f1}
.icw-row-lab{font-size:13px;color:#5a584f}
.icw-row-val{font-size:16px;font-weight:700;color:#1c1c1a}
.icw-tg{display:block;margin-top:14px;padding:10px 14px;text-align:center;font-weight:700;font-size:14px;
	color:#fff !important;background:#229ED9;border-radius:10px}
.icw-tg:hover{background:#1b8cc2}

/* ---- Responsive ---- */
@media(max-width:600px){
	.icw-panel{gap:8px}
	.icw-card{min-width:calc(50% - 4px)}
	.icw-val{font-size:19px}
	.icw-fng-wide .icw-fng-num{font-size:42px}
	/* En móvil el header es pequeño: solo las métricas base, sin las "extra". */
	.icw-card-xtra{display:none !important}
}