:root{--accent:#e95030;--accent-2:#f49a52;--accent-rgb:233,80,48}
.web-browser{position:absolute;inset:13% 8%;background:#f6f6f4;border:1px solid var(--line);border-radius:17px;z-index:2;box-shadow:0 25px 55px rgba(38,42,45,.13);overflow:hidden;animation:webFloat 6s ease-in-out infinite}
.web-browser-top{height:38px;background:#dfe2e3;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 13px;gap:6px}.web-browser-top i{width:7px;height:7px;border-radius:50%;background:#aeb4b6}
.web-browser-body{height:calc(100% - 38px);display:grid;grid-template-columns:26% 74%}.web-browser-body aside{border-right:1px solid var(--line);padding:20px}.web-browser-body main{padding:26px}.web-title-line{height:18px;width:62%;background:var(--accent);border-radius:9px}.web-copy-line{height:8px;width:82%;background:#c6cbcd;border-radius:8px;margin-top:14px}.web-copy-line.short{width:55%}.web-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.web-cards span{height:105px;background:#e3e5e5;border-radius:10px;border:1px solid var(--line)}
.integration-stack{display:grid;gap:12px}.integration-step{padding:20px;border-radius:14px;background:rgba(247,247,245,.7);border:1px solid var(--line);display:flex;align-items:center;gap:17px}.integration-step b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(233,80,48,.11);color:var(--accent);font-family:var(--title)}.integration-step span{font-weight:700}.integration-step small{display:block;color:var(--muted);margin-top:4px}
@keyframes webFloat{50%{transform:translateY(-9px) rotate(.25deg)}}
@media(max-width:620px){.web-browser{inset:9% 4%}.web-browser-body{grid-template-columns:1fr}.web-browser-body aside{display:none}.web-cards span{height:80px}}
:root{--service-font:'Space Grotesk';}
.visual-panel{border-color:rgba(233,80,48,.18)}


/* v4: catálogo visual de tipos de web */
.web-types-zone{padding:88px 0 96px;overflow:hidden}.web-types-head{max-width:var(--max);margin:auto;padding:0 clamp(22px,5vw,76px) 32px;display:flex;justify-content:space-between;align-items:end;gap:30px}.web-types-head h2{font:700 clamp(32px,4vw,58px)/1.08 var(--service-font);max-width:920px}.web-types-head h2 span{color:var(--accent)}
.web-types-slider{overflow:hidden}.web-types-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(22px,calc((100vw - var(--max))/2 + 5vw)) 18px}.web-types-track::-webkit-scrollbar{display:none}
.web-type-slide{position:relative;flex:0 0 min(470px,78vw);height:530px;border-radius:24px;overflow:hidden;scroll-snap-align:start;background:#333;box-shadow:0 24px 60px rgba(38,42,45,.12)}.web-type-slide img{width:100%;height:100%;object-fit:cover;transition:.55s}.web-type-slide:hover img{transform:scale(1.04)}.web-type-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,16,17,.05) 28%,rgba(14,16,17,.87) 88%)}.web-type-overlay{position:absolute;z-index:2;left:26px;right:26px;bottom:25px;color:white}.web-type-overlay>span{font:700 9px var(--service-font);letter-spacing:.12em;color:#ffd4c9}.web-type-overlay h3{font:700 29px var(--service-font);margin:9px 0}.web-type-overlay p{line-height:1.65;color:rgba(255,255,255,.78);font-size:14px}.web-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.web-tags b{font-size:10px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-weight:500}
@media(max-width:640px){.web-types-head{align-items:flex-start;flex-direction:column}.web-type-slide{height:450px;flex-basis:86vw}}
\n.web-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 max(22px,calc((100vw - var(--max))/2 + 5vw))}.web-type-card{position:relative;height:440px;border-radius:24px;overflow:hidden;background:#333;box-shadow:0 24px 60px rgba(38,42,45,.10);transition:.3s}.web-type-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.web-type-card:hover{transform:translateY(-6px)}.web-type-card:hover img{transform:scale(1.035)}.web-type-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,16,17,.04) 22%,rgba(14,16,17,.89) 90%)}@media(max-width:980px){.web-types-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.web-types-grid{grid-template-columns:1fr}.web-type-card{height:410px}}\n