:root{--ink:#352b24;--gold:#ad7c3d;--cream:#fff4df}body{background:#fff9ee;color:var(--ink);font:14px/1.45 Arial,sans-serif;padding-bottom:80px}header{position:absolute;top:0;left:0;right:0;height:104px;min-height:0;padding:25px 22px 15px;z-index:2;background:linear-gradient(#1e202854,transparent);color:white;gap:12px;flex-wrap:nowrap}.brand{color:inherit;font:25px Georgia,serif;letter-spacing:1px;text-align:center;font-variant:small-caps}.brand span{font:9px Arial,sans-serif;letter-spacing:1.8px;margin-top:6px}.icon-button{width:32px;height:38px;padding:3px;background:transparent;border:0;color:inherit;display:grid;place-items:center}.icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}nav{position:fixed;bottom:0;left:0;right:0;z-index:5;height:73px;padding:10px 8px max(10px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;gap:0;background:#fff9eff5;border-top:1px solid #e8d8bd;backdrop-filter:blur(12px)}nav a{display:flex;align-items:center;flex-direction:column;justify-content:start;gap:3px;flex:1;font-size:10px;padding:0;color:#514a43}nav a.active{border:0;color:#985121}nav a.active .icon{stroke-width:2}main{max-width:1140px;margin:auto}main>section:not(.hero){padding:0 20px;margin:24px auto}.hero{min-height:0;height:360px;padding:0 24px!important;margin:0!important;background:linear-gradient(0deg,#1a1712bb,transparent 75%),url('assets/roma.png') center 44%/cover;color:white;position:relative;display:flex;align-items:end;padding-bottom:42px!important}.hero h1{font:27px/1.06 Georgia,serif;letter-spacing:.1px;text-transform:uppercase;margin:0 0 8px;text-shadow:0 1px 5px #0006}.hero p{font:18px/1.15 Georgia,serif;margin:0;color:#fff8ef}.hero-copy{max-width:350px}#home-tools{position:relative;margin:-23px auto 21px!important;z-index:1;padding:0 16px}.destination-search{display:flex;align-items:center;gap:8px;height:46px;background:#fff;border-radius:28px;box-shadow:0 5px 15px #6f4b3020;border:1px solid #e1d4be;padding:0 13px}.destination-search input{border:0;background:none;padding:0;margin:0;outline-offset:0;font-size:14px;min-width:0}.destination-search>span{color:#4e5660}.destination-search button{background:none;border:0;padding:4px;color:#8b6a3c}.destination-search .icon{width:21px;height:21px}.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);column-gap:6px;row-gap:17px;margin:20px 0 0}.shortcut{border:0;background:transparent;color:#27221b;padding:0;font-size:11px;line-height:1.2;display:flex;flex-direction:column;align-items:center;gap:7px}.shortcut>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #e4bc85;border-radius:50%;color:#493d2e;background:#fff7e9;box-shadow:inset 0 0 0 3px #fffaf1}.shortcut .icon{width:26px;height:26px}.section-head{margin:0 0 10px;align-items:center;gap:8px}.section-head h2{font:21px Georgia,serif;margin:0}.section-head a{font-size:11px;color:#3d4c60;text-decoration:none}h2{font:29px Georgia,serif;margin:10px 0}h3{font:23px Georgia,serif}.eyebrow{font-size:9px;letter-spacing:1.7px}#destinos{margin-top:24px}.grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.destination{min-height:0;border:1px solid #e9ddc9;background:#fffaf0;color:var(--ink);border-radius:7px;overflow:hidden;position:relative}.destination img{position:static;width:100%;height:112px;display:block;object-fit:cover}.destination>div{position:static;background:none;padding:9px;display:block}.destination h3{font:bold 14px Arial,sans-serif;margin:0 0 3px}.destination p{font-size:10px;line-height:1.2;letter-spacing:0;margin:0;color:#5c554c}.destination .destination-country{display:none}.destination button.plan{display:block;width:100%;font-size:10px;padding:6px 1px;margin-top:8px;background:transparent;border-top:1px solid #e8d5b7;border-radius:0;color:#865021}.destination button.wish{position:absolute;top:6px;right:6px;min-width:26px;height:26px;border:0;border-radius:50%;background:#fffaf0ed;color:#82502b;display:grid;place-items:center;padding:4px}.wish .icon{width:17px;height:17px}.wish[aria-pressed=true] .icon{fill:#a76b39;stroke:#a76b39}.destination-note{font-size:10px;margin:10px 0;color:#887860}.only-destinations{margin-top:16px}.card{background:#fffcf7}.card img{height:150px}.cardbody{padding:16px}.cardbody h3{font-size:23px}.actions{margin-top:12px}.empty{padding:30px 15px}.empty h3{font-size:23px}.profile{grid-template-columns:1fr;gap:20px}.editorial{margin-top:25px!important;background:#f2e5cf}.editorial h2{font-size:30px}footer{display:none}dialog{background:#fff9ed;max-height:88dvh}dialog .section-head h3{font-size:20px}button,.button{background:#754321;border-color:#754321;padding:10px 17px}.secondary{background:transparent;color:#754321;border-color:#d6b98f}#notice{bottom:85px;font-size:13px}body:not([data-page=inicio]) header{position:relative;height:84px;background:#fff3df;border-bottom:1px solid #e5d3b5;color:#684728}body:not([data-page=inicio]) #inicio,body:not([data-page=inicio]) #home-tools{display:none}body[data-page=inicio] #viajes,body[data-page=inicio] #inspiracion,body[data-page=inicio] #perfil{display:none}body[data-page=inicio] .only-destinations{display:none}body[data-page=destinos] #viajes,body[data-page=destinos] #inspiracion,body[data-page=destinos] #perfil{display:none}body[data-page=viajes] #destinos,body[data-page=viajes] #inspiracion,body[data-page=viajes] #perfil{display:none}body[data-page=inspiracion] #destinos,body[data-page=inspiracion] #viajes,body[data-page=inspiracion] #perfil{display:none}body[data-page=perfil] #destinos,body[data-page=perfil] #viajes,body[data-page=perfil] #inspiracion{display:none}#resource-content{display:grid;gap:10px}#resource-content button{text-align:left}#resource-content .wish-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1cbaa;padding:8px 0;gap:10px}.resource-note{font-size:12px;color:#7b644c}
@media(min-width:761px){header{left:50%;transform:translateX(-50%);max-width:1140px;padding:25px 40px;height:110px}.brand{font-size:31px}.brand span{font-size:10px}nav{left:50%;transform:translateX(-50%);max-width:700px;border:1px solid #ddc9a6;border-bottom:0;border-radius:15px 15px 0 0}nav a{font-size:12px}.hero{height:455px;padding-left:55px!important;background-position:center 46%}.hero h1{font-size:42px}.hero p{font-size:23px}.hero-copy{max-width:480px}#home-tools{max-width:800px;padding:0 30px!important}.destination-search{height:52px}.shortcuts{grid-template-columns:repeat(8,1fr);margin-top:25px;gap:15px}.shortcut{font-size:12px}.shortcut>span{width:58px;height:58px}main>section:not(.hero){padding:0 40px}.destination img{height:190px}.destination>div{padding:15px}.destination h3{font-size:20px}.destination p{font-size:13px}.destination button.plan{font-size:12px}.section-head h2{font-size:28px}.section-head a{font-size:13px}.destination-note{font-size:12px}.profile{grid-template-columns:1fr 2fr}body:not([data-page=inicio]) header{left:auto;transform:none;margin:auto}.card .actions button{font-size:13px}}
@media(max-width:760px){.hero{height:320px}.hero h1{font-size:25px}.shortcuts{margin-top:17px;row-gap:13px}.shortcut>span{width:49px;height:49px}#home-tools{margin-bottom:16px!important}.destination img{height:96px}.destination button.plan{padding:5px 1px}.destination-note{margin-top:8px}}
@media(max-width:370px){.hero{height:310px}.hero h1{font-size:23px}.shortcut{font-size:10px}.shortcut>span{width:46px;height:46px}.destination>div{padding:7px}.destination h3{font-size:12px}.destination img{height:90px}.section-head h2{font-size:19px}}
