/* Meteosat.com · /tiempo/tendencias/ · portada acotada a .ms-trends-home */
main.ms-trends-home { width:100%; max-width:1380px; }
main.ms-trends-home .center-column { min-width:0; }
main.ms-trends-home .center-column > * { box-sizing:border-box; }
main.ms-trends-home .trends-hero { padding:27px 29px; border-radius:14px; background:linear-gradient(115deg,#173b5a,#0d7183); color:#fff; }
main.ms-trends-home .trends-kicker { display:block; font:700 12px/1.4 Arial,sans-serif; letter-spacing:.06em; text-transform:uppercase; color:#cae7f1; }
main.ms-trends-home .trends-hero h1 { margin:7px 0 10px; color:#fff; font:700 clamp(23px,2.2vw,33px)/1.2 Arial,sans-serif; }
main.ms-trends-home .trends-hero p { margin:0; max-width:780px; color:#e5f4f8; font:15px/1.55 Arial,sans-serif; }
main.ms-trends-home .trends-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin:18px 0; }
main.ms-trends-home .trends-card { display:flex; flex-direction:column; background:#fff; border:1px solid #d7e4ed; border-radius:12px; overflow:hidden; min-width:0; }
main.ms-trends-home .trends-image-link { display:block; height:164px; background:#e6f1f7; overflow:hidden; }
main.ms-trends-home .trends-image-link img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 20%; }
main.ms-trends-home .trends-card-icon { height:164px; display:flex; align-items:center; justify-content:center; gap:20px; background:linear-gradient(135deg,#edf6fd,#d7eaf6); color:#21678d; font:700 58px/1 Arial,sans-serif; }
main.ms-trends-home .trends-card-icon span { font-size:46px; }
main.ms-trends-home .trends-card-body { display:flex; flex:1; flex-direction:column; padding:18px 18px 17px; }
main.ms-trends-home .trends-card h2 { margin:0 0 9px; font:700 19px/1.3 Arial,sans-serif; }
main.ms-trends-home .trends-card h2 a { color:#173c56; text-decoration:none; }
main.ms-trends-home .trends-card p { margin:0 0 16px; color:#526d7f; font:14px/1.48 Arial,sans-serif; }
main.ms-trends-home .trends-action { display:inline-block; margin-top:auto; align-self:flex-start; color:#17658f; font-weight:700; font-size:14px; text-decoration:none; }
main.ms-trends-home .trends-action:hover, main.ms-trends-home .trends-card h2 a:hover { text-decoration:underline; }
main.ms-trends-home .trends-search-section, main.ms-trends-home .trends-explain { margin:16px 0; padding:23px 25px; background:#fff; border:1px solid #dce6eb; border-radius:12px; }
main.ms-trends-home .trends-search-section h2, main.ms-trends-home .trends-explain h2 { margin:0 0 8px; color:#173b58; font:700 23px/1.3 Arial,sans-serif; }
main.ms-trends-home .trends-search-section > p, main.ms-trends-home .trends-explain p { margin:0 0 13px; font:14px/1.55 Arial,sans-serif; color:#536b7a; }
main.ms-trends-home .trends-search-form label { display:block; margin-bottom:7px; color:#3b586b; font-weight:700; font-size:13px; }
main.ms-trends-home .trends-search-row { display:flex; gap:9px; }
main.ms-trends-home .trends-search-row input { width:100%; min-width:0; flex:1; height:43px; padding:9px 12px; font:15px Arial,sans-serif; border:1px solid #bdcedb; border-radius:7px; background:#fff; color:#193b53; }
main.ms-trends-home .trends-search-row button { min-height:43px; padding:0 19px; background:#17658f; border:1px solid #17658f; border-radius:7px; color:#fff; font:bold 14px Arial,sans-serif; cursor:pointer; }
main.ms-trends-home .trends-search-row button:hover { background:#0c4f77; }
main.ms-trends-home .trends-example { margin-top:11px!important; }
main.ms-trends-home .trends-example a, main.ms-trends-home .trends-explain a { color:#17658f; }
main.ms-trends-home .trends-results { margin:16px 0 0; }
main.ms-trends-home .trends-results h3 { margin:0 0 11px; color:#2b4e64; font-size:16px; }
main.ms-trends-home .trends-result-list { list-style:none; margin:0; padding:0; border:1px solid #dbe8ef; border-radius:8px; overflow:hidden; }
main.ms-trends-home .trends-result-list li+li { border-top:1px solid #e4eef3; }
main.ms-trends-home .trends-result-list a { padding:11px 13px; display:flex; align-items:center; gap:10px; text-decoration:none; color:#205375; font-size:14px; }
main.ms-trends-home .trends-result-list a:hover { background:#f1f7fb; }
main.ms-trends-home .trends-result-list small { margin-left:auto; color:#708391; font-size:12px; text-align:right; }
main.ms-trends-home .trends-result-arrow { color:#17658f; font-size:22px; }
main.ms-trends-home .trends-message, main.ms-trends-home .trends-hint { font-size:13px; color:#657d8c; }
main.ms-trends-home .trends-credit { margin-top:17px!important; font-size:12px!important; color:#6c8592!important; }
main.ms-trends-home .right-rail.trends-right-rail { position:sticky; top:85px; align-self:start; }
main.ms-trends-home .right-rail > .sidebar.left, main.ms-trends-home .right-rail > .sidebar.left.sticky { width:100%; float:none; position:static; margin:0; }
main.ms-trends-home .trends-side-card { margin:0 0 17px; background:#fff; border:1px solid #dce6eb; border-radius:10px; padding:16px; }
main.ms-trends-home .trends-side-card h2 { margin:0 0 9px; font-size:17px; color:#234b66; }
main.ms-trends-home .trends-side-card ul { margin:0; padding-left:17px; }
main.ms-trends-home .trends-side-card li { margin:7px 0; }
main.ms-trends-home .trends-side-card a { color:#17658f; text-decoration:none; font-size:13px; }
main.ms-trends-home .trends-side-card a:hover { text-decoration:underline; }
main.ms-trends-home .center-column > .r89-desktop-leaderboard-atf, main.ms-trends-home .center-column > .r89-mobile-premium { clear:both; margin:16px auto; max-width:100%; }
@media (min-width:1400px) {
  main.ms-trends-home .left-rail.sidebar.left, main.ms-trends-home .left-rail.sidebar.left.sticky { width:100%; float:none; margin:0; position:sticky; top:85px; }
}
@media (max-width:1099px) { main.ms-trends-home .right-rail.trends-right-rail { display:none; } }
@media (max-width:900px) { main.ms-trends-home .center-column > .r89-mobile-premium:not(:empty) { min-height:330px; overflow:visible; } }
@media (max-width:680px) {
  body .pusher main.es-pt-main.ms-trends-home, body .pusher main.ms-trends-home > .page-grid, body .pusher main.ms-trends-home > .page-grid > .center-column { width:100%; min-width:0; max-width:100%; box-sizing:border-box; margin-left:0; margin-right:0; padding-left:0; padding-right:0; }
  main.ms-trends-home .trends-hero { padding:22px 16px; border-radius:12px; }
  main.ms-trends-home .trends-hero p { font-size:14px; }
  main.ms-trends-home .trends-options { grid-template-columns:1fr; gap:11px; margin:13px 0; }
  main.ms-trends-home .trends-image-link, main.ms-trends-home .trends-card-icon { height:145px; }
  main.ms-trends-home .trends-card-body { padding:15px; }
  main.ms-trends-home .trends-search-section, main.ms-trends-home .trends-explain { margin:13px 0; padding:17px 13px; }
  main.ms-trends-home .trends-search-section h2, main.ms-trends-home .trends-explain h2 { font-size:20px; }
  main.ms-trends-home .trends-search-row { gap:6px; }
  main.ms-trends-home .trends-search-row button { padding:0 10px; }
  main.ms-trends-home .trends-result-list a { flex-wrap:wrap; }
  main.ms-trends-home .trends-result-list small { margin-left:0; }
  main.ms-trends-home .trends-result-arrow { margin-left:auto; }
}