@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@500;600;700;800&display=swap";:root{--yellow:#ffc107;--ink:#151515;--muted:#777;--line:#e8e8e8;--bg:#fff;--soft:#fff8df}*{box-sizing:border-box}body{color:var(--ink);background:#eee;margin:0;font-family:Inter,system-ui,sans-serif}button,input,textarea,select{font:inherit}.app{background:#fff;width:100%;max-width:480px;min-height:100vh;margin:auto;padding-bottom:85px;box-shadow:0 0 40px #0001}.topbar{color:#111;background:#fff;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex}.brand{color:#111;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand .mark{border:2px solid var(--yellow);width:36px;height:36px;color:var(--yellow);border-radius:9px;place-items:center;font-size:20px;font-weight:800;display:grid}.brand b,.brand small{display:block}.brand b{letter-spacing:.5px;font-size:15px}.brand small{letter-spacing:.8px;margin-top:2px;font-size:9px}.brand-logo{object-fit:contain;width:190px;height:52px;display:block}.iconbtn,.back{cursor:pointer;background:0 0;border:0}.iconbtn{color:var(--yellow)}.hero{background:linear-gradient(90deg,#000c,#0001),url(/hero-emprende.jpg) 50%/cover;align-items:flex-end;height:305px;padding:28px 22px;display:flex}.hero-copy{color:#fff;width:100%}.eyebrow{text-transform:uppercase;letter-spacing:1.3px;color:#ffd84d;font-size:11px}.hero h1{margin:8px 0 22px;font-family:Poppins;font-size:29px;line-height:1.14}.hero em,.formtitle em{color:var(--yellow);font-style:normal}.search{color:#222;background:#fff;border-radius:13px;gap:9px;padding:13px 14px;display:flex;box-shadow:0 8px 25px #0002}.search input{border:0;outline:0;width:100%}.content{padding:22px 20px}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h2{margin:0;font-family:Poppins;font-size:18px}.section-head button{color:#d69e00;background:0 0;border:0;font-size:12px;font-weight:700}.cats{grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0 23px;display:grid}.cat{cursor:pointer;background:0 0;border:0}.cat span{background:#f7f7f7;border-radius:50%;place-items:center;width:53px;height:53px;margin:auto;font-size:23px;display:grid}.cat.active span{outline:2px solid var(--yellow);background:#fff2bd}.cat label{margin-top:6px;font-size:10px;display:block}.featured{color:#fff;background:#111;border-radius:15px;height:205px;margin-bottom:27px;display:flex;position:relative;overflow:hidden}.featured-info{z-index:2;flex-direction:column;justify-content:center;width:58%;padding:18px 12px 18px 18px;display:flex}.featured-info>span{color:#ffd21f;margin-bottom:5px;font-size:10px;font-weight:800}.featured-info h3{margin:3px 0 5px;font-family:Poppins;font-size:18px;line-height:1.1}.featured-info p{color:#ddd;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 8px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.featured-city,.featured-products{color:#ddd;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;overflow:hidden}.featured-button{background:var(--yellow);color:#111;cursor:pointer;border:0;border-radius:7px;width:max-content;margin-top:9px;padding:8px 11px;font-size:10px;font-weight:800}.featured-image{width:42%;height:100%;overflow:hidden}.featured-image img{object-fit:cover;width:100%;height:100%;display:block}.featured-arrow{z-index:4;color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:25px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.featured-prev{left:8px}.featured-next{right:8px}.featured-dots{z-index:5;justify-content:center;gap:5px;display:flex;position:absolute;bottom:8px;left:0;right:0}.featured-dots button{cursor:pointer;background:#aaa;border:0;border-radius:50%;width:7px;height:7px;padding:0}.featured-dots button.active{background:var(--yellow)}.listhead{margin-bottom:12px}.cards{flex-direction:column;gap:10px;display:flex}.card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:13px;gap:11px;padding:10px;display:flex;position:relative}.card img{object-fit:cover;border-radius:10px;width:82px;height:82px}.cardbody{min-width:0;padding-right:18px}.cardbody h3{margin:2px 0 3px;font-family:Poppins;font-size:14px}.cardbody p{color:#777;margin:0 0 5px;font-size:10px}.cardbody span{color:#916d00;background:#fff3c7;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-block}.cardbody small{color:#555;margin-top:6px;font-size:10px;line-height:1.3;display:block}.arrow{color:#777;position:absolute;top:40%;right:9px}.register,.submit{background:var(--yellow);cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:18px;padding:15px;font-weight:800}.register{justify-content:center;align-items:center;gap:8px;display:flex}.detail,.formpage{padding:16px 20px}.back{align-items:center;gap:7px;padding:4px 0 12px;font-weight:700;display:flex}.detailhero{object-fit:cover;width:calc(100% + 40px);height:260px;margin-left:-20px}.detailcard{background:#fff;border-radius:22px 22px 0 0;margin-top:-22px;padding:22px 5px;position:relative}.profileline{align-items:center;gap:12px;display:flex}.avatar{width:54px;height:54px;color:var(--yellow);background:#111;border-radius:50%;place-items:center;font-weight:800;display:grid}.profileline h1{margin:0;font-family:Poppins;font-size:19px}.profileline p{color:#777;margin:3px 0;font-size:11px}.profileline span{background:#fff1b8;border-radius:6px;padding:5px 8px;font-size:9px}.heart{background:#fff;border:1px solid #ddd;border-radius:50%;width:38px;height:38px;margin-left:auto}.detail hr{border:0;border-top:1px solid var(--line);margin:18px 0}.detail h2{margin:17px 0 7px;font-family:Poppins;font-size:14px}.desc,.products{color:#555;font-size:12px;line-height:1.55}.contact>div{grid-template-columns:25px 1fr;column-gap:7px;margin:14px 0;display:grid}.contact svg{color:#24b34b;grid-row:span 2}.contact b{font-size:12px}.contact small{color:#777;font-size:10px}.actions{flex-direction:column;gap:8px;margin-top:20px;display:flex}.actions a{background:var(--yellow);text-align:center;color:#111;border-radius:10px;padding:14px;font-size:12px;font-weight:800;text-decoration:none}.actions a.outline{background:#fff;border:1px solid #ddd}.support{background:var(--soft);border-radius:11px;align-items:center;gap:9px;margin-top:14px;padding:13px;font-size:11px;display:flex}.formtitle h1{margin:12px 0 22px;font-family:Poppins;font-size:29px;line-height:1.1}.steps{justify-content:center;align-items:center;display:flex}.steps>*{place-items:center;display:grid}.steps b,.steps span{background:#e8e8e8;border-radius:50%;width:32px;height:32px;font-size:13px}.steps b{background:var(--yellow)}.steps i{background:#ddd;flex:1;max-width:75px;height:2px}.stepnames{justify-content:space-between;margin:5px 17px 24px;font-size:9px;display:flex}.stepnames b{color:#111}.formpage form h2{margin:22px 0 12px;font-family:Poppins;font-size:14px}.formpage label{margin:12px 0;font-size:11px;font-weight:700;display:block}.formpage input,.formpage textarea,.formpage select{background:#fff;border:1px solid #ddd;border-radius:9px;outline:0;width:100%;margin-top:6px;padding:12px}.formpage textarea{resize:vertical;min-height:85px}.check{align-items:flex-start;gap:8px;line-height:1.4;font-weight:500!important;display:flex!important}.check input{accent-color:#ffc107;width:auto;margin-top:1px}.thanks{text-align:center;padding:80px 28px}.bigcheck{color:#25a65a;background:#eaffef;border-radius:50%;place-items:center;width:70px;height:70px;margin:auto;font-size:38px;display:grid}.thanks h1{font-family:Poppins;font-size:30px}.thanks p{color:#666;font-size:13px;line-height:1.6}nav{z-index:20;background:#fff;border-top:1px solid #eee;justify-content:space-around;align-items:center;width:100%;max-width:480px;height:70px;display:flex;position:fixed;bottom:0}nav button{color:#777;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;font-size:9px;display:flex}nav button.active{color:#111;font-weight:800}nav svg{width:19px}@media (width>=700px){.app{border-radius:25px;margin:25px auto;overflow:hidden}.topbar{border-radius:25px 25px 0 0}body{background:#ddd}.hero{height:320px}}
