:root{ --ink:#0a1226; --ink2:#111c3a; --blue:#1a6bff; --blue-d:#0f55d6; --sky:#e8f0ff; --bg:#ffffff; --soft:#f5f8fd; --line:#e3e9f4; --muted:#5b6785; --wa:#1fb855; --r:18px; --shadow:0 20px 50px -20px rgba(10,18,38,.25); } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;scroll-padding-top:76px} body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased} img{max-width:100%;display:block} a{color:inherit;text-decoration:none} ul,ol{list-style:none} .wrap{width:min(1160px,100% - 32px);margin-inline:auto} /* buttons */ .btn{display:inline-flex;align-items:center;gap:.5rem;justify-content:center;background:var(--blue);color:#fff;font-weight:700;font-size:.98rem;padding:.9rem 1.5rem;border-radius:999px;border:0;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 10px 24px -10px rgba(26,107,255,.7)} .btn:hover{background:var(--blue-d);transform:translateY(-2px)} .btn--sm{padding:.6rem 1.1rem;font-size:.9rem;box-shadow:none} .btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none} .btn--ghost:hover{background:var(--soft);border-color:var(--ink)} .btn--wa{background:var(--wa);box-shadow:0 10px 24px -10px rgba(31,184,85,.7)} .btn--wa:hover{background:#17a049} .btn--line{background:transparent;border:1.5px solid rgba(255,255,255,.35);box-shadow:none} .btn--line:hover{background:rgba(255,255,255,.1)} .btn--full{width:100%} :focus-visible{outline:3px solid var(--blue);outline-offset:3px} /* nav */ .nav{position:sticky;top:0;z-index:50;background:rgba(10,18,38,.96);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(255,255,255,.08)} .nav__in{display:flex;align-items:center;justify-content:space-between;height:68px} .brand img{height:34px;width:auto} .menu{display:flex;align-items:center;gap:1.8rem;font-weight:600;font-size:.95rem} .menu a:not(.btn){color:#a9b8d8;transition:color .2s} .menu a:not(.btn):hover{color:#fff} .burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative} .burger span{position:absolute;left:11px;right:11px;height:2px;background:#fff;border-radius:2px;transition:.25s} .burger span:first-child{top:18px}.burger span:last-child{top:26px} .burger[aria-expanded="true"] span:first-child{top:22px;transform:rotate(45deg)} .burger[aria-expanded="true"] span:last-child{top:22px;transform:rotate(-45deg)} /* hero */ .hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;isolation:isolate;display:flex;flex-direction:column;min-height:min(880px,calc(100svh - 68px))} .hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden} .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;will-change:transform} .o1{width:560px;height:560px;background:radial-gradient(circle,#1a6bff,transparent 65%);top:-220px;left:50%;margin-left:-280px;animation:drift1 16s ease-in-out infinite} .o2{width:420px;height:420px;background:radial-gradient(circle,#3a4dff,transparent 65%);bottom:-120px;right:-80px;opacity:.35;animation:drift2 19s ease-in-out infinite} @keyframes drift1{50%{transform:translate(-70px,40px) scale(1.12)}} @keyframes drift2{50%{transform:translate(-60px,-40px) scale(1.15)}} .hero__c{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 0 .5rem} .eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:1.2rem} .eyebrow--l{color:#a9c9ff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:.45rem 1rem;border-radius:99px;backdrop-filter:blur(6px)} .dot{width:8px;height:8px;border-radius:50%;background:currentColor} .dot--live{background:#35e07a;box-shadow:0 0 0 0 rgba(53,224,122,.6);animation:ping 2s infinite} @keyframes ping{70%{box-shadow:0 0 0 10px rgba(53,224,122,0)}100%{box-shadow:0 0 0 0 rgba(53,224,122,0)}} h1{font-size:clamp(2.3rem,5vw,3.9rem);line-height:1.07;font-weight:800;letter-spacing:-.03em} .hero h1{color:#fff;font-size:clamp(2.3rem,5.4vw,4.3rem);max-width:21ch} h1 em{font-style:normal;background:linear-gradient(100deg,#4d93ff,#7fd0ff 40%,#4d93ff 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:shine 6s linear infinite} @keyframes shine{to{background-position:200% center}} h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.15;font-weight:800;letter-spacing:-.025em} h3{font-size:1.12rem;font-weight:700;letter-spacing:-.01em} .lead{font-size:1.12rem;color:#b3c2e0;max-width:38rem;margin:1.1rem 0 1.6rem} .hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem} .hero .btn--ghost{color:#fff;border-color:rgba(255,255,255,.3)} .hero .btn--ghost:hover{background:rgba(255,255,255,.1);border-color:#fff} .ticks{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;margin-top:1.3rem;font-size:.92rem;font-weight:600;color:#a9b8d8} .ticks li::before{content:"✓";color:#5aa2ff;font-weight:800;margin-right:.45rem} /* entrada del texto */ .hero__c>*{opacity:0;transform:translateY(20px);animation:up .8s cubic-bezier(.2,.7,.2,1) forwards} .hero__c>:nth-child(1){animation-delay:.05s}.hero__c>:nth-child(2){animation-delay:.15s}.hero__c>:nth-child(3){animation-delay:.28s}.hero__c>:nth-child(4){animation-delay:.4s}.hero__c>:nth-child(5){animation-delay:.52s} @keyframes up{to{opacity:1;transform:none}} /* carrusel de proyectos */ .mq{position:relative;margin-top:auto;padding:1.8rem 0 2.6rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);animation:fadein 1s .5s both} @keyframes fadein{from{opacity:0;transform:translateY(30px)}} .mq__track{display:flex;width:max-content;will-change:transform} .mq__set{display:flex;gap:1.2rem;padding-right:1.2rem} .mq__card{position:relative;flex:none;width:clamp(250px,29vw,390px);aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0d1731;border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 50px -22px rgba(0,0,0,.85);transform:rotate(-2.5deg);transition:transform .35s ease} .mq__card:nth-child(even){transform:rotate(3deg) translateY(14px)} .mq__card:hover{transform:rotate(0) scale(1.05);z-index:2} .mq__card img{width:100%;height:100%;object-fit:cover;object-position:left top} .mq__card figcaption{position:absolute;left:10px;bottom:10px;background:rgba(10,18,38,.78);backdrop-filter:blur(6px);color:#fff;font-size:.72rem;font-weight:700;padding:.3rem .7rem;border-radius:99px;border:1px solid rgba(255,255,255,.15)} /* tarjetas de ejemplo (sin captura real) */ .m{display:flex;flex-direction:column;padding:0;background:#fff} .m__bar{display:flex;gap:5px;padding:8px 10px;background:#f1f4fa;border-bottom:1px solid var(--line)} .m__bar i{width:7px;height:7px;border-radius:50%;background:#cdd6e8} .m__hero{flex:1;margin:10px 10px 0;border-radius:10px;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:7px;background:linear-gradient(135deg,var(--b),var(--a))} .m__l1{height:11px;width:72%;border-radius:4px;background:#fff} .m__l2{height:11px;width:50%;border-radius:4px;background:rgba(255,255,255,.65)} .m__btn{height:16px;width:64px;border-radius:99px;background:#fff;opacity:.9;margin-top:4px} .m__row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:8px 10px 10px} .m__row i{height:26px;border-radius:7px;background:#eaf0fb} /* strip */ .strip{background:#0d1731;color:#fff;border-top:1px solid rgba(255,255,255,.08)} .strip__in{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.6rem 0} .strip__in div{display:flex;flex-direction:column;padding-left:1rem;border-left:2px solid var(--blue)} .strip__in strong{font-size:.98rem} .strip__in span{font-size:.84rem;color:#9fb0d4} /* sections */ .sec{padding:5.5rem 0} .sec--dark{background:radial-gradient(800px 400px at 100% 0,rgba(26,107,255,.25),transparent 60%),var(--ink);color:#fff} .sec--soft{background:var(--soft)} .sec__head{max-width:40rem;margin-bottom:3rem} .muted{color:var(--muted);margin-top:1rem;font-size:1.05rem} .sec--dark .muted{color:#a9b8d8} .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem} .card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.7rem;transition:transform .25s,box-shadow .25s,border-color .25s} .card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#c9d8f5} .card h3{margin:1.1rem 0 .5rem} .card p{color:var(--muted);font-size:.95rem} /* steps */ .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;counter-reset:s} .steps li{position:relative;padding:1.6rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--r);background:rgba(255,255,255,.04)} .steps span{font-size:2.4rem;font-weight:800;color:var(--blue);line-height:1;letter-spacing:-.04em} .steps h3{margin:.9rem 0 .4rem} .steps p{color:#a9b8d8;font-size:.94rem} /* work */ .work{display:grid;grid-template-columns:.9fr 1.1fr;gap:3.5rem;align-items:center} .work__copy .btn{margin-top:1.8rem} .check{margin-top:1.4rem;display:grid;gap:.6rem;font-weight:600} .check li::before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--sky);color:var(--blue);font-size:.75rem;font-weight:800;margin-right:.7rem} .note{margin-top:1.1rem;font-size:.82rem;color:var(--muted)} .work__img{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--ink)} .work__img img{width:100%;height:auto;transition:transform .6s} .work__img:hover img{transform:scale(1.03)} /* about */ .about{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start} .about__txt p{color:var(--muted);font-size:1.05rem} .about__txt strong{color:var(--ink)} .values{display:grid;gap:.9rem;margin-top:1.8rem} .values div{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:12px;padding:.9rem 1.2rem} .values b{font-size:1rem} .values span{font-size:.9rem;color:var(--muted)} /* cta */ .cta{background:radial-gradient(700px 400px at 0 0,rgba(26,107,255,.35),transparent 60%),var(--ink);color:#fff;padding:5.5rem 0} .cta__in{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center} .cta__ico{margin-bottom:1.4rem} .cta__copy p{color:#a9b8d8;font-size:1.08rem;margin:1rem 0 2rem;max-width:30rem} .cta__links{display:flex;flex-wrap:wrap;gap:.8rem} .form{background:#fff;color:var(--ink);border-radius:22px;padding:2rem;box-shadow:0 30px 60px -25px rgba(0,0,0,.6);display:grid;gap:1rem} .form h3{font-size:1.3rem} .form label{display:grid;gap:.35rem;font-size:.85rem;font-weight:700} .form input,.form select,.form textarea{font:inherit;font-weight:500;font-size:.95rem;padding:.75rem .9rem;border:1.5px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);transition:border-color .2s,background .2s;width:100%} .form textarea{resize:vertical} .form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--blue);background:#fff} .form input.err{border-color:#e5484d} .hint{font-size:.8rem;color:var(--muted);text-align:center} /* footer */ .foot{background:#060b19;color:#9fb0d4;padding:2.6rem 0} .foot__in{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem} .foot__in img{height:30px;width:auto} .foot__in p{flex:1;font-size:.92rem} .foot__in a{font-weight:600;color:#fff} .foot__in a:hover{color:#7fb0ff} .foot__in small{width:100%;border-top:1px solid rgba(255,255,255,.08);padding-top:1.2rem;font-size:.8rem} /* floating whatsapp */ /* reveal */ .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease} .rv.in{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.hero__c>*{opacity:1;transform:none}.rv{opacity:1;transform:none}html{scroll-behavior:auto}} /* responsive */ @media (max-width:1000px){ .grid4,.steps{grid-template-columns:repeat(2,1fr)} .strip__in{grid-template-columns:repeat(2,1fr)} .work,.about,.cta__in{grid-template-columns:1fr;gap:2.6rem} .hero__c{padding:3rem 0 1.5rem} } @media (max-width:760px){ .burger{display:block} .menu{position:fixed;inset:68px 0 auto 0;background:#0d1731;flex-direction:column;align-items:stretch;gap:0;padding:.6rem 16px 1.4rem;border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(-130%);transition:transform .3s;box-shadow:var(--shadow)} .menu.open{transform:none} .menu a:not(.btn){padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.1)} .menu__cta{margin-top:1rem} .sec,.cta{padding:4rem 0} } @media (max-width:560px){ .grid4,.steps{grid-template-columns:1fr} .hero__cta .btn{width:100%} .mq__card{width:230px} .form{padding:1.4rem} h1 em{white-space:normal} } /* ===== LIQUID GLASS ===== */ :root{--glass-blur:blur(18px) saturate(190%)} html{scroll-padding-top:100px} /* Botones */ .btn{ position:relative;isolation:isolate;overflow:hidden; background:linear-gradient(180deg,rgba(78,146,255,.94),rgba(22,94,242,.9)); -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur); border:1px solid rgba(255,255,255,.4); box-shadow: inset 0 1.5px 0 rgba(255,255,255,.7), inset 0 -12px 20px -6px rgba(0,30,130,.35), inset 0 0 0 1px rgba(255,255,255,.08), 0 12px 28px -12px rgba(26,107,255,.85), 0 2px 6px rgba(10,18,38,.22); text-shadow:0 1px 2px rgba(0,25,100,.4); transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s; } .btn::before{content:"";position:absolute;inset:0 0 46% 0;border-radius:inherit;z-index:-1;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.04))} .btn::after{content:"";position:absolute;top:-10%;bottom:-10%;left:-70%;width:45%;z-index:-1;pointer-events:none; background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .8s cubic-bezier(.2,.8,.2,1)} .btn:hover{background:linear-gradient(180deg,rgba(96,158,255,.96),rgba(30,104,250,.92));transform:translateY(-2px) scale(1.02);filter:saturate(1.1)} .btn:hover::after{left:130%} .btn:active{transform:translateY(0) scale(.98)} .btn--sm{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.7),inset 0 -8px 14px -6px rgba(0,30,130,.35),0 8px 18px -10px rgba(26,107,255,.8)} .btn--ghost,.hero .btn--ghost{ background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05)); border:1px solid rgba(255,255,255,.3);color:#fff;text-shadow:none; box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45),inset 0 -10px 18px -8px rgba(255,255,255,.08),0 10px 24px -14px rgba(0,0,0,.6); } .btn--ghost:hover,.hero .btn--ghost:hover{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.1));border-color:rgba(255,255,255,.5)} .btn--wa{ background:linear-gradient(180deg,rgba(64,214,112,.94),rgba(24,160,76,.9)); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.7),inset 0 -12px 20px -6px rgba(0,80,30,.35),0 12px 28px -12px rgba(31,184,85,.85),0 2px 6px rgba(10,18,38,.22); text-shadow:0 1px 2px rgba(0,60,25,.4)} .btn--wa:hover{background:linear-gradient(180deg,rgba(84,226,128,.96),rgba(30,172,84,.92))} .btn--line{ background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05)); border:1px solid rgba(255,255,255,.32); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45),inset 0 -10px 18px -8px rgba(255,255,255,.08),0 10px 24px -14px rgba(0,0,0,.6)} .btn--line:hover{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.1))} .hero .btn:not(.btn--ghost){animation:glowglass 3s ease-in-out infinite} @keyframes glowglass{50%{filter:drop-shadow(0 8px 20px rgba(26,107,255,.6))}} /* Barra de menú flotante */ .nav{position:fixed;top:12px;left:0;right:0;z-index:50;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none} .nav__in{pointer-events:auto;height:64px;padding:0 10px 0 22px;border-radius:22px;position:relative;z-index:0} /* capa de cristal (separada para que el menú móvil también pueda desenfocar) */ .nav__in::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),rgba(10,18,38,.62); -webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%); border:1px solid rgba(255,255,255,.2); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.06),inset 0 0 30px rgba(255,255,255,.04),0 20px 44px -18px rgba(0,0,0,.65)} .nav__in::before{content:"";position:absolute;inset:0 0 55% 0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent)} .nav__in>.brand,.nav__in>.burger{position:relative} .menu{gap:.25rem} .menu a:not(.btn){padding:.5rem .95rem;border-radius:99px;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s,box-shadow .25s} .menu a:not(.btn):hover{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.07));border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)} .menu__cta{margin-left:.5rem} .burger{border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)} /* el hero pasa por debajo de la barra flotante */ .hero{min-height:min(920px,100svh)} .hero__c{padding-top:7.6rem} /* WhatsApp flotante */ @media (max-width:1000px){.hero__c{padding-top:7rem}} @media (max-width:760px){ .nav{top:8px} .nav__in{height:58px;padding:0 8px 0 16px;border-radius:20px} .brand img{height:30px} .nav__in>.menu{position:absolute;inset:calc(100% + 10px) 0 auto 0;border-radius:22px;padding:.7rem 14px 1.1rem; background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),rgba(10,18,38,.72); -webkit-backdrop-filter:blur(26px) saturate(190%);backdrop-filter:blur(26px) saturate(190%); border:1px solid rgba(255,255,255,.22); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.4),0 30px 60px -20px rgba(0,0,0,.7); opacity:0;pointer-events:none;transform:translateY(-16px) scale(.98);transition:opacity .25s,transform .3s} .menu.open{opacity:1;pointer-events:auto;transform:none} .menu a:not(.btn){border-radius:14px;padding:.85rem 1rem;border:0} .menu__cta{margin:.8rem 0 0} .hero__c{padding-top:6.4rem} } /* ===== CURSOR, REDES, COTIZADOR Y PREGUNTAS ===== */ /* cursor interactivo */ .cursor-ring,.cursor-dot{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;opacity:0;will-change:transform} .has-cursor .cursor-ring,.has-cursor .cursor-dot{opacity:1} .cursor-ring{width:30px;height:30px;margin:-15px 0 0 -15px;border:1px solid rgba(26,107,255,.55);border-radius:50%;transition:width .2s ease,height .2s ease,margin .2s ease,opacity .3s} .cursor-ring.is-link,.cursor-ring.is-card{width:36px;height:36px;margin:-18px 0 0 -18px} .cursor-ring.is-down{width:26px;height:26px;margin:-13px 0 0 -13px} .cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#1a6bff} .has-cursor,.has-cursor a,.has-cursor button,.has-cursor label,.has-cursor summary,.has-cursor .btn,.has-cursor .mq__card{cursor:none} .has-cursor input[type=text],.has-cursor input:not([type]),.has-cursor textarea,.has-cursor select{cursor:auto} /* luz que sigue al mouse en el hero + botones magnéticos */ .spot{position:absolute;left:0;top:0;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(70,140,255,.3),transparent 65%);transform:translate(calc(var(--mx,-999px) - 280px),calc(var(--my,-999px) - 280px));opacity:0;transition:opacity .5s;pointer-events:none} .hero:hover .spot{opacity:1} .btn{translate:var(--tx,0px) var(--ty,0px);transition:transform .25s cubic-bezier(.2,.8,.2,1),translate .18s ease-out,box-shadow .25s,filter .25s} /* redes en la esquina */ .foot__social{display:flex;gap:1.2rem} /* cotizador retirado: ahora hay paquetes */ .grad{font-style:normal;background:linear-gradient(100deg,#1a6bff,#4d93ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent} /* preguntas frecuentes */ .faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:3.5rem;align-items:start} .faq__head{position:sticky;top:100px} .faq__list{display:grid;gap:.8rem} .faq__item{background:#fff;border:1px solid var(--line);border-radius:16px;transition:border-color .25s,box-shadow .25s} .faq__item[open]{border-color:#c9d8f5;box-shadow:var(--shadow)} .faq__item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;font-weight:700;cursor:pointer} .faq__item summary::-webkit-details-marker{display:none} .faq__item summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-size:1.2rem;line-height:1;transition:transform .3s} .faq__item[open] summary::after{transform:rotate(45deg)} .faq__item p{padding:0 1.3rem 1.2rem;color:var(--muted)} @media (max-width:1000px){ .faq{grid-template-columns:1fr;gap:2.4rem} .faq__head{position:static} } @media (max-width:560px){ } /* paquetes */ .sec__head--c{margin-inline:auto;text-align:center} .plans{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;align-items:stretch;padding-top:14px} .plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.8rem 1.5rem 1.6rem;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s} .plan:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#c9d8f5} .plan h3{font-size:1.2rem} .plan__for{color:var(--muted);font-size:.9rem;margin:.4rem 0 1.2rem;min-height:3.1em} .plan__list{display:grid;gap:.65rem;margin-bottom:1.7rem;font-size:.92rem;flex:1;align-content:start} .plan__list li{display:flex;gap:.6rem;align-items:flex-start;line-height:1.45} .plan__list li::before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:var(--sky);color:var(--blue);font-size:.7rem;font-weight:800;display:grid;place-items:center;margin-top:.1rem} .plan .btn{width:100%} .plan.plan--hot{background:radial-gradient(420px 260px at 100% 0,rgba(26,107,255,.38),transparent 65%),linear-gradient(180deg,#0f1b3d,#0a1226);color:#fff;border-color:rgba(120,170,255,.35);box-shadow:0 30px 60px -28px rgba(26,107,255,.75);transform:translateY(-12px)} .plan.plan--hot:hover{transform:translateY(-18px)} .plan--hot .plan__for{color:#b3c2e0} .plan--hot .plan__list li::before{background:rgba(255,255,255,.14);color:#8fbcff} .plan__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:.35rem 1rem;border-radius:99px;background:linear-gradient(180deg,#5a9eff,#1a6bff);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.04em;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 20px -8px rgba(26,107,255,.8)} .plan--custom{background:linear-gradient(180deg,#f7faff,#fff);border-style:dashed;border-color:#bcd0f3} .plans__extra{margin-top:2.2rem;text-align:center;color:var(--muted)} .plans__extra b{color:var(--ink)} .plans__note{margin-top:.5rem;font-size:.85rem} @media (max-width:1100px){ .plans{grid-template-columns:repeat(2,1fr);gap:1.4rem 1.1rem} .plan.plan--hot{transform:none} .plan.plan--hot:hover{transform:translateY(-6px)} } @media (max-width:560px){ .plans{grid-template-columns:1fr} .plan__for{min-height:0} } /* ===== ICONOS BLANCOS, CAMINO DE PROCESO Y CARRUSEL ARRASTRABLE ===== */ .sico{width:22px;height:22px;flex:none;display:block;color:#fff} .btn .sico{width:20px;height:20px} .foot__social a{display:inline-flex;align-items:center;gap:.55rem} .foot__social .sico{width:20px;height:20px} .foot__social{flex-wrap:wrap} /* carrusel: se arrastra con dedo o puntero */ .mq{touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab} .mq.is-drag{cursor:grabbing} .mq__card img{pointer-events:none;-webkit-user-drag:none} /* camino de proceso (norte a sur) */ .path{position:relative;max-width:620px;margin:0 auto;--head:0px} .path__line{position:absolute;left:28px;top:var(--y0,29px);height:var(--h,0px);width:4px;margin-left:0;border-radius:4px;background:rgba(255,255,255,.12)} .path__fill{position:absolute;left:0;top:0;width:100%;height:var(--head);border-radius:inherit;background:linear-gradient(180deg,#4d93ff,#7fd0ff);box-shadow:0 0 18px rgba(77,147,255,.85)} .path__runner{position:absolute;left:50%;top:var(--head);width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;display:grid;place-items:center;z-index:2; background:linear-gradient(180deg,#5a9eff,#1a6bff);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 6px rgba(26,107,255,.22),0 10px 22px -6px rgba(26,107,255,.9)} .path__runner img{width:17px;height:auto} .path__steps{position:relative;display:grid;gap:1.6rem} .step{position:relative;padding-left:86px;min-height:58px} .step__node{position:absolute;left:0;top:0;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;z-index:1;font-size:1.25rem;font-weight:800;color:#8fa3cc; background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03)),#0f1b3d;border:1.5px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);transition:background .4s,color .4s,border-color .4s,box-shadow .4s,transform .4s} .step__card{padding:1rem 1.25rem;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:background .4s,border-color .4s,transform .4s,box-shadow .4s} .step__card h3{font-size:1.15rem;margin-bottom:.15rem;color:#c9d6f0;transition:color .4s} .step__card p{color:#8fa3cc;font-size:.95rem;transition:color .4s} .step.on .step__node{color:#fff;background:linear-gradient(180deg,#5a9eff,#1a6bff);border-color:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 26px -8px rgba(26,107,255,.9)} .step.on .step__card{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border-color:rgba(120,170,255,.4);transform:translateX(4px);box-shadow:0 20px 40px -24px rgba(26,107,255,.7)} .step.on .step__card h3{color:#fff} .step.on .step__card p{color:#b3c2e0} .step.now .step__node{animation:nodePing 2s infinite} @keyframes nodePing{70%{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 14px rgba(26,107,255,0)}} .step:hover .step__card{transform:translateX(8px)} @media (max-width:560px){ .path__line{left:22px} .step{padding-left:70px} .step__node{width:46px;height:46px;font-size:1.05rem} .step__card{padding:.85rem 1rem} } /* columna de contacto y redes (esquina inferior derecha) */ .stack{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px} .stack__a{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px -8px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s} .stack__a:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 16px 30px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.35)} .stack__a--gm{background:#fff} .stack__a--ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)} .stack__a--tt{background:#000} .sk{width:30px;height:30px;display:block} .stack__a--gm .sk{width:34px;height:34px} .stack__cta{display:flex;align-items:center;gap:.6rem;background:linear-gradient(180deg,#3ddc7e,#1fa855);color:#fff;font-weight:700;font-size:.92rem;white-space:nowrap;padding:.85rem 1.3rem;border-radius:999px;box-shadow:0 10px 24px -8px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s} .stack__cta .sk{width:22px;height:22px;flex:none} .stack__cta:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 30px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.35)} @media (max-width:560px){ .stack{right:12px;bottom:12px;gap:10px} .stack__a{width:50px;height:50px} .sk{width:26px;height:26px} .stack__a--gm .sk{width:30px;height:30px} .stack__cta{padding:.7rem 1rem;font-size:.8rem;gap:.45rem} .stack__cta .sk{width:18px;height:18px} } /* ===== SECCIÓN NOSOTROS: FUNDADOR ===== */ .founder-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:3.5rem;align-items:start} .founder{text-align:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:1.6rem 1.5rem 1.8rem;box-shadow:var(--shadow);position:sticky;top:100px} .founder__photo{position:relative;aspect-ratio:4/4.6;border-radius:20px;overflow:hidden;margin-bottom:1.2rem;background:radial-gradient(circle at 30% 20%,#4d93ff,transparent 55%),linear-gradient(160deg,#173068,#0a1226);display:grid;place-items:center} .founder__photo span{font-size:4.2rem;font-weight:800;letter-spacing:-.04em;color:rgba(255,255,255,.9)} .founder__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%} .founder h3{font-size:1.35rem} .founder__role{color:var(--blue-d);font-weight:700;font-size:.92rem;margin-top:.15rem} .founder__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:1rem 0 1.2rem} .founder__tags li{padding:.3rem .8rem;border-radius:99px;background:var(--sky);color:var(--blue-d);font-size:.78rem;font-weight:700} .founder__story h2{margin-bottom:1.2rem} .founder__story p{color:var(--muted);font-size:1.05rem;margin-bottom:1rem} .founder__story strong{color:var(--ink)} .traits{display:grid;gap:.7rem;margin:1.3rem 0 1.5rem} .traits li{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:12px;padding:.85rem 1.1rem} .traits b{font-size:1rem} .traits span{font-size:.92rem;color:var(--muted)} .founder__story .founder__hi{font-weight:700;color:var(--ink);font-size:1.15rem;margin-bottom:1.4rem} @media (max-width:1000px){ .founder-wrap{grid-template-columns:1fr;gap:2.4rem} .founder{position:static;max-width:420px;margin:0 auto;width:100%} } /* ===== CLIENTES FUNDADORES ===== */ .fund{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center} .fund__list{display:grid;gap:.75rem;margin:1.5rem 0 1.3rem;color:#c9d6f0} .fund__list li{display:flex;gap:.7rem;align-items:flex-start} .fund__list li::before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.14);color:#8fbcff;font-size:.75rem;font-weight:800;display:grid;place-items:center;margin-top:.1rem} .fund__give{color:#9fb4dc;font-size:.95rem;margin-bottom:1.7rem} .fund__give b{color:#fff} .fund__slots{display:grid;gap:.9rem} .slot{display:flex;align-items:center;gap:1.1rem;padding:1.15rem 1.4rem;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 24px 44px -26px rgba(0,0,0,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .3s cubic-bezier(.2,.8,.2,1)} .slot:hover{transform:translateX(6px)} .slot>span{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.2rem;color:#fff;background:linear-gradient(180deg,#5a9eff,#1a6bff);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 6px rgba(26,107,255,.22)} .slot b{display:block;font-size:1.05rem} .slot small{display:flex;align-items:center;gap:.45rem;color:#9fb4dc;font-size:.85rem;font-weight:600} .slot .live{width:8px;height:8px;border-radius:50%;background:#35e07a;box-shadow:0 0 0 0 rgba(53,224,122,.6);animation:ping 2s infinite} @media (max-width:1000px){.fund{grid-template-columns:1fr;gap:2.4rem}} /* ===== aviso de cookies ===== */ .ck{position:fixed;left:16px;bottom:16px;z-index:90;max-width:440px;background:var(--ink);color:#d5def2;border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:1.1rem 1.2rem;box-shadow:var(--shadow);font-size:.88rem;line-height:1.5} .ck a{color:#7fb0ff;text-decoration:underline} .ck__b{display:flex;gap:.6rem;margin-top:.8rem} .ck__b button{flex:1;cursor:pointer;font:inherit;font-weight:700;padding:.6rem 1rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:#fff} .ck__b .ck__ok{background:var(--blue);border-color:var(--blue)} .ck__b button:hover{filter:brightness(1.15)} @media (max-width:560px){.ck{left:10px;right:10px;bottom:10px;max-width:none}} /* ===== enlaces legales del pie ===== */ .foot__legal{width:100%;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-size:.85rem} .foot__legal a,.foot__legal button{font:inherit;font-weight:600;color:#9fb0d4;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px} .foot__legal a:hover,.foot__legal button:hover{color:#fff} /* ===== paginas legales ===== */ .legal{padding:3.5rem 0 4.5rem;background:var(--bg)} .legal__in{width:min(780px,100% - 32px);margin-inline:auto} .legal h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2;margin-bottom:.4rem} .legal .upd{color:var(--muted);font-size:.9rem;margin-bottom:2rem} .legal h2{font-size:1.2rem;margin:2rem 0 .6rem} .legal p,.legal li{color:#2a3554;margin-bottom:.7rem} .legal ul{list-style:disc;padding-left:1.3rem;margin-bottom:.8rem} .legal a{color:var(--blue);text-decoration:underline;text-underline-offset:3px} .legal table{width:100%;border-collapse:collapse;margin:.6rem 0 1.2rem;font-size:.92rem} .legal th,.legal td{border:1px solid var(--line);padding:.6rem .7rem;text-align:left;vertical-align:top} .legal th{background:var(--soft)} .legal__scroll{overflow-x:auto} .nf{min-height:70vh;display:grid;place-items:center;text-align:center;padding:3rem 1rem} .nf h1{font-size:clamp(3rem,10vw,6rem);color:var(--blue);line-height:1} .nf p{margin:.8rem 0 1.6rem;color:var(--muted)} /* ===== PRECIOS, PRECIO FUNDADOR Y "SIN LETRA CHICA" ===== */ .plan__price{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .3rem} .plan__price b{font-size:2rem;line-height:1;letter-spacing:-.02em;color:var(--ink)} .plan__from{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em} .plan__tag{align-self:flex-start;margin:0 0 1.2rem;padding:.2rem .65rem;border-radius:99px;background:var(--sky);color:var(--blue-d);font-size:.76rem;font-weight:700} .plan--hot .plan__price b{color:#fff} .plan--hot .plan__from{color:#b3c2e0} .plan--hot .plan__tag{background:rgba(255,255,255,.14);color:#cfe1ff} .plan--custom .plan__tag{background:#eef3fd} .fund__prices{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:0 0 .8rem} .fund__prices div{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1rem;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)} .fund__prices small{color:#9fb4dc;font-size:.78rem;font-weight:600} .fund__prices b{font-size:1.5rem;line-height:1.1;color:#fff} .fund__note{color:#9fb4dc;font-size:.85rem;margin-bottom:1rem} /* ===== PRECIOS QUE LLAMAN LA ATENCION (precio grande, tachado en rojo, ahorro, cupos) ===== */ .plan__price{gap:.6rem;margin:0 0 .5rem;flex-wrap:wrap} .plan__price b{font-size:2.9rem;font-weight:800;color:var(--blue)} .plan--hot .plan__price b{color:#fff;text-shadow:0 0 28px rgba(90,158,255,.55)} .plan--hot .plan__price s{color:#ff7a7d} .plan__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.2rem} .plan__tags .plan__tag{margin:0;display:inline-flex;align-items:center;gap:.4rem} .ticks__deal{padding:.35rem .9rem;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff} .ticks__deal b{font-size:1.15rem} .fund__prices b{font-size:1.9rem} .plan__price{align-items:baseline;gap:.15rem .55rem} .plan__from{flex-basis:100%;line-height:1;margin-bottom:.15rem} .plan__price b{font-size:2.5rem} /* Elementos solo para movil: ocultos por defecto (escritorio) */ .plan__toggle,.lead--m,.plans__founder,.founder__short{display:none} /* ===== MOVIL: pagina corta, presentacion arriba y precios a la vista ===== (todo lo de abajo solo aplica en pantallas chicas; en escritorio no cambia nada) */ @media (max-width:760px){ /* Orden: hero > presentacion > precios > proceso > sin letra chica > preguntas > contacto */ main{display:flex;flex-direction:column} .strip,#trabajos,#fundadores,.menu a[href="#trabajos"]{display:none} .sec,.cta{padding:2.4rem 0} .sec__head{margin-bottom:1.1rem} .sec__head .muted,.faq__head .muted{display:none} /* Hero corto */ .lead:not(.lead--m){display:none} .lead--m{display:block;font-size:1rem;margin:.8rem 0 1.2rem} .ticks li:not(.ticks__deal){display:none} .ticks{margin-top:.9rem} .mq{padding:1rem 0 1.6rem} /* Presentacion: un solo bloque, foto al centro y texto debajo */ #nosotros{padding:1.6rem 0} .founder-wrap{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.5rem 1.2rem;box-shadow:var(--shadow);gap:1rem;text-align:center} .founder{display:block;text-align:center;padding:0;max-width:none;background:none;border:0;box-shadow:none;border-radius:0} .founder__photo{width:128px;aspect-ratio:1;margin:0 auto .9rem;border-radius:50%} .founder__photo span{font-size:2.6rem} .founder h3{font-size:1.2rem} .founder__tags{justify-content:center;margin:.7rem 0 0} .founder__tags li{font-size:.75rem;padding:.25rem .7rem} .founder__story .eyebrow{display:none} .founder__story h2{font-size:1.3rem;margin:.2rem 0 .6rem} .founder__story>p{display:none} .founder__story>p.founder__short,.founder__story>p.founder__hi{display:block} .founder__story .founder__short{font-size:.98rem;margin-bottom:.8rem} .founder__story .founder__hi{font-size:1rem;margin-bottom:1rem} .traits{display:none} .founder__story .btn{width:100%} /* Precios en filas compactas */ .plans{gap:.7rem;padding-top:.7rem} .plan{display:grid;grid-template-columns:1fr auto;gap:.4rem .8rem;align-items:center;padding:1rem;border-radius:18px} .plan:hover,.plan.plan--hot,.plan.plan--hot:hover{transform:none} .plan h3{grid-column:1;grid-row:1;font-size:1.05rem} .plan__for{display:none} .plan__price{grid-column:2;grid-row:1/3;justify-self:end;justify-content:flex-end;margin:0;text-align:right} .plan__price b{font-size:2.1rem} .plan__tags{grid-column:1;grid-row:2;margin:0} .plan__toggle{display:flex;grid-column:1/-1;justify-content:space-between;align-items:center;width:100%;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:.55rem .9rem;font:inherit;font-weight:700;font-size:.88rem;color:var(--ink);cursor:pointer} .plan--hot .plan__toggle{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff} .plan__list{display:none;grid-column:1/-1;margin:.2rem 0 .3rem} .plan.open .plan__list{display:grid} .plan .btn{grid-column:1/-1} .plans__extra{margin-top:1rem} /* Proceso en 2x2 */ /* Contacto corto */ .cta__ico,.cta__copy p{display:none} .cta__copy h2{font-size:1.5rem} .form{gap:.7rem;padding:1.1rem} .form textarea{min-height:70px} .foot{padding:1.6rem 0} } @media (max-width:760px){ .plan__price{grid-row:1} .plan__tags{grid-column:1/-1;grid-row:2;flex-wrap:wrap} .plan__tags .plan__tag,.plan__save{white-space:nowrap} } /* ===== "SIN LETRA CHICA" REDUCIDA A UNA FILA + PRESENTACION + FORMULARIO VISTOSO ===== */ .trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;margin:1.8rem 0 0;font-weight:700;font-size:.92rem;color:var(--ink)} .trust li::before{content:"✓";color:var(--blue);font-weight:800;margin-right:.45rem} .form{position:relative;overflow:hidden} .form::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#25d366,#1a6bff)} .form__top{display:flex;align-items:center;gap:.8rem} .form__ico{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#3ddc7e,#1fa855);box-shadow:0 12px 24px -10px rgba(31,184,85,.8)} .form__top p{color:var(--muted);font-size:.85rem;margin-top:.1rem} .chips{display:grid;grid-template-columns:1fr 1fr;gap:.5rem} .chips__t{grid-column:1/-1;font-size:.85rem;font-weight:700} .form .chip{position:relative;display:block;cursor:pointer;font-size:inherit} .form .chip input{position:absolute;opacity:0;width:1px;height:1px;padding:0;border:0} .form .chip span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:.5rem .6rem;border:1.5px solid var(--line);border-radius:12px;background:var(--soft);font-weight:700;font-size:.88rem;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s} .form .chip:hover span{border-color:#b9cdf3} .form .chip input:checked+span{background:linear-gradient(180deg,#5a9eff,#1a6bff);border-color:transparent;color:#fff;box-shadow:0 10px 22px -10px rgba(26,107,255,.85);transform:translateY(-1px)} .form .chip input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px} .wa-preview{display:grid;gap:.4rem} .wa-preview small{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em} .wa-bubble{margin:0;padding:.7rem .9rem;border-radius:14px 14px 14px 4px;background:#dcf8c6;color:#0b3d1c;font-size:.9rem;line-height:1.45;box-shadow:0 8px 18px -12px rgba(0,0,0,.35)} .form .btn--wa{font-size:1rem;padding:1rem 1.4rem} @media (max-width:760px){ .trust{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .8rem;justify-content:start;font-size:.8rem;margin-top:1.2rem} .form__top p{display:none} } /* Orden de secciones en movil: hero > presentacion > precios > proceso > contacto > preguntas */ @media (max-width:760px){ #hero{order:1}#nosotros{order:2}#paquetes{order:3}#proceso{order:4}#contacto{order:5}#preguntas{order:6} } @media (max-width:760px){ .plan__toggle::after{content:"▾"} .plan__toggle[aria-expanded="true"]::after{content:"▴"} } /* ===== LOGO OFICIAL DE WHATSAPP (img/whatsapp.png) ===== */ .wa-ico{width:24px;height:24px;flex:none;display:block} .btn .wa-ico{width:26px;height:26px} .form__ico{background:none;box-shadow:none;width:48px;height:48px} .form__ico .wa-ico{width:48px;height:48px} /* En los botones el logo va tal cual (PNG), igual que el boton flotante */ .btn .wa-ico{width:30px;height:30px;padding:0;border-radius:0;background:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))} /* ===== PRECIOS SOBRIOS (sin rojo ni tachado) + "QUIEN ESTA DETRAS" + DEMOS CLICABLES ===== */ .plan__tag{background:var(--sky);color:var(--blue-d)} .plan__after{font-size:.78rem;font-weight:600;color:var(--muted);align-self:center} .plan--hot .plan__after{color:#b3c2e0} .fund__prices b{display:block;font-size:1.9rem;line-height:1.1;color:#fff} .fund__prices .fp-after{color:#9fb4dc;font-size:.8rem;font-weight:600} .ticks__deal{padding:.35rem .9rem;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff} .ticks li.ticks__deal::before{content:"✓";color:#5aa2ff;font-weight:800;margin-right:.45rem;background:none;padding:0} .ticks__deal b{font-size:1.15rem} .founder__in{display:inline-flex;align-items:center;gap:.5rem;margin-top:.9rem;padding:.5rem 1rem;border-radius:99px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:.85rem;color:var(--ink);transition:border-color .2s,transform .2s} .founder__in:hover{border-color:#0a66c2;transform:translateY(-1px)} .founder__in[hidden]{display:none} .founder__in .sico{width:18px;height:18px;color:#0a66c2} .proofs{margin:1.2rem 0 1.5rem} .mq__a{position:absolute;inset:0;z-index:3;border-radius:16px} .mq__card figcaption{z-index:4;pointer-events:none} @media (max-width:760px){ .plans__founder{display:block;margin:0 0 .8rem;padding:.65rem .9rem;border-radius:14px;background:#eef4ff;border:1px solid #d5e3ff;color:var(--ink);font-size:.84rem;line-height:1.4} .founder__story>p.eyebrow{display:inline-flex;margin-bottom:.6rem} .founder__in{margin-top:.8rem} .proofs{text-align:left;max-width:22rem;margin:.9rem auto 1.2rem} } /* ===== MARCO DE LA FOTO: silueta organica tipo "charco" (solo cuando hay foto) ===== */ .founder__photo.has-photo{ aspect-ratio:1/1.04; border-radius:71% 29% 63% 37% / 41% 66% 34% 59%; box-shadow:0 0 0 4px #fff,0 0 0 8px var(--blue),0 26px 44px -18px rgba(26,107,255,.55); margin:.5rem .5rem 1.8rem; animation:charco 11s ease-in-out infinite alternate; } .founder__photo.has-photo img{object-position:50% 30%} @keyframes charco{ 0%{border-radius:71% 29% 63% 37% / 41% 66% 34% 59%} 33%{border-radius:38% 62% 44% 56% / 63% 37% 60% 40%} 66%{border-radius:58% 42% 31% 69% / 36% 55% 45% 64%} 100%{border-radius:45% 55% 68% 32% / 58% 38% 62% 42%} } @media (max-width:760px){ .founder__photo.has-photo{width:156px;aspect-ratio:1/1.04;margin:.5rem auto 1.4rem} } /* Logo oficial de WhatsApp dentro de la pastilla flotante */ .stack__cta .wa-ico{width:28px;height:28px;flex:none;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))} @media (max-width:560px){.stack__cta .wa-ico{width:24px;height:24px}} /* Divisiones curvas entre secciones */ :root{--curve:56px} @media (max-width:760px){:root{--curve:34px}} #nosotros,#fundadores,#paquetes,#proceso,#trabajos,#contacto,#preguntas,.foot{ position:relative;margin-top:calc(var(--curve) * -1); } #nosotros,#fundadores,#paquetes,#proceso,#trabajos,#contacto,#preguntas{padding-top:calc(5.5rem + var(--curve));padding-bottom:calc(5.5rem + var(--curve))} .foot{padding-top:calc(2.6rem + var(--curve))} @media (max-width:760px){ #nosotros,#fundadores,#paquetes,#proceso,#trabajos,#contacto,#preguntas{padding-top:calc(2.4rem + var(--curve));padding-bottom:calc(2.4rem + var(--curve))} .foot{padding-top:calc(1.6rem + var(--curve))} } .strip{padding-bottom:var(--curve)} /* Divisiones onduladas e irregulares (mascara SVG por seccion) */ :root{--curve:64px} @media (max-width:760px){:root{--curve:42px}} #nosotros{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2078C120%2060%20220%208%20380%2012S620%2070%20760%2052S930%2020%201000%2036L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2078C120%2060%20220%208%20380%2012S620%2070%20760%2052S930%2020%201000%2036L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat} #nosotros::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%237fb0ff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%2078C120%2060%20220%208%20380%2012S620%2070%20760%2052S930%2020%201000%2036%22%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%224%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E")} #fundadores{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2030C150%2010%20260%2044%20430%2058S700%2096%20850%2062S960%2026%201000%2040L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2030C150%2010%20260%2044%20430%2058S700%2096%20850%2062S960%2026%201000%2040L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat} #fundadores::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%237fb0ff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%2030C150%2010%20260%2044%20430%2058S700%2096%20850%2062S960%2026%201000%2040%22%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%224%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E")} #paquetes{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2060C90%2092%20260%2088%20380%2050S560%206%20720%2030S900%2072%201000%2020L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2060C90%2092%20260%2088%20380%2050S560%206%20720%2030S900%2072%201000%2020L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat} #paquetes::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%237fb0ff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%2060C90%2092%20260%2088%20380%2050S560%206%20720%2030S900%2072%201000%2020%22%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%224%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E")} #proceso{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2014C160%2040%20250%2090%20420%2070S640%208%20800%2034S940%2060%201000%2084L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2014C160%2040%20250%2090%20420%2070S640%208%20800%2034S940%2060%201000%2084L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat} #proceso::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%237fb0ff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%2014C160%2040%20250%2090%20420%2070S640%208%20800%2034S940%2060%201000%2084%22%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%224%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E")} #trabajos{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2088C140%2070%20200%2020%20350%2026S520%2080%20690%2060S880%208%201000%2030L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2088C140%2070%20200%2020%20350%2026S520%2080%20690%2060S880%208%201000%2030L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat} #trabajos::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%237fb0ff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%2088C140%2070%20200%2020%20350%2026S520%2080%20690%2060S880%208%201000%2030%22%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%224%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E")} #contacto{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2046C130%204%20300%2012%20420%2050S600%2096%20760%2070S940%2040%201000%2010L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2046C130%204%20300%2012%20420%2050S600%2096%20760%2070S940%2040%201000%2010L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat} #contacto::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%237fb0ff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%2046C130%204%20300%2012%20420%2050S600%2096%20760%2070S940%2040%201000%2010%22%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%224%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E")} #preguntas{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2020C100%2050%20230%2074%20400%2042S640%204%20780%2040S940%2094%201000%2066L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2020C100%2050%20230%2074%20400%2042S640%204%20780%2040S940%2094%201000%2066L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat} #preguntas::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%237fb0ff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%2020C100%2050%20230%2074%20400%2042S640%204%20780%2040S940%2094%201000%2066%22%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%224%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E")} .foot{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2070C180%2096%20320%2030%20500%2034S760%2084%20880%2044S970%2014%201000%2024L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2070C180%2096%20320%2030%20500%2034S760%2084%20880%2044S970%2014%201000%2024L1000%20100L0%20100Z%22%2F%3E%3C%2Fsvg%3E") 0 0/100% var(--curve) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--curve) - 1px)/100% 100% no-repeat} .foot::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%237fb0ff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231a6bff%22%20stop-opacity%3D%22.9%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%2070C180%2096%20320%2030%20500%2034S760%2084%20880%2044S970%2014%201000%2024%22%20fill%3D%22none%22%20stroke%3D%22url(%23g)%22%20stroke-width%3D%224%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E")} #nosotros::before,#fundadores::before,#paquetes::before,#proceso::before,#trabajos::before,#contacto::before,#preguntas::before,.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--curve);background-size:100% 100%;pointer-events:none;z-index:1} /* Contacto: redes solo con logo, centrado en movil; carrusel con mas aire abajo */ .btn--ico{width:52px;height:52px;padding:0;justify-content:center} .btn--ico .sico{margin:0;width:24px;height:24px} .mq{padding-bottom:4rem} @media (max-width:760px){ .mq{padding-bottom:calc(var(--curve) + 4.5rem)} .cta__copy{text-align:center} .cta__links{justify-content:center;flex-direction:row;flex-wrap:wrap} .cta__links .btn--wa{flex:1 1 100%;justify-content:center} .form .btn--full{justify-content:center;margin-inline:auto} .stack{gap:8px} .stack__a{display:grid;width:42px;height:42px} .stack__a .sk{width:22px;height:22px} .stack__a--gm .sk{width:26px;height:26px} }