/* Presentación inspirada en la referencia de la guía: tarjetas visuales y formulario legible */
body:has(#unif-app[data-mode="planner"]){background:#f8f7f0!important;color:#233f33!important}
body:has(#unif-app[data-mode="planner"]) main{max-width:1200px!important;padding:24px 22px 85px!important}
.planner-welcome{background:linear-gradient(110deg,#214b3b,#54856c);color:#fff;border-radius:25px;padding:34px 36px;margin:12px 0 22px}
.planner-welcome span{font-size:12px;font-weight:800;letter-spacing:.15em;color:#d6eddf}
.planner-welcome h1{font-family:system-ui,sans-serif;font-size:clamp(28px,3.7vw,45px);margin:12px 0}
.planner-welcome p{max-width:780px;font-size:17px;line-height:1.6;margin:0}
body:has(#unif-app[data-mode="planner"]) .unif{max-width:100%!important}
body:has(#unif-app[data-mode="planner"]) #unif-plan{background:white!important;border:1px solid #e0e9e0;border-radius:24px;padding:30px!important;box-shadow:0 9px 34px #1a50300d}
body:has(#unif-app[data-mode="planner"]) #unif-plan>h2{font-family:system-ui,sans-serif;font-size:27px;margin-top:0}
body:has(#unif-app[data-mode="planner"]) #unif-plan>.intro{color:#5a6d61;background:transparent!important;padding:0!important}
body:has(#unif-app[data-mode="planner"]) #unif-options>.unif-section{background:transparent!important;border:0!important;box-shadow:none!important;padding:20px 0!important;margin:16px 0!important;border-bottom:1px solid #e7eee8!important;border-radius:0!important}
body:has(#unif-app[data-mode="planner"]) #unif-options h2{font:700 clamp(19px,2vw,24px) system-ui,sans-serif!important;margin:8px 0 18px!important}
body:has(#unif-app[data-mode="planner"]) #unif-options .unif-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
body:has(#unif-app[data-mode="planner"]) #unif-options .unif-card{min-height:0!important;border-radius:17px!important;overflow:hidden!important;border:2px solid #dfe9e0!important;background:#fff!important;box-shadow:0 2px 10px #22452c0b;cursor:pointer;transition:box-shadow .15s,border-color .15s}
body:has(#unif-app[data-mode="planner"]) #unif-options .unif-card:hover{box-shadow:0 5px 18px #214c2b22}
body:has(#unif-app[data-mode="planner"]) #unif-options .unif-card.selected{border-color:#27734f!important;background:#f0f8f0!important;box-shadow:0 0 0 3px #bce4c7!important}
body:has(#unif-app[data-mode="planner"]) #unif-options .unif-card img{display:block;width:100%!important;height:175px!important;object-fit:cover!important;aspect-ratio:16/9}
body:has(#unif-app[data-mode="planner"]) #unif-options .unif-card .pic{height:175px!important;display:grid;place-items:center;background:#e6efe8}
body:has(#unif-app[data-mode="planner"]) #unif-options .unif-card strong{display:block!important;padding:14px 16px 16px 42px!important;font:650 16px system-ui,sans-serif!important;line-height:1.35!important}
body:has(#unif-app[data-mode="planner"]) #unif-options .unif-choice input{position:absolute;bottom:16px;top:auto;left:14px;width:20px;height:20px;accent-color:#286949}
body:has(#unif-app[data-mode="planner"]) .unif-controls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
body:has(#unif-app[data-mode="planner"]) .unif-controls label{font-weight:700;display:flex;flex-direction:column;gap:9px}
body:has(#unif-app[data-mode="planner"]) .unif-controls input,body:has(#unif-app[data-mode="planner"]) .unif-controls select{min-height:45px;border:1px solid #a8c6af;border-radius:10px;font-size:16px;background:white}
body:has(#unif-app[data-mode="planner"]) #unif-generate{background:#245a41;border-radius:13px;font-size:17px;padding:16px 25px}
body:has(#unif-app[data-mode="planner"]) #unif-result{scroll-margin-top:155px}
body:has(#unif-app[data-mode="planner"]) .mg-itinerary{background:#fff;border:1px solid #e0e9df;border-radius:22px;padding:24px;margin-top:28px}
body:has(#unif-app[data-mode="planner"]) .mg-itinerary>h2{font-size:29px}
body:has(#unif-app[data-mode="planner"]) .mg-itinerary .mg-day{background:#eef5ee;border-left:6px solid #52956e;border-radius:16px;padding:21px 25px;margin:20px 0}
body:has(#unif-app[data-mode="planner"]) .mg-itinerary .mg-slot{padding:14px 0;border-top:1px solid #dce9de;line-height:1.65}
body:has(#unif-app[data-mode="planner"]) .mg-itinerary .mg-slot a{display:inline-block;margin:6px 10px 0 0;font-weight:700;color:#205a40}
@media(max-width:760px){body:has(#unif-app[data-mode="planner"]) #unif-options .unif-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}body:has(#unif-app[data-mode="planner"]) #unif-options .unif-card img,body:has(#unif-app[data-mode="planner"]) #unif-options .unif-card .pic{height:125px!important}body:has(#unif-app[data-mode="planner"]) #unif-options .unif-card strong{font-size:14px!important;padding:12px 8px 13px 37px!important}body:has(#unif-app[data-mode="planner"]) .unif-controls{grid-template-columns:1fr!important}.planner-welcome{padding:24px}body:has(#unif-app[data-mode="planner"]) #unif-plan{padding:18px!important}}