
/* Complementos de Planejar: reutilizam as cores e os componentes da primeira etapa. */
.plan-card-detail{margin-top:16px!important;color:var(--accent)!important}
.planning-section{margin-top:30px}
.planning-section .section-title{margin-bottom:16px}
.selected-link{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}
.choice-confirmed{background:#e6f4ee;color:#28785a}
.choice-considering{background:#fff2d7;color:#85631e}
.choice-rejected{background:#fae9ed;color:#ab4358}
.choice-idea,.choice-unresearched{background:#edf0f6;color:#66738b}
.trip-board{display:flex;gap:16px;overflow-x:auto;max-width:100%;padding-bottom:16px;align-items:flex-start}
.trip-board .board-col{flex:0 0 230px;min-width:0;max-width:230px}
.trip-board h3{gap:8px;flex-wrap:wrap}
.trip-board .board-card button{max-width:100%;overflow-wrap:anywhere}
.trip-add{width:100%;background:white;font-size:.875rem}
.reference-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.reference-gallery figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f8f9fd;min-width:0}
.reference-gallery img{width:100%;height:300px;object-fit:contain;display:block}
.reference-gallery figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:white}
.reference-gallery figcaption span{font-size:.875rem;overflow-wrap:anywhere}
.upload-label{position:relative;cursor:pointer;font-size:.875rem;overflow:hidden}
.upload-label input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0;min-height:100%}
.upload-label:focus-within{outline:3px solid var(--accent);outline-offset:2px}
.upload-label:has(input:disabled){opacity:.5;cursor:not-allowed}
.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}
.place-card img{display:block;width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:18px}
.place-card .pill{margin-top:13px}
.planning-budget{margin-top:24px}
#planning-search{max-width:290px}
.planning-section .primary{padding:10px 16px;font-size:.875rem}
@media(max-width:700px){
 .reference-gallery{gap:14px}
 .reference-gallery img{height:180px}
 .reference-gallery figcaption{padding:9px;font-size:.75rem}
 .reference-gallery figcaption span{font-size:.75rem}
 .trip-board .board-col{flex-basis:210px;max-width:210px}
 .planning-section .section-title{align-items:flex-start;flex-wrap:wrap}
 .planning-section h2{font-size:1.4rem}
 #planning-search{max-width:none}
 .place-card img{height:110px}
 .reference-gallery figcaption .btn-icon{min-width:34px}
}

.planning-heading > div{min-width:0}.planning-heading h1,.plan-card h3{overflow-wrap:anywhere}.planning-heading > .primary,.planning-heading > .secondary{flex-shrink:0}
@media(max-width:700px){.planning-heading{flex-wrap:wrap}.planning-heading > div{width:100%}.planning-heading > .primary,.planning-heading > .secondary{width:auto}}

@media(max-width:700px){.plan-card[data-route="responsabilidades"] h3{font-size:.875rem}}
