/* OROSEIMETEO_TENDENZA_STYLE_V2. Conserva header/footer e fogli previsioni originali. */
.om-trend-page { width:100%; color:inherit; }
.om-trend-page .om-wrap { width:min(1120px, calc(100% - 36px)); margin:0 auto; padding:24px 0 46px; }
.om-trend-page .om-title { margin:5px 0 18px; }
.om-trend-page .om-title h1 { font-size:clamp(1.65rem,3vw,2.45rem); line-height:1.17; letter-spacing:-.025em; margin:6px 0 9px; color:inherit; }
.om-trend-page .om-title p { margin:0; line-height:1.5; opacity:.78; }
.om-trend-page .om-eyebrow { font-size:.76rem; text-transform:uppercase; font-weight:750; letter-spacing:.065em; color:var(--accent-color, #177999); opacity:1; }
.om-trend-page .om-tabs,.om-trend-links { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:20px 0 26px; }
.om-trend-page .om-tabs a,.om-trend-links a { display:inline-block; padding:10px 16px; border:1px solid var(--border-color, rgba(80,124,151,.27)); border-radius:999px; background:var(--card-bg, var(--surface, rgba(127,150,164,.08))); color:inherit; text-decoration:none; font-size:.93rem; font-weight:650; }
.om-trend-page .om-tabs a[aria-current=page],.om-trend-links a[aria-current=page] { color:#fff; background:var(--accent-color, #166c91); border-color:var(--accent-color, #166c91); }
.om-trend-page .om-grid { display:grid; gap:24px; grid-template-columns:minmax(0,1fr); }
.om-trend-page .om-card { overflow:hidden; border:1px solid var(--border-color, rgba(80,124,151,.25)); background:var(--card-bg, var(--surface, rgba(127,150,164,.07))); border-radius:16px; padding:clamp(18px,2.8vw,30px); box-shadow:0 3px 12px rgba(12,51,72,.04); }
.om-trend-page .om-card h2 { font-size:clamp(1.3rem,2.6vw,1.85rem); line-height:1.25; margin:7px 0 5px; }
.om-trend-page .om-meta { opacity:.67; font-size:.89rem; margin-bottom:20px; }
.om-trend-page .om-item { margin:16px 0 0; padding-top:15px; border-top:1px solid var(--border-color,rgba(80,124,151,.18)); }
.om-trend-page .om-item h3 { font-size:1.06rem; margin:0 0 8px; }
.om-trend-page .om-item p { margin:7px 0; line-height:1.62; }
.om-trend-page .om-sub { margin:8px 0; }
.om-trend-page .om-focus { border-radius:12px; margin:20px 0 0; padding:16px; border:1px solid var(--border-color, rgba(80,124,151,.18)); background:var(--surface-secondary, rgba(63,142,184,.065)); }
.om-trend-page .om-focus>h3 { font-size:1.21rem; margin:0 0 8px; }
.om-trend-page .om-focus .om-item:first-of-type { border:0; margin:0; padding-top:5px; }
.om-trend-page .om-source { border-top:1px solid var(--border-color, rgba(80,124,151,.18)); padding-top:15px; font-size:.82rem; opacity:.72; }
.om-trend-page .om-firma { margin:14px 0; font-weight:700; }
.om-trend-page .om-note { opacity:.65; font-size:.82rem; margin:24px 0; }
.om-trend-page .om-trend-social { margin-top:20px; padding-top:15px; border-top:1px solid var(--border-color,rgba(80,124,151,.18)); display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; }
.om-trend-page .om-trend-social svg { width:18px; height:18px; flex-shrink:0; }
.om-trend-page .om-trend-social .forecast-social-item { display:inline-flex; align-items:center; gap:5px; }
.om-trend-page .om-trend-social .forecast-social-action { display:inline-flex; gap:7px; align-items:center; cursor:pointer; }
.om-trend-page .om-trend-social .forecast-social-action:disabled { opacity:.5; cursor:wait; }
.om-trend-page .om-trend-social .forecast-social-note { flex-basis:100%; font-size:.81rem; opacity:.75; }
.om-trend-page .om-trend-social .forecast-social-note:empty { display:none; }
.om-trend-page .om-trend-social .forecast-social-like.is-liked { color:var(--accent-color,#166c91); }
@media(max-width:600px) {
 .om-trend-page .om-wrap { width:calc(100% - 24px); padding-top:15px; }
 .om-trend-page .om-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
 .om-trend-page .om-tabs a { text-align:center; padding:9px 9px; font-size:.84rem; }
 .om-trend-page .om-card { padding:16px; }
 .om-trend-page .om-trend-social { gap:9px 12px; }
 .om-trend-page .om-trend-social .forecast-social-label { font-size:.75rem; }
}

/* OROSEIMETEO_GALLERIA_CSS_V1 */
.om-trend-page .om-trend-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 14px;
}
.om-trend-page .om-trend-figure {
    min-width: 0;
    margin: 0;
    padding: 10px;
    border: 1px solid var(--border-color, rgba(80,124,151,.2));
    border-radius: 12px;
    background: var(--surface-secondary, rgba(255,255,255,.7));
}
.om-trend-page .om-trend-figure a { display: block; }
.om-trend-page .om-trend-figure img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.om-trend-page .om-trend-figure figcaption {
    font-size: .84rem;
    line-height: 1.45;
    opacity: .8;
    margin-top: 10px;
}
@media (max-width: 700px) {
    .om-trend-page .om-trend-gallery-grid { grid-template-columns: 1fr; }
}