@import url('footer.css?v=20261010');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#23231f;--pink:#f6d8df;--lime:#d6ed78;--purple:#b7a0dc;--orange:#efab76}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#f9f7f1;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7845ad;outline-offset:5px}.nav{height:102px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eadde0}.logo{font:700 39px 'Space Grotesk',sans-serif;letter-spacing:-3px;display:flex;gap:8px;align-items:center}.logo span{font-size:42px;letter-spacing:0}.nav nav{display:flex;align-items:center;gap:34px;font-size:14px}.pill{border:1px solid var(--ink);border-radius:100px;padding:14px 22px}.hero{background:var(--pink);min-height:735px;padding:38px 6% 72px;display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow:hidden}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 28px}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(60px,6.6vw,100px);line-height:.98;letter-spacing:-6px;margin:0 0 28px;font-weight:500}h1 em{font-style:normal;position:relative;white-space:nowrap}h1 em:after{content:'';position:absolute;height:8px;background:var(--ink);bottom:-8px;left:0;right:0;border-radius:50%}.intro{font-size:17px;line-height:1.6;max-width:345px;margin:32px 0 25px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:55px;background:var(--ink);color:#fff;border:0;border-radius:100px;padding:18px 27px;font-weight:600;font-size:14px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:21px}.small{font-size:11px;line-height:1.6;margin-top:16px;opacity:.7}.showcase{position:relative;min-height:580px}.profile{width:290px;background:#f9f7f1;border-radius:21px;overflow:hidden;border:1px solid #23231f;box-shadow:10px 15px 0 #23231f12}.profile-main{position:absolute;top:27px;left:15%;transform:rotate(-7deg);z-index:2}.profile-art{height:180px;background:#879366;position:relative;overflow:hidden}.sun{position:absolute;width:110px;height:110px;background:#f3d895;border-radius:50%;right:25px;top:19px}.wave{position:absolute;border-radius:50%;width:390px;height:150px;left:-20px;bottom:-73px;background:#d9e5b3;transform:rotate(-18deg)}.wave-two{background:#526848;left:100px;bottom:-93px}.art-label{position:absolute;top:30px;left:22px;font:700 40px/.9 'Space Grotesk';letter-spacing:-2px;color:#f9f7f1}.profile-body{text-align:center;padding:0 20px 22px}.avatar{display:flex;position:relative;margin:-24px auto 12px;width:56px;height:56px;background:#e5a683;border:4px solid #f9f7f1;border-radius:50%;align-items:center;justify-content:center;font-size:25px}.profile-body h2{font-size:23px;margin:4px 0}.profile-body h2 span{font-size:17px}.profile-body p{font-size:10px;line-height:1.6}.socials{margin:17px}.mock-link{background:#e6ebd7;border:1px solid #b1b7a3;padding:14px 12px;display:flex;justify-content:space-between;font-size:11px;border-radius:7px;margin:9px 0}.profile-body small{display:block;font-size:9px;margin-top:20px}.orbit{position:absolute;top:0;left:4%;font-size:100px;color:#ac543d;transform:rotate(12deg)}.floating-note{position:absolute;right:0;top:0;transform:rotate(9deg);font-size:19px;font-family:'Space Grotesk';line-height:1.2}.floating-note span{display:block;font-size:44px}.mini-profile{position:absolute;right:-8px;bottom:18px;width:220px;padding:23px;background:var(--purple);border:1px solid var(--ink);border-radius:17px;transform:rotate(9deg);z-index:3}.record{margin:auto;width:108px;height:108px;border-radius:50%;background:repeating-radial-gradient(#26232c 0 3px,#45404c 4px 5px);display:grid;place-items:center}.record span{background:#e4a364;width:38px;height:38px;border-radius:50%;border:10px solid #e4a364;box-shadow:inset 0 0 0 10px #242125}.mini-profile p{font-size:8px;letter-spacing:2px;margin:21px 0 4px}.mini-profile h3{font-size:29px;margin:0 0 15px;letter-spacing:-1px}.mini-profile>div:not(.record){font-size:9px;border-top:1px solid #23231f55;padding:11px 0}.tiny-star{position:absolute;bottom:8px;left:4%;font-size:65px}.ticker{background:var(--lime);overflow:hidden;padding:22px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:500 21px 'Space Grotesk';letter-spacing:1px;white-space:nowrap}.ticker span{display:block;text-align:center}.section{padding:95px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.section h2{font-size:clamp(40px,4.8vw,65px);font-weight:500;letter-spacing:-3px;line-height:1.05;margin:0}.section-head>p{font-size:15px;line-height:1.7}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.template-card{border:0;background:none;padding:0;text-align:left;color:var(--ink)}.template-card>span{display:flex;justify-content:space-between;font-size:14px;margin-top:18px}.template-preview{border-radius:13px;padding:32px;min-height:380px;transition:transform .2s}.template-card:hover .template-preview{transform:translateY(-7px)}.lime{background:var(--lime)}.purple{background:var(--purple)}.orange{background:var(--orange)}.preview-icon{font-size:60px;line-height:1}.template-preview h3{font-size:40px;line-height:1;letter-spacing:-2px;margin:30px 0 24px}.template-preview>div{font-size:11px;border:1px solid #23231f77;border-radius:30px;padding:12px 16px;margin-bottom:10px}.template-preview small{display:block;font-size:8px;letter-spacing:2px;margin-top:28px}.how{background:var(--ink);color:#f9f7f1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.steps article{border-top:1px solid #ffffff40;padding-top:22px}.steps span{font-size:12px;color:var(--lime)}.steps h3{font-weight:500;font-size:23px;letter-spacing:-.7px;margin-top:35px}.steps p{font-size:14px;color:#c9c9c0;line-height:1.8;max-width:290px}.editor{display:grid;grid-template-columns:1.2fr 1fr;gap:95px;align-items:center}.editor>div>p:not(.eyebrow){font-size:14px;line-height:1.6}form{max-width:370px;margin-top:28px}label,legend{display:block;font-size:11px;font-weight:600;margin-bottom:9px}input{display:block;width:100%;padding:14px;border:1px solid #cecec4;background:transparent;border-radius:5px;margin-bottom:18px;color:var(--ink)}fieldset{border:0;padding:0;margin:25px 0}.swatch{width:30px;height:30px;border-radius:50%;border:1px solid #23231f33;margin-right:10px}.swatch.active{outline:2px solid var(--ink);outline-offset:4px}.live-preview{border:1px solid var(--ink);border-radius:25px;text-align:center;min-height:480px;padding:48px 35px;box-shadow:12px 12px 0 #23231f;overflow-wrap:anywhere}.live-preview .preview-icon{font-size:95px;display:block;margin-bottom:35px}.live-preview .eyebrow{font-size:8px;margin-bottom:20px}.live-preview h3{font-size:35px;letter-spacing:-1.5px;margin:0 0 14px}.live-preview>p:not(.eyebrow){font-size:13px;line-height:1.6}.live-preview .mock-link{margin-top:30px;background:transparent;border-color:var(--ink);padding:17px;font-size:12px}.preview-placeholder{font-size:11px;border:1px dashed #23231f66;padding:18px;margin-top:30px;border-radius:7px}.live-preview small{font-size:9px;display:block;margin-top:48px}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;border-top:1px solid #d4d4c9;padding:40px 6%}footer p{font-size:12px}footer>a:last-of-type{text-align:right;font-size:13px}footer small{grid-column:1/-1;font-size:10px;opacity:.6}[hidden]{display:none!important}@media(min-width:1500px){.hero,.section,.nav,footer{padding-left:calc((100% - 1280px)/2);padding-right:calc((100% - 1280px)/2)}}@media(max-width:1000px){h1{font-size:72px;letter-spacing:-4px}.hero{grid-template-columns:1fr 1fr}.profile-main{left:3%}.mini-profile{right:-20px;width:190px}.floating-note{right:-10px;font-size:15px}.editor{gap:50px}.template-preview{padding:25px}.template-preview h3{font-size:32px}}@media(max-width:700px){.nav{height:80px}.logo{font-size:32px}.logo span{font-size:33px}.nav nav>a:not(.pill){display:none}.pill{padding:11px 16px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:35px}.hero h1{font-size:clamp(56px,13vw,80px)}.hero-copy .eyebrow{font-size:9px}.intro{font-size:15px;max-width:340px}.showcase{min-height:590px;margin-top:15px;max-width:450px;width:100%;justify-self:center}.profile-main{left:10%;top:30px;width:260px}.mini-profile{right:0;bottom:20px;width:185px}.floating-note{right:0}.orbit{left:0;font-size:75px}.ticker{font-size:15px;padding:18px 0}.section{padding:60px 6%}.section-head{display:block}.section-head>p{margin-top:25px}.template-grid{grid-template-columns:1fr;gap:30px}.template-preview{min-height:310px;padding:30px}.template-preview h3{font-size:41px}.preview-icon{float:right}.template-preview small{margin-top:20px}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.steps h3{margin-top:18px}.steps p{max-width:none}.editor{grid-template-columns:1fr;gap:40px}.live-preview{width:min(100%,380px);justify-self:center;min-height:440px}.live-preview .preview-icon{float:none}form{max-width:none}footer{grid-template-columns:1fr 1fr}footer p{grid-column:1/-1;grid-row:2}footer>a:last-of-type{grid-column:2;grid-row:1}.tiny-star{left:0}.section h2{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Menú superior junto al logo */
.nav{justify-content:flex-start;gap:48px;height:auto;min-height:102px;padding-top:22px;padding-bottom:22px;flex-wrap:wrap}.nav .top-menu{display:flex;align-items:center;gap:25px;flex:1;flex-wrap:wrap}.nav .top-menu a{display:inline-flex;align-items:center;min-height:40px;white-space:nowrap}.nav .top-menu .pill{margin-left:auto}.nav .top-menu a:hover{text-decoration:underline;text-underline-offset:5px}@media(max-width:700px){.nav{gap:15px;min-height:80px}.nav .top-menu{flex-basis:100%;gap:8px 18px}.nav .top-menu>a:not(.pill){display:inline-flex;font-size:12px}.nav .top-menu .pill{margin-left:0;font-size:12px}}

.featured-section{background:#fff}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.featured-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d7d7ce;border-radius:16px;overflow:hidden;background:#f9f7f1}.featured-image{height:150px;display:grid;place-items:center;background:#f6d8df}.featured-card:nth-child(3n+2) .featured-image{background:#d6ed78}.featured-card:nth-child(3n+3) .featured-image{background:#b7a0dc}.featured-image img{width:90px;height:90px;object-fit:cover;border-radius:50%;border:3px solid #23231f}.featured-image>span{font-size:75px}.featured-content{padding:24px;display:flex;flex-direction:column;flex:1;align-items:start;overflow-wrap:anywhere}.featured-tag{font-size:9px;border:1px solid #23231f55;padding:6px 10px;border-radius:25px}.featured-content h3{font-size:25px;letter-spacing:-1px;line-height:1.2;margin:18px 0 5px}.featured-username{font-size:11px;margin:0;opacity:.7}.featured-description{font-size:13px;line-height:1.7;margin:15px 0 24px;white-space:pre-line}.featured-content .button{margin-top:auto;padding:12px 20px;font-size:12px;gap:30px}.featured-empty{padding:30px;border:1px dashed #bcbcb1;border-radius:15px}.featured-empty h3{font-size:28px;margin:0}.featured-empty p{font-size:14px}@media(max-width:850px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-section .section-head>.pill{display:inline-block;margin-top:22px}}

/* Destacados: cuatro columnas en escritorio, dos en móvil. */
.featured-content .button{max-width:100%;gap:12px}
@media(max-width:540px){.featured-image{height:110px}.featured-image img{width:68px;height:68px}.featured-image>span{font-size:55px}.featured-content{padding:14px 10px}.featured-tag{font-size:8px;padding:5px 7px}.featured-content h3{font-size:20px}.featured-description{font-size:12px}.featured-content .button{width:100%;padding:10px;font-size:11px;gap:5px}.featured-content .button span{font-size:16px}}
.demo-video{margin-top:24px}.video-frame{aspect-ratio:16/9;overflow:hidden;border:1px solid #23231f;border-radius:12px;background:#23231f}.video-frame iframe{width:100%;height:100%;border:0;display:block}.demo-video-title{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:1px}.demo-video>a{display:inline-block;margin-top:10px;font-size:11px;text-decoration:underline}.demo-error{font-size:12px;color:#9b2525}.demo-help{font-size:11px;line-height:1.6;color:#57574e}

.trial-editor{align-items:start}.trial-select{display:block;width:100%;padding:14px;border:1px solid #cecec4;border-radius:6px;background:#fff;color:#23231f;font:inherit}.trial-editor textarea{display:block;width:100%;padding:14px;margin-bottom:18px;border:1px solid #cecec4;border-radius:6px;background:#fff;color:#23231f;font:inherit;resize:vertical}.trial-preview{min-width:0;width:100%;max-width:460px;justify-self:center}.trial-preview-frame{width:100%;border:1px solid #23231f;border-radius:20px;background:#fff}.trial-preview .eyebrow{margin-bottom:15px}

/* Iconos con texto en navegación y acciones. */
.ui-icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:-3px;margin-right:7px}.top-menu a,.panel-nav a,.panel-nav strong,.panel-nav .plain{display:inline-flex;align-items:center;gap:7px}.top-menu .ui-icon,.panel-nav .ui-icon{margin:0}.panel-nav .plain{color:#23231f;font:inherit;font-size:13px;min-height:40px}.nav .top-menu a{gap:7px}

/* Inicio centrado en crear el primer perfil gratis. */
.hero-copy .button{gap:24px;max-width:100%;font-size:15px}.hero-copy .small{font-size:13px;opacity:1}.home-start{margin-top:30px;background:#d6ed78;color:#23231f}.home-plans{padding-top:60px;padding-bottom:60px}.home-plans h2{font-size:clamp(32px,4vw,48px)}