/* Fase 135 — componente isolado. Não altera capa, cotação, tabs ou painéis. */
.ct135{background:#f6f9fa;color:#102c42;padding:38px 0 48px;font:500 14px/1.5 Montserrat,Arial,sans-serif}
.ct135 *{box-sizing:border-box}.ct135 .ct135-container{max-width:1160px;width:calc(100% - 40px);margin:0 auto}
.ct135 .ct135-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.ct135 .ct135-eyebrow{color:#188353;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.ct135 h2{font-size:clamp(23px,2.5vw,31px);font-weight:900;line-height:1.15;letter-spacing:-.035em;margin:5px 0 7px}
.ct135 .ct135-descr{font-size:12px;color:#667986;margin:0;max-width:660px}
.ct135 label{font-size:11px;color:#395467;font-weight:900;display:block;margin-bottom:4px}
.ct135 select,.ct135 button{font:700 12px Montserrat,Arial,sans-serif}
.ct135 select{border:1px solid #cadbe2;border-radius:10px;background:#fff;padding:10px 12px;color:#102c42;max-width:100%;min-width:165px}
.ct135 .ct135-card{background:white;border:1px solid #dae6e9;border-radius:15px;padding:18px;box-shadow:0 5px 18px rgba(7,32,48,.045)}
.ct135 .ct135-metawrap{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.ct135 .ct135-meta{color:#67808c;font-size:11px}
.ct135 .ct135-status{display:flex;align-items:flex-start;gap:8px;background:#eef6f4;border:1px solid #d8eae2;border-radius:10px;color:#215b4b;padding:11px 13px;font-size:12px;margin:13px 0}
.ct135 .ct135-status[hidden]{display:none!important}.ct135 .ct135-status.alert{background:#fff4e8;border-color:#f1dcbf;color:#88552b}
.ct135 .ct135-switch{display:flex;gap:7px;flex-wrap:wrap}.ct135 .ct135-switch button{border:1px solid #d7e4e8;border-radius:9px;padding:8px 12px;background:#f8fbfc;color:#294354;cursor:pointer}
.ct135 .ct135-switch button[aria-pressed=true]{background:#0b3148;color:white;border-color:#0b3148}
.ct135 .ct135-hourly{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;min-height:130px;align-items:end;margin-top:12px}
.ct135 .ct135-hour{min-width:0;text-align:center;display:flex;flex-direction:column;gap:5px;justify-content:flex-end;align-items:stretch}
.ct135 .ct135-hour small{color:#718594;font-size:9px;font-weight:700;white-space:nowrap}
.ct135 .ct135-hour b{color:#244459;font-size:9px;font-weight:900;white-space:nowrap}
.ct135 .ct135-barwrap{height:70px;background:#f5f9fb;border-radius:7px;display:flex;align-items:flex-end;overflow:hidden}
.ct135 .ct135-bar{display:block;width:100%;background:linear-gradient(#6ebde0,#2c7ca8);min-height:2px;border-radius:5px 5px 0 0;transition:height .3s}
.ct135 .ct135-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:15px 0 5px}
.ct135 .ct135-day{background:#f4f8fa;border-radius:10px;padding:10px 5px;text-align:center;min-width:0}
.ct135 .ct135-day strong{display:block;font-size:11px}.ct135 .ct135-day .ct135-icon{font-size:22px;line-height:1.8}
.ct135 .ct135-day small{display:block;font-size:10px;color:#667d8b}.ct135 .ct135-day b{display:block;font-size:10px;color:#215b78}
.ct135 .ct135-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}
.ct135 .ct135-info{background:#fff;border:1px solid #dce7ec;border-radius:14px;padding:17px}
.ct135 .ct135-info h3{font-size:14px;font-weight:900;margin:0 0 7px;display:flex;align-items:center;gap:8px}
.ct135 .ct135-info p{font-size:12px;color:#5d7280;margin:0 0 9px;line-height:1.6}
.ct135 .ct135-info a{display:inline-block;color:#086f50;font-size:12px;font-weight:900;text-decoration:none;border-bottom:1px solid #9bcfb5}
.ct135 .ct135-info a:hover{text-decoration:underline}.ct135 .ct135-fine{font-size:10px;color:#788c98;margin-top:13px}
.ct135 .ct135-live-text{color:#0d435a;font-weight:800;font-size:12px}.ct135 .ct135-inline{font-size:11px;color:#6b808e}
.ct135 .ct135-updated{font-size:10px;color:#647b87;margin-top:6px}
@media(max-width:740px){.ct135{padding:26px 0 32px}.ct135 .ct135-container{width:calc(100% - 24px)}.ct135 .ct135-head{align-items:stretch;flex-direction:column;gap:10px}.ct135 .ct135-grid{grid-template-columns:1fr}.ct135 .ct135-card{padding:13px}.ct135 .ct135-hourly{gap:2px}.ct135 .ct135-hour b,.ct135 .ct135-hour small{font-size:8px}.ct135 .ct135-week{gap:3px}.ct135 .ct135-day{padding:7px 2px}.ct135 .ct135-day strong,.ct135 .ct135-day b,.ct135 .ct135-day small{font-size:9px}}
@media(max-width:420px){.ct135 .ct135-day:nth-child(n+6){display:none}.ct135 .ct135-week{grid-template-columns:repeat(5,minmax(0,1fr))}.ct135 .ct135-hourly .ct135-hour:nth-child(even){display:none}.ct135 .ct135-hourly{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ct135 *{transition:none!important}}

.ct135 .ct135-source-extra{font-size:12px;color:#285a46;background:#f1faf2;border:1px solid #cee8d8;border-radius:9px;padding:10px;margin:8px 0 12px}
.ct135 .ct135-source-extra[hidden]{display:none!important}.ct135 .ct135-details{display:inline-block;margin-top:8px;color:#0a7352;font-size:12px;font-weight:900}

.ct135 .ct135-hourly[hidden],.ct135 .ct135-week[hidden],.ct135 .ct135-switch[hidden]{display:none!important}

/* Fase 136 — busca de cidade: sugestões locais somente após 3 letras. */
.ct135 .ct135-city-search{min-width:min(300px,100%);max-width:100%;position:relative}
.ct135 .ct135-city-field{position:relative}
.ct135 input#ct135-city{font:700 12px Montserrat,Arial,sans-serif;color:#102c42;background:#fff;border:1px solid #cadbe2;border-radius:10px;padding:11px 36px 11px 12px;min-width:220px;width:100%;max-width:100%;box-shadow:none;outline:none}
.ct135 input#ct135-city:focus-visible{border-color:#25875f;box-shadow:0 0 0 3px rgba(137,202,81,.21)}
.ct135 .ct135-city-field:after{content:'⌕';position:absolute;top:7px;right:12px;font-size:23px;color:#467a8b;pointer-events:none}
.ct135 .ct135-city-suggestions{position:absolute;z-index:1200;top:calc(100% + 4px);left:0;right:0;list-style:none;padding:5px;margin:0;background:white;box-shadow:0 10px 28px rgba(3,26,40,.17);border:1px solid #d4e3e8;border-radius:12px;max-height:240px;overflow:auto}
.ct135 .ct135-city-suggestions[hidden]{display:none!important}
.ct135 .ct135-city-suggestions [role=option]{padding:10px 11px;border-radius:8px;cursor:pointer;color:#123a4d;font:700 12px Montserrat,Arial,sans-serif}
.ct135 .ct135-city-suggestions [role=option]:hover,.ct135 .ct135-city-suggestions [role=option][aria-selected=true]{background:#e8f5e7;color:#126342}
.ct135 .ct135-city-help{display:block;font:500 10px Montserrat,Arial,sans-serif;color:#65808e;margin-top:5px}
@media(max-width:740px){.ct135 .ct135-city-search{min-width:0;width:100%}.ct135 input#ct135-city{min-width:0}}

/* F138 — previsão interativa de cada dia (rolagem horizontal em celulares). */
.ct135 .ct135-hourly{display:flex!important;grid-template-columns:none!important;gap:5px!important;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:8px 0 14px;scrollbar-width:thin;align-items:flex-end}
.ct135 .ct135-hourly .ct135-hour{flex:1 0 42px;min-width:42px;max-width:80px}
.ct135 .ct135-hourly .ct135-hour:nth-child(even){display:flex!important}
.ct135 .ct135-hourly.is-empty{min-height:85px;align-items:center}
.ct135 .ct135-no-data{min-width:100%;max-width:100%;font-size:12px;color:#73633c;padding:15px;background:#fff8e6;border-radius:9px}
.ct135 .ct135-day{display:block;appearance:none;border:1px solid #d6e4e8;cursor:pointer;font-family:inherit;color:inherit;transition:background .12s,border .12s;text-align:center}
.ct135 .ct135-day[aria-pressed=true]{background:#e7f6e7;border-color:#68b758;box-shadow:inset 0 -3px 0 #68b758}
.ct135 .ct135-day:focus-visible{outline:3px solid #78c846;outline-offset:2px}
.ct135 .ct135-day:hover{background:#edf8ee}
.ct135 .ct135-day-title{font-size:12px;color:#194862;font-weight:900;margin-top:12px}
.ct135 .ct135-day-note{font-size:11px;color:#735c30;background:#fff8e6;border-radius:9px;padding:10px 12px;margin:8px 0 2px}
.ct135 .ct135-day-note[hidden]{display:none!important}
@media(max-width:420px){.ct135 .ct135-hourly{grid-template-columns:none!important}.ct135 .ct135-week{display:flex;grid-template-columns:none;overflow-x:auto;gap:7px;padding:5px 1px 9px;scrollbar-width:thin}.ct135 .ct135-day{flex:0 0 75px;min-width:75px}.ct135 .ct135-day:nth-child(n+6){display:block!important}.ct135 .ct135-hourly .ct135-hour{flex:0 0 53px;min-width:53px}}

/* F141 - atualização da previsão sem recarregar o site */
.ct135 .ct135-refresh{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c9ddd2;border-radius:9px;padding:8px 10px;margin:8px 0 2px;background:#e9f6e9;color:#126746;cursor:pointer;font:800 11px Montserrat,Arial,sans-serif}
.ct135 .ct135-refresh:hover{background:#d9f0de}
.ct135 .ct135-refresh:focus-visible{outline:3px solid #74c74c;outline-offset:2px}
