*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f9f8f6;color:#1a1a1a;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8b6836;outline-offset:5px}.skip{position:absolute;top:-80px;background:#fff;padding:15px;z-index:50}.skip:focus{top:5px}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 5%;border-bottom:1px solid #dedbd5;background:#fff}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:28px;font-weight:800;letter-spacing:-1.3px}.brand i{width:35px;height:42px;background:url('/assets/lookbook-logo.png') -17px -10px/71px no-repeat}.brand b{color:#a47b34}.brand small{display:block;font:8px Arial;letter-spacing:.2em;margin-top:4px}.nav nav{display:flex;gap:22px;font-size:11px}.nav nav a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 23px;background:#20251e;color:#fff;border:1px solid #20251e;border-radius:4px;text-decoration:none;font-size:12px;font-weight:700;line-height:1.4;cursor:pointer}.btn:hover{background:#414b3b}.btn.compact{padding:13px 16px;font-size:11px;white-space:nowrap}.hero{padding:70px 5% 48px;display:grid;grid-template-columns:1fr 1.12fr;gap:4%;align-items:center;max-width:1600px;margin:auto}.eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:.17em;color:#6b654e;line-height:1.8;margin-bottom:20px}.hero .eyebrow{display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#8b956e}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(49px,5.2vw,83px)/1.02 Georgia,serif;letter-spacing:-.058em;margin-bottom:26px}h1 em,h2 em,h3 em{font-weight:400;color:#717957}.intro{font-size:15px;line-height:1.85;color:#62635d;max-width:480px}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}.text-link{font-size:12px;font-weight:bold;text-underline-offset:5px;line-height:1.8}.micro{font-size:10px;color:#696b64;margin:14px 0 25px}.checks{padding:0;list-style:none;display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:#4d5147}.checks li:before{content:'✓';color:#5b694a;margin-right:5px}.demo-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:8px;letter-spacing:.1em;margin-bottom:12px}.demo-toolbar>span{display:flex;align-items:center;gap:6px}.demo-toolbar i{width:5px;height:5px;border-radius:50%;background:#718255}.demo-toolbar button{background:transparent;border:1px solid #bebdb4;border-radius:20px;padding:7px 10px;color:#34382d;font-size:9px;cursor:pointer}.demo-stage{height:485px;position:relative;background:#e6e5dd;overflow:hidden;perspective:1500px;border-radius:7px}.draft-grid{position:absolute;inset:0;background-image:linear-gradient(#7772 1px,transparent 1px),linear-gradient(90deg,#7772 1px,transparent 1px);background-size:30px 30px;animation:grid 4s infinite}.open-book{position:absolute;left:11%;top:60px;width:77%;height:345px;display:grid;grid-template-columns:1fr 1fr;box-shadow:12px 24px 34px #27291d38;transform:rotateX(8deg) rotateY(-12deg) rotateZ(-5deg);animation:compose 4s infinite}.book-left,.book-right{background:#fbfaf6;position:relative;padding:13px;min-width:0;overflow:hidden}.book-left:after{content:'';position:absolute;right:0;inset-block:0;width:25px;background:linear-gradient(90deg,transparent,#0002)}.book-right{background:linear-gradient(90deg,#c9c7bd,#faf9f5 12%,#fbfaf6)}.running{font-size:5px;letter-spacing:.1em;border-top:1px solid #999;padding-top:5px}.book-left h2{position:absolute;top:33px;left:18px;color:#fff;font:34px/.95 Georgia;z-index:2;letter-spacing:-.04em}.book-left h2 em{color:#fff}.book-left>img{width:100%;height:calc(100% - 28px);object-fit:cover;margin-top:10px;filter:brightness(.82)}.book-label{position:absolute;bottom:25px;left:20px;font-size:6px;letter-spacing:.15em;color:white}.big-number{font:35px Georgia;color:#79825d;display:block;margin:10px 0 3px}.book-right>img{width:100%;height:155px;object-fit:contain;background:#f1eee7}.book-right>strong{font:13px Georgia;display:block;margin-top:10px}.book-price{display:flex;justify-content:space-between;font-size:7px;margin-top:7px}.book-price b{font-size:5px}.book-quote{display:flex;font:35px Georgia;color:#737c56;align-items:center;gap:10px;margin-top:13px}.book-quote em{font:11px Georgia;color:#393c31}.source-photo{position:absolute;background:#fff;padding:7px;box-shadow:4px 8px 18px #0002;z-index:3;animation:sources 4s infinite}.source-photo img{width:74px;height:90px;object-fit:contain}.source-photo small{display:block;font-size:6px;text-align:center}.s1{top:35px;left:4%;transform:rotate(-11deg)}.s2{right:3%;top:200px;transform:rotate(9deg);animation-delay:.1s}.s3{left:15%;bottom:18px;transform:rotate(6deg);animation-delay:.2s}.s3 img{height:55px;width:65px}.demo-cursor{position:absolute;top:145px;left:21%;font-size:35px;z-index:5;color:#1a1a1a;text-shadow:1px 1px #fff;animation:cursor 4s infinite}.phone-result{position:absolute;right:4%;bottom:30px;width:94px;height:170px;border:5px solid #20231e;border-radius:15px;background:#fff;padding:12px 6px 7px;box-shadow:8px 14px 20px #0003;z-index:4;animation:result 4s infinite;transform:rotate(7deg)}.phone-notch{position:absolute;top:0;left:25%;right:25%;height:6px;border-radius:0 0 4px 4px;background:#20231e}.phone-result>span:first-of-type{font-size:5px;letter-spacing:.1em}.phone-result img{display:block;width:100%;height:80px;object-fit:contain}.phone-result strong,.phone-result small{display:block;font-size:6px;margin:5px 0}.phone-buy{display:block;background:#435a3d;color:white;font-size:5px;text-align:center;padding:5px}.export-result{position:absolute;left:33%;bottom:18px;background:#272e21;color:white;padding:9px 13px;font-size:10px;box-shadow:4px 6px 12px #0002;animation:result 4s infinite}.export-result span{display:block;font-size:5px;letter-spacing:.12em;margin-top:4px}.demo-timeline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.05em;margin-top:16px;gap:15px}.demo-timeline span{flex:1;padding-bottom:8px;border-bottom:2px solid #b5bba3}.caption{font-size:9px;line-height:1.8;color:#74766b;margin:12px 0 0}.value-strip{display:flex;justify-content:space-around;gap:20px;padding:25px 5%;border-block:1px solid #dcded2;background:#eeefe8;font-size:11px;color:#575c4e}.value-strip b{color:#242a20;margin-right:5px}.section{padding:85px 6%;max-width:1500px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.section h2{font:400 clamp(35px,3.4vw,52px)/1.08 Georgia;letter-spacing:-.04em;margin-bottom:25px}.section-heading>p{max-width:360px;font-size:13px;line-height:1.9;color:#696b62}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #d6d8cc;margin-bottom:40px}.tabs button{text-align:left;padding:22px 25px;border:0;border-bottom:3px solid transparent;background:#eeeee8;color:#53594a;font-size:15px;cursor:pointer}.tabs button[aria-selected=true]{background:#262e23;color:white;border-color:#b7bf9f}.tabs small{display:block;font-size:10px;opacity:.85;margin-top:9px}.segment-panel{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.segment-panel[hidden]{display:none}.segment-panel h3{font:400 44px/1.08 Georgia;letter-spacing:-.04em;margin-bottom:20px}.segment-panel p{font-size:13px;line-height:1.85;color:#696d61}.segment-panel .btn{margin-top:10px}.segment-panel ol{padding:0;list-style:none}.segment-panel li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #d9dbd0}.segment-panel li>b{font:35px Georgia;color:#80896b}.segment-panel h4{font-size:14px;margin:0 0 9px}.segment-panel li p{margin:0;font-size:12px}.interaction{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;border-block:1px solid #d9dbd0;background:#f0f0e9}.product-example{max-width:420px;width:100%;margin:auto}.product-image{position:relative;background:#e8e5dc;padding:35px 25px 25px}.product-index{font-size:8px;letter-spacing:.14em}.product-image>img{display:block;width:100%;height:290px;object-fit:contain}.product-buttons{display:flex;gap:7px;position:relative;justify-content:center;flex-wrap:wrap}.product-buttons button{background:#fff;border:1px solid #727e62;color:#263020;padding:10px;font-size:9px;cursor:pointer;box-shadow:0 4px 10px #0001}.product-buttons button:hover{background:#283424;color:white}.product-meta{display:flex;justify-content:space-between;align-items:start;border-top:1px solid #aaa;margin-top:15px;padding-top:15px;gap:10px}.product-meta h3{font:24px Georgia}.product-meta>span{font-size:13px}.product-meta small{display:block;font-size:8px;color:#76766b;margin-top:5px}.interaction-copy>p{font-size:14px;line-height:1.9;color:#61685a}.demo-tip{border-left:2px solid #7e8e66;padding-left:18px;margin:25px 0}.demo-tip b{font-size:12px}.demo-tip p{font-size:11px;line-height:1.8;color:#646e5d;margin:8px 0}.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.industry-grid article h3{font:23px Georgia;margin:24px 0 12px}.industry-grid article p{font-size:12px;line-height:1.8;color:#696e62;min-height:65px}.industry-grid article>a{font-size:10px;font-weight:bold;text-underline-offset:4px}.mini-scene{height:290px;background:#dddcd5;display:grid;place-items:center;perspective:900px;border-radius:4px;overflow:hidden}.mini-scene.sand{background:#e7ded1}.mini-scene.olive{background:#dce0d1}.mini-scene.wine{background:#ded5cf}.mini-cover{position:relative;width:170px;height:235px;background:#faf9f5;padding:13px;box-shadow:10px 16px 21px #2223;transform:rotateY(-14deg) rotateZ(-6deg);transition:transform .3s}.mini-scene:hover .mini-cover{transform:rotateY(-4deg) rotateZ(-2deg)}.mini-cover>span{font:8px Georgia;letter-spacing:.08em;display:block;margin-bottom:10px}.mini-cover img{width:100%;height:166px;object-fit:cover}.mini-cover em{position:absolute;bottom:30px;left:4px;background:#1b241ee8;color:#fff;padding:9px;font:17px/.95 Georgia;max-width:140px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.steps article{border-top:1px solid #b8bdab;padding-top:25px}.steps article>span{font:50px Georgia;color:#858e6a}.steps h3{font-size:17px;margin:24px 0 15px}.steps p{font-size:13px;line-height:1.9;color:#646b5b}.ecommerce{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#e9ece2}.ecommerce>div>p{font-size:14px;line-height:1.9;color:#616957}.capabilities article{border-bottom:1px solid #c5cab8;padding:22px 0}.capabilities article:first-child{padding-top:0}.status{font-size:8px;letter-spacing:.12em;color:#344b29;background:#d6e0ca;padding:6px 8px;display:inline-block}.status.pending{color:#685940;background:#e7e0d3}.capabilities h3{font-size:16px;margin:14px 0 10px}.capabilities p{font-size:12px;line-height:1.85;color:#5f6754;margin-bottom:0}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.faq>div>p{font-size:13px;line-height:1.8;color:#6e7267;max-width:300px}details{border-bottom:1px solid #dadccf;padding:20px 0}summary{font-size:13px;font-weight:bold;cursor:pointer;line-height:1.6}details p{font-size:12px;line-height:1.85;color:#626b57;margin:15px 0 0}.final-cta{text-align:center;background:#20271e;color:#fff;padding:75px 6%}.final-cta .eyebrow{color:#b9c6a4}.final-cta h2{font:400 clamp(36px,4.5vw,65px)/1.05 Georgia;letter-spacing:-.04em}.final-cta h2 em{color:#c5cfae}.final-cta p{font-size:14px;line-height:1.8;color:#c3cbb9}.btn.light{background:#edf0e5;color:#25301e;border-color:#edf0e5;margin-top:15px}.final-cta small{display:block;font-size:9px;color:#bfc9b2;margin-top:18px}.launch-section{padding:50px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid #d6d9cc}.launch-section h2{font:30px Georgia;margin-bottom:12px}.launch-section p{font-size:12px;line-height:1.8;color:#646e57}.launch-section .eyebrow{margin-bottom:10px}.launch-section label{font-size:11px}.email-row{display:flex;gap:8px;margin-top:8px}.email-row input{min-width:0;flex:1;padding:13px;border:1px solid #aeb79e;border-radius:4px}.consent{display:flex;gap:8px;align-items:start;line-height:1.8;font-size:9px!important;margin-top:13px}.consent input{margin-top:4px}.trap{position:absolute;left:-10000px}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 6%;gap:20px;font-size:10px;color:#6d7463}footer>div{display:flex;gap:25px}.footer-brand{font-size:23px;font-weight:bold;color:#273120;text-decoration:none}dialog{max-width:520px;width:90%;padding:40px;border:1px solid #c1c9b2;border-radius:8px;color:#25301d;background:#f9faf5}dialog::backdrop{background:#151b13a8}dialog h2{font:32px Georgia}dialog p{font-size:13px;line-height:1.8}.dialog-close{position:absolute;right:15px;top:10px;background:transparent;border:0;font-size:25px;cursor:pointer}#chatPreview{padding:20px;background:#e1ead6;border-radius:7px;font-size:13px;line-height:1.8;margin:20px 0}.paused *{animation-play-state:paused!important}@keyframes compose{0%,15%{opacity:.15;transform:translateY(12px) rotateY(-18deg) rotateZ(-8deg) scale(.9)}43%,100%{opacity:1;transform:rotateX(8deg) rotateY(-12deg) rotateZ(-5deg)}}@keyframes sources{0%,25%{opacity:1;translate:0 0}48%,100%{opacity:0;translate:75px -20px}}@keyframes result{0%,50%{opacity:0;translate:0 20px}73%,100%{opacity:1;translate:0 0}}@keyframes cursor{0%{translate:0 0;opacity:1}35%{translate:140px 100px;opacity:1}55%,100%{opacity:0;translate:160px 110px}}@keyframes grid{0%,30%{opacity:1}65%,100%{opacity:0}}@media(max-width:1100px){.nav nav{gap:12px;font-size:9px}.nav{gap:15px}.brand{font-size:23px}.hero{gap:3%}h1{font-size:60px}.demo-stage{height:450px}.open-book{left:8%;width:80%;top:60px;height:315px}.book-left h2{font-size:29px}.book-right>img{height:130px}.industry-grid{grid-template-columns:repeat(2,1fr)}.mini-scene{height:330px}.mini-cover{width:195px;height:270px}.mini-cover img{height:198px}.mini-cover em{font-size:21px}}@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-top:45px}.hero-copy{max-width:650px}h1{font-size:clamp(48px,8vw,74px)}.transformation{max-width:600px;width:100%;margin:auto}.demo-stage{height:480px}.open-book{height:345px;left:12%;width:76%}.book-right>img{height:155px}.section{padding:60px 6%}.section-heading{align-items:start;flex-direction:column;gap:0}.section-heading>p{max-width:600px}.segment-panel{gap:7%}.segment-panel h3{font-size:36px}.interaction{gap:6%}.interaction h2{font-size:37px}.value-strip{flex-wrap:wrap;gap:15px}.faq,.ecommerce{gap:7%}.launch-section{grid-template-columns:1fr;gap:25px}.book-left h2{font-size:36px}}@media(max-width:560px){.nav{padding:17px 5%}.brand i{display:none}.brand{font-size:22px}.brand small{font-size:6px}.btn.compact{font-size:9px;padding:11px}.hero{padding-top:35px}h1{font-size:51px}.intro{font-size:14px}.actions{gap:14px}.hero .actions .btn{width:100%}.checks{font-size:9px;gap:10px}.demo-stage{height:365px}.open-book{top:50px;left:9%;width:82%;height:265px}.book-left,.book-right{padding:9px}.book-left h2{font-size:26px;left:12px}.book-right>img{height:105px}.big-number{font-size:27px;margin:7px 0 2px}.book-right>strong{font-size:10px}.book-price{font-size:6px}.book-quote{margin-top:7px;font-size:25px}.book-quote em{font-size:8px}.phone-result{width:72px;height:136px;right:2%;bottom:14px}.phone-result img{height:55px}.export-result{bottom:10px;left:29%;font-size:8px}.source-photo img{height:65px;width:50px}.source-photo small{font-size:5px}.s2{top:170px}.s3{left:8%}.demo-toolbar{font-size:7px}.demo-toolbar button{font-size:8px}.demo-timeline{font-size:7px}.tabs button{font-size:12px;padding:15px 12px;line-height:1.5}.tabs small{font-size:8px}.segment-panel,.interaction,.steps,.ecommerce,.faq{grid-template-columns:1fr;gap:30px}.segment-panel h3{font-size:39px}.industry-grid{gap:25px 15px}.mini-scene{height:230px}.mini-cover{width:125px;height:180px;padding:9px}.mini-cover>span{font-size:6px}.mini-cover img{height:120px}.mini-cover em{font-size:14px;bottom:20px;padding:7px}.industry-grid article h3{font-size:20px}.industry-grid article p{font-size:11px;min-height:85px}.industry-grid article>a{font-size:9px}.section h2{font-size:37px}.email-row{flex-direction:column}footer{align-items:start;flex-wrap:wrap}footer>span{width:100%;order:3}.final-cta{padding:60px 6%}.product-image>img{height:270px}.value-strip{font-size:9px;justify-content:start}.value-strip>span{width:45%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.transformation:not(.motion-opt-in) *{animation:none!important}.transformation:not(.motion-opt-in) .source-photo,.transformation:not(.motion-opt-in) .demo-cursor,.transformation:not(.motion-opt-in) .draft-grid{display:none}.mini-cover{transition:none}}
/* Dirección visual aportada por el usuario. */
/* ---------------------------------------------
VARIABLES Y RESET
--------------------------------------------- */
:root {
--bg-light: #FBF9F5;
--bg-surface: #FFFFFF;
--bg-card: #F4F1EA;
--text-dark: #121316;
--text-muted: #66635F;
--text-light: #8E8B85;
--accent-editorial: #9E2A2B;
--accent-gold: #B88E53;
--dark-canvas: #0E0F12;
--dark-surface: #18191E;
--border-subtle: rgba(18, 19, 22, 0.08);
--border-dark: rgba(255, 255, 255, 0.1);
--shadow-paper: 0 24px 48px -12px rgba(18, 19, 22, 0.18), 0 8px 16px -6px rgba(18, 19, 22, 0.08);
--shadow-soft: 0 12px 30px -8px rgba(18, 19, 22, 0.06);
--font-serif: 'Cormorant Garamond', Georgia, serif;
--font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
--transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: var(--bg-light);
color: var(--text-dark);
font-family: var(--font-sans);
font-size: 16px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
a {
color: inherit;
text-decoration: none;
}
button {
font-family: inherit;
cursor: pointer;
border: none;
background: none;
}
.container {
max-width: 1240px;
margin: 0 auto;
padding: 0 24px;
}
/* ---------------------------------------------
NAVBAR
--------------------------------------------- */
.nav {
position: sticky;
top: 0;
z-index: 100;
background: rgba(251, 249, 245, 0.85);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border-subtle);
transition: var(--transition);
}
.nav-container {
display: flex;
align-items: center;
justify-content: space-between;
height: 72px;
}
.brand {
display: flex;
align-items: baseline;
gap: 8px;
}
.brand-logo {
font-family: var(--font-sans);
font-weight: 700;
font-size: 1.35rem;
letter-spacing: -0.03em;
color: var(--text-dark);
}
.brand-sub {
font-size: 0.72rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--accent-gold);
}
.nav-menu {
display: flex;
align-items: center;
gap: 32px;
}
.nav-link {
font-size: 0.9rem;
font-weight: 500;
color: var(--text-muted);
transition: var(--transition);
}
.nav-link:hover {
color: var(--text-dark);
}
.nav-actions {
display: flex;
align-items: center;
gap: 16px;
}
.btn-login {
font-size: 0.9rem;
font-weight: 600;
color: var(--text-dark);
padding: 10px 16px;
}
.btn-primary {
background: var(--text-dark);
color: #FFF;
padding: 12px 22px;
border-radius: 999px;
font-weight: 600;
font-size: 0.9rem;
display: inline-flex;
align-items: center;
gap: 8px;
transition: var(--transition);
box-shadow: 0 4px 14px rgba(0,0,0,0.12);
}
.btn-primary:hover {
background: #252830;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}
/* ---------------------------------------------
HERO SECTION
--------------------------------------------- */
.hero {
padding: 80px 0 100px;
position: relative;
}
.hero-grid {
display: grid;
grid-template-columns: 1fr 1.15fr;
gap: 56px;
align-items: center;
}
.hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: #EFECE4;
padding: 6px 14px;
border-radius: 999px;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--accent-editorial);
margin-bottom: 24px;
}
.hero-badge::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--accent-editorial);
animation: pulse 2s infinite;
}
.hero-title {
font-family: var(--font-serif);
font-size: clamp(2.8rem, 5vw, 4.2rem);
font-weight: 600;
line-height: 1.05;
letter-spacing: -0.02em;
color: var(--text-dark);
margin-bottom: 24px;
}
.hero-title em {
font-style: italic;
color: var(--accent-editorial);
font-weight: 400;
}
.hero-desc {
font-size: 1.15rem;
color: var(--text-muted);
line-height: 1.6;
margin-bottom: 36px;
max-width: 500px;
}
.hero-cta-group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
margin-bottom: 32px;
}
.btn-secondary {
background: transparent;
border: 1px solid var(--border-subtle);
color: var(--text-dark);
padding: 12px 22px;
border-radius: 999px;
font-weight: 600;
font-size: 0.9rem;
display: inline-flex;
align-items: center;
gap: 8px;
transition: var(--transition);
background: #FFF;
}
.btn-secondary:hover {
border-color: var(--text-dark);
transform: translateY(-2px);
}
.hero-perks {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding-top: 12px;
border-top: 1px solid var(--border-subtle);
}
.perk-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.82rem;
font-weight: 600;
color: var(--text-light);
}
.perk-item svg {
width: 14px;
height: 14px;
stroke: var(--accent-gold);
}
/* ---------------------------------------------
ANIMACIÓN INTERACTIVA (HERO STAGE)
--------------------------------------------- */
.stage-wrapper {
position: relative;
background: radial-gradient(circle at 60% 40%, #EDE9DE 0%, #DFDACD 100%);
padding: 36px;
border-radius: 28px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7), 0 20px 40px rgba(0,0,0,0.05);
perspective: 1200px;
min-height: 520px;
display: flex;
flex-direction: column;
justify-content: center;
}
.stage-header {
position: absolute;
top: 18px;
left: 24px;
right: 24px;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 10;
}
.stage-pill {
background: rgba(255,255,255,0.7);
backdrop-filter: blur(8px);
padding: 4px 12px;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.05em;
color: var(--text-dark);
}
.stage-indicator {
display: flex;
gap: 6px;
}
.stage-step-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(0,0,0,0.15);
transition: var(--transition);
}
.stage-step-dot.active {
background: var(--accent-editorial);
width: 20px;
border-radius: 4px;
}
/* El pliego editorial que se anima */
.spread-canvas {
position: relative;
width: 100%;
aspect-ratio: 1.4 / 1;
background: #FFF;
border-radius: 12px;
box-shadow: var(--shadow-paper);
display: grid;
grid-template-columns: 1fr 1fr;
overflow: hidden;
transform-style: preserve-3d;
transition: var(--transition);
}
/* Doblez de encuadernación */
.spread-canvas::after {
content: "";
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 16px;
transform: translateX(-50%);
background: linear-gradient(to right, rgba(0,0,0,0.06), transparent 50%, rgba(0,0,0,0.06));
pointer-events: none;
z-index: 5;
}
/* Página Izquierda (Editorial & Hero) */
.page-left {
padding: 32px;
background: #FDFCF9;
display: flex;
flex-direction: column;
justify-content: space-between;
border-right: 1px solid rgba(0,0,0,0.03);
position: relative;
}
.page-meta {
font-size: 0.65rem;
letter-spacing: 0.15em;
text-transform: uppercase;
font-weight: 600;
color: var(--text-light);
display: flex;
justify-content: space-between;
}
.page-hero-title {
font-family: var(--font-serif);
font-size: 2.2rem;
line-height: 1.1;
font-weight: 600;
margin: 12px 0;
}
.page-hero-img-wrap {
width: 100%;
height: 190px;
border-radius: 6px;
overflow: hidden;
background: #EAE6DF;
position: relative;
}
.page-hero-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.page-quote {
font-family: var(--font-serif);
font-size: 0.95rem;
font-style: italic;
color: var(--text-muted);
margin-top: 10px;
}
/* Página Derecha (Grilla de Productos Shoppable) */
.page-right {
padding: 32px 28px;
background: #FFF;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.catalog-product-card {
display: flex;
gap: 16px;
align-items: center;
background: #FDFBF8;
border: 1px solid var(--border-subtle);
border-radius: 8px;
padding: 10px;
position: relative;
transition: var(--transition);
}
.catalog-product-card:hover {
border-color: var(--accent-gold);
transform: translateY(-2px);
box-shadow: var(--shadow-soft);
}
.prod-thumb {
width: 72px;
height: 72px;
border-radius: 4px;
object-fit: cover;
background: #EAE6DF;
}
.prod-details {
flex: 1;
}
.prod-brand {
font-size: 0.65rem;
text-transform: uppercase;
color: var(--accent-gold);
font-weight: 700;
letter-spacing: 0.05em;
}
.prod-name {
font-size: 0.9rem;
font-weight: 600;
color: var(--text-dark);
margin: 2px 0 4px;
}
.prod-price {
font-family: var(--font-serif);
font-size: 1.1rem;
font-weight: 700;
color: var(--text-dark);
}
.badge-buy {
background: #25D366;
color: #FFF;
font-size: 0.7rem;
font-weight: 700;
padding: 6px 10px;
border-radius: 6px;
display: inline-flex;
align-items: center;
gap: 4px;
box-shadow: 0 4px 10px rgba(37, 211, 102, 0.25);
}
/* Capa de animación simulada */
.floating-raw-photo {
position: absolute;
width: 110px;
height: 140px;
background: #FFF;
padding: 6px 6px 20px;
box-shadow: 0 16px 30px rgba(0,0,0,0.15);
border-radius: 6px;
z-index: 20;
transition: all 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
pointer-events: none;
}
.floating-raw-photo img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 3px;
}
.photo-1 {
top: -15px;
right: -25px;
transform: rotate(12deg);
}
.photo-2 {
bottom: -20px;
left: -20px;
transform: rotate(-8deg);
}
/* ---------------------------------------------
SEGMENTACIÓN INTERACTIVA (TABS)
--------------------------------------------- */
.segment-section {
padding: 100px 0;
background: #FFF;
border-top: 1px solid var(--border-subtle);
border-bottom: 1px solid var(--border-subtle);
}
.section-head {
text-align: center;
max-width: 680px;
margin: 0 auto 50px;
}
.section-sub {
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.15em;
color: var(--accent-gold);
margin-bottom: 12px;
display: block;
}
/* Completa el archivo recibido y conserva los flujos existentes. */
html{scroll-padding-top:90px}body{font-family:var(--font-sans);background:var(--bg-light);color:var(--text-dark)}button,input{font-family:inherit}.skip:focus{top:80px}.nav{display:block;padding:0;gap:0}.nav-container{max-width:1320px;width:100%}.nav .nav-menu{display:flex;gap:26px;font-size:12px}.nav .nav-link{font-size:12px;white-space:nowrap}.brand{text-decoration:none;letter-spacing:normal}.brand-logo{font-size:27px}.brand-dot{color:var(--accent-gold)}.brand-sub{font-size:8px;letter-spacing:.16em}.nav-actions{gap:8px}.btn-login{font-size:11px}.btn-primary,.btn-secondary{font-size:12px;gap:18px;line-height:1.5;padding:14px 23px}.hero{display:block;padding:68px 0 90px;max-width:none}.hero-grid{gap:65px;grid-template-columns:.88fr 1.12fr;align-items:center}.hero-copy{max-width:540px}.hero-title{font-size:clamp(58px,5.5vw,83px);font-weight:500;letter-spacing:-.045em;margin:0 0 24px}.hero-badge{font-size:8px;letter-spacing:.14em;padding:7px 11px;margin-bottom:24px}.hero-desc{font-size:13px;line-height:1.9;max-width:365px;margin:0 0 27px}.hero-cta-group{gap:9px;margin-bottom:26px}.hero-perks{gap:18px;padding-top:17px;max-width:365px}.perk-item{font-size:9px;color:#6b6660}.hero-footnote{font-size:7px;letter-spacing:.18em;color:#8d8171;margin-top:28px}.stage-wrapper{padding:57px 26px 50px;min-height:505px;background:radial-gradient(ellipse at 60% 40%,#f7f3ea,#e4ded1);border:1px solid #dfd7c9;box-shadow:inset 0 0 0 1px #ffffff80,0 25px 50px -25px #48382130;isolation:isolate;overflow:visible}.stage-header{top:17px;left:24px;right:24px}.stage-pill{font-size:7px;letter-spacing:.12em;display:flex;align-items:center;gap:6px}.stage-pill i{width:5px;height:5px;background:#a83c39;border-radius:50%}.stage-header button{font-size:8px;color:#695f54;text-decoration:underline;text-underline-offset:3px;padding:5px}.spread-canvas{min-height:350px;aspect-ratio:1.4;border-radius:2px;transform:rotateY(-7deg) rotateX(4deg) rotateZ(-3deg);transition:transform 1.2s,opacity .9s;box-shadow:14px 24px 28px -15px #34231655,0 7px 12px #0000000a}.page-left{padding:17px 17px 13px}.page-meta{font-size:5px;color:#7c7367;letter-spacing:.13em}.page-hero-title{font-family:var(--font-serif);font-size:31px;line-height:.92;letter-spacing:-.045em;font-weight:500;margin:17px 0 12px}.page-hero-title em{font-weight:400;color:var(--accent-editorial)}.page-hero-img-wrap{height:185px;border-radius:0}.page-hero-img-wrap img{object-position:center 32%;filter:grayscale(1)}.page-quote{font-family:var(--font-serif);font-size:12px;margin-top:12px;color:#766154}.folio{font-size:5px;letter-spacing:.14em;color:#8b8072;display:block;margin-top:12px}.page-right{padding:17px 16px 13px;gap:12px}.stage-large-number{font:49px/.85 var(--font-serif);color:var(--accent-editorial);letter-spacing:-.06em;display:flex;align-items:center;gap:13px;margin:9px 0}.stage-large-number>span{font:5px/1.6 var(--font-sans);letter-spacing:.15em;color:#82766b;max-width:55px}.catalog-product-card{padding:8px;gap:10px;border-radius:2px;background:#f9f7f3;box-shadow:none}.prod-thumb{width:61px;height:70px;border-radius:0;object-fit:contain;background:#eeeae2}.prod-brand{font-size:5px;letter-spacing:.16em;color:#9a7944}.prod-name{font-size:8px;line-height:1.4;margin:4px 0}.prod-price{font-family:var(--font-serif);font-size:13px}.badge-buy{background:#17281f;color:#fff;box-shadow:none;font-size:7px;align-self:start;border-radius:3px;padding:9px 10px;gap:8px}.badge-buy:hover{background:#345241}.floating-raw-photo{width:80px;height:115px;padding:5px 5px 19px;border-radius:2px;transition:transform 1.2s,opacity .9s;z-index:4}.floating-raw-photo small{display:block;text-align:center;font-size:4px;letter-spacing:.1em;margin-top:5px;color:#726251}.photo-1{top:65px;right:-22px;transform:translate(4px,-12px) rotate(12deg);opacity:0}.photo-2{bottom:70px;left:-26px;transform:translate(-5px,8px) rotate(-9deg);opacity:0}.stage-export{position:absolute;bottom:83px;right:-17px;display:flex;gap:11px;align-items:center;background:#fff;border:1px solid #e0d6c5;border-radius:10px;padding:15px 20px;box-shadow:0 10px 30px #33251017;z-index:6;opacity:0;transform:translateY(20px) rotate(3deg);transition:opacity .8s,transform 1s}.pdf-icon{display:grid;place-items:center;border:1px solid #ab7a66;background:#fbf6ee;color:#8e332b;width:33px;height:41px;font-size:8px;border-radius:3px}.stage-export strong{display:block;font:19px var(--font-serif)}.stage-export small{font-size:7px;color:#8a8176;display:block;margin-top:4px}.export-check{color:#5c7c55;background:#eef3e8;border-radius:50%;padding:3px 6px;font-size:11px}.stage-bottom{display:flex;justify-content:space-between;gap:10px;position:absolute;bottom:30px;left:26px;right:26px}.stage-step{font-size:7px;border-top:1px solid #c9c0b0;flex:1;padding-top:9px;color:#8f8576;transition:color .3s,border-color .3s}.stage-step b{margin-right:5px;font-size:7px;font-weight:400}.stage-step.active{border-color:#9e2a2b;color:#7b2b2a}.stage-caption{position:absolute;bottom:-34px;left:0;right:0;text-align:center;font-size:7px;color:#948b7c;letter-spacing:.02em}.stage-wrapper[data-phase=photos] .floating-raw-photo{opacity:1;transform:translate(0,0) rotate(8deg)}.stage-wrapper[data-phase=photos] .photo-2{transform:rotate(-9deg)}.stage-wrapper[data-phase=photos] .spread-canvas{opacity:.4;transform:rotateY(-13deg) rotateZ(-4deg) scale(.96)}.stage-wrapper[data-phase=share] .stage-export{opacity:1;transform:translateY(0) rotate(3deg)}.stage-wrapper[data-phase=share] .spread-canvas{transform:rotateY(-3deg) rotateZ(-1deg)}
.value-strip{background:#f4f0e7;border-color:#e7dfd2;color:#786b5b;padding:23px 6%;font-size:10px}.value-strip b{color:#482f25;font-weight:600}.section{max-width:1360px;padding:90px 6%}.eyebrow{font-family:var(--font-sans);font-size:8px;letter-spacing:.19em;color:#a0804e;font-weight:600}.section h2{font-family:var(--font-serif);font-size:55px;line-height:1;letter-spacing:-.04em;font-weight:500}.section h2 em{color:var(--accent-editorial);font-weight:400}.section-heading>p{font-size:12px;color:#7e7367;max-width:335px;line-height:1.9}.tabs{gap:8px;border-bottom:0;margin-bottom:40px}.tabs button{border:1px solid #e2d9cb;background:#f8f5ef;border-radius:9px;color:#746657;padding:21px 23px;font-size:13px;font-weight:600;transition:background .2s}.tabs button[aria-selected=true]{background:#211e1c;border-color:#211e1c;color:white;box-shadow:0 9px 20px -13px #24150b}.tabs small{font-size:9px;font-weight:400}.segment-panel{gap:12%}.segment-panel h3{font:500 44px/1.05 var(--font-serif);letter-spacing:-.03em}.segment-panel h3 em{color:var(--accent-editorial);font-weight:400}.segment-panel p{font-size:12px;color:#7b6e60}.segment-panel li{border-color:#e4dcd0;gap:22px}.segment-panel li>b{font:40px var(--font-serif);color:#ab916a}.segment-panel h4{font-size:12px;font-weight:600}.segment-panel li p{font-size:11px}.btn{background:#211e1c;border-color:#211e1c;border-radius:999px;font-family:var(--font-sans);font-size:11px;font-weight:600;padding:14px 23px}.btn:hover{background:#49372e}.text-link{color:var(--accent-editorial);font-size:11px}.caption{color:#8b7d6b;font-size:9px}.section.interaction{max-width:none;background:#111215;color:#f8f4eb;border:0;padding-inline:max(6%,calc((100vw - 1200px)/2));gap:10%}.interaction .product-image{background:#e7e0d2;border-radius:2px}.product-buttons button{border-color:#a28a66;color:#352d24;border-radius:999px;font-size:8px}.product-buttons button:hover{background:#9e2a2b;color:#fff}.product-meta{border-color:#b9b0a0}.product-meta h3{font:27px var(--font-serif);color:#27231e}.product-meta>span{color:#332c22;font-size:11px}.product-meta small{color:#7c6c59}.interaction h2{color:#fff}.interaction h2 em{color:#cfa984}.interaction .eyebrow{color:#c6a774}.interaction-copy>p,.interaction .demo-tip p{color:#b5afa7;font-size:12px}.interaction .demo-tip{border-color:#956850}.interaction .demo-tip b{font-size:11px}.interaction .btn{background:#f4ead8;color:#31281e;border-color:#f4ead8}.industry-grid{gap:24px}.mini-scene{background:#ebe6dc}.mini-scene.sand{background:#eadfce}.mini-scene.olive{background:#e0e0d4}.mini-scene.wine{background:#e8dad5}.mini-cover{background:#fdfaf4}.mini-cover em{background:#24211eea;font-family:var(--font-serif)}.industry-grid article h3{font:500 28px var(--font-serif)}.industry-grid article p{font-size:11px;color:#827564}.industry-grid article>a{color:#6e3931;font-size:10px}.steps{gap:35px}.steps article{border-color:#c7b79d}.steps article>span{font:62px var(--font-serif);color:#b29975}.steps h3{font:500 26px var(--font-serif);margin:18px 0 10px}.steps p{font-size:12px;color:#817261}.ecommerce{max-width:none;background:#f0eadf;padding-inline:max(6%,calc((100vw - 1200px)/2));gap:12%}.ecommerce>div>p{font-size:13px;color:#7f705d}.capabilities article{border-color:#d7cbb8}.capabilities h3{font:500 24px var(--font-serif)}.capabilities p{font-size:11px;color:#7f715e}.status{background:#e1d9ca;color:#655438;font-size:7px;border-radius:3px}.status.pending{background:#e9e1d4;color:#826e53}.faq>div>p{color:#817360;font-size:12px}.faq details{border-color:#e4dbcd}.faq summary{font-size:12px;font-weight:500}.faq details p{color:#82715d;font-size:11px}.final-cta{background:#171618;position:relative;padding:82px 6%;overflow:hidden}.final-cta:before{content:'“';position:absolute;font:500px/.8 var(--font-serif);left:3%;top:50px;color:#ffffff04;pointer-events:none}.final-cta .eyebrow{color:#be9e6c}.final-cta h2{font:500 clamp(45px,5vw,73px)/.98 var(--font-serif);letter-spacing:-.04em}.final-cta h2 em{color:#cdab83;font-weight:400}.final-cta p{font-size:12px;color:#c2b7a8}.btn.light{background:#f4ead8;color:#332a20;border-color:#f4ead8}.final-cta small{font-size:8px;color:#a79884}.launch-section{background:#f7f3ec;border-color:#e0d6c7;padding:55px 6%}.launch-section h2{font:500 34px var(--font-serif)}.launch-section p{color:#86745c;font-size:11px}.launch-section label{font-size:10px}.email-row input{border-color:#d0c1a9;background:#fffdf9;font-size:11px;border-radius:6px}.consent{font-size:9px!important}.consent a{color:#8f483b}.launch-section #launchResult{color:#685239}.footer-brand{font-family:var(--font-sans);color:#29231c}footer{background:#fbf9f5;color:#94816b;font-size:9px}footer a{color:#6c5540}dialog{background:#fbf9f5;color:#2b231b;border-color:#d7c6ad;border-radius:13px;box-shadow:0 22px 90px #1a120940}dialog::backdrop{background:#171618b5}dialog h2{font:500 37px var(--font-serif)}#chatPreview{background:#ece7dc;color:#53452f}.dialog-close{color:#806d52}.btn-primary:focus-visible,.btn-secondary:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #a45c43;outline-offset:5px}
@media(min-width:1600px){.hero{padding-top:85px;padding-bottom:110px}.hero-grid{gap:95px}.hero-title{font-size:85px}}
@media(max-width:1100px){.hero-grid{gap:35px;grid-template-columns:1fr 1.1fr}.hero{padding:60px 0 80px}.hero-title{font-size:64px}.nav .nav-menu{gap:18px}.brand-sub{display:none}.stage-wrapper{padding-inline:18px;min-height:470px}.page-left,.page-right{padding:14px}.page-hero-title{font-size:28px}.page-hero-img-wrap{height:165px}.spread-canvas{min-height:330px}.catalog-product-card{padding:6px;gap:6px}.prod-thumb{width:48px;height:64px}.photo-1{right:-7px}.stage-export{right:-5px;padding:13px}.hero-cta-group .btn-primary,.hero-cta-group .btn-secondary{padding:13px 17px;font-size:10px}.section h2{font-size:49px}}
@media(max-width:850px){.nav .nav-menu{display:none}.hero-grid{grid-template-columns:1fr;gap:55px}.hero-copy{max-width:620px}.hero-title{font-size:74px}.hero-desc{max-width:450px;font-size:14px}.stage-wrapper{max-width:570px;width:calc(100% - 20px);margin:0 auto;min-height:505px;padding:58px 28px 52px}.spread-canvas{min-height:350px}.page-left,.page-right{padding:18px}.page-hero-title{font-size:35px}.page-hero-img-wrap{height:185px}.prod-thumb{width:65px;height:72px}.catalog-product-card{padding:9px}.hero-footnote{display:none}.hero-cta-group .btn-primary,.hero-cta-group .btn-secondary{font-size:12px;padding:14px 23px}.photo-1{right:-16px}.stage-export{right:-10px}.section{padding:65px 6%}.section-heading{gap:0}.section-heading>p{max-width:550px}.section h2{font-size:48px}.interaction h2{font-size:43px}.industry-grid{gap:30px 22px}.ecommerce{gap:7%}.faq{gap:7%}.brand-logo{font-size:25px}}
@media(max-width:560px){.container{padding-inline:22px}.nav-container{height:66px}.nav-actions{gap:0}.btn-login{display:none}.brand-logo{font-size:24px}.nav-actions .btn-primary{padding:11px 16px;font-size:10px}.hero{padding:38px 0 75px}.hero-grid{gap:47px}.hero-title{font-size:60px}.hero-badge{font-size:7px;margin-bottom:20px}.hero-desc{font-size:12px;line-height:1.9;max-width:360px}.hero-cta-group{gap:8px;margin-bottom:20px}.hero-cta-group .btn-primary,.hero-cta-group .btn-secondary{font-size:10px;padding:13px 17px}.hero-perks{gap:13px;padding-top:15px}.perk-item{font-size:8px}.perk-item svg{width:11px;height:11px}.stage-wrapper{padding:51px 13px 46px;min-height:363px;width:100%;border-radius:18px}.stage-header{top:15px;left:14px;right:14px}.stage-pill{font-size:5px;padding:4px 7px}.stage-header button{font-size:6px}.spread-canvas{min-height:260px;aspect-ratio:auto;transform:rotateY(-6deg) rotateZ(-2deg)}.page-left,.page-right{padding:12px 10px;gap:8px}.page-meta{font-size:4px}.page-hero-title{font-size:25px;margin:10px 0}.page-hero-img-wrap{height:137px}.page-quote{font-size:9px;line-height:1.2;margin-top:8px}.folio{font-size:4px;letter-spacing:.08em;margin-top:8px}.stage-large-number{font-size:32px;margin:5px 0;gap:6px}.stage-large-number>span{font-size:4px}.catalog-product-card{padding:5px;gap:5px}.prod-thumb{width:42px;height:50px}.prod-brand{font-size:4px}.prod-name{font-size:6px;line-height:1.3;margin:2px 0}.prod-price{font-size:10px}.badge-buy{font-size:5px;padding:7px;gap:3px}.floating-raw-photo{width:59px;height:83px;padding:4px 4px 14px}.floating-raw-photo small{font-size:3px;margin-top:3px}.photo-1{top:50px;right:-6px}.photo-2{left:-7px;bottom:60px}.stage-export{bottom:60px;right:-6px;padding:10px;gap:7px;border-radius:6px}.stage-export strong{font-size:15px}.stage-export small{font-size:6px}.pdf-icon{width:24px;height:32px;font-size:6px}.export-check{font-size:8px}.stage-bottom{left:14px;right:14px;bottom:18px}.stage-step,.stage-step b{font-size:6px}.stage-step{padding-top:7px}.stage-caption{font-size:6px;bottom:-28px}.value-strip{font-size:8px;padding-block:19px}.section h2{font-size:43px}.section{padding:56px 6%}.tabs button{padding:16px 12px;font-size:11px;line-height:1.5}.tabs small{font-size:8px}.segment-panel h3{font-size:39px}.segment-panel p{font-size:12px}.segment-panel li p{font-size:11px}.industry-grid{gap:26px 15px}.industry-grid article h3{font-size:25px}.industry-grid article p{font-size:10px;min-height:80px}.mini-scene{height:220px}.steps{gap:28px}.steps h3{font-size:27px}.section.interaction{padding-top:55px;padding-bottom:55px}.final-cta{padding:65px 6%}.final-cta h2{font-size:48px}.final-cta p{font-size:11px}.launch-section{padding:40px 6%}.launch-section h2{font-size:32px}.email-row .btn{font-size:11px}.section-heading>p{font-size:12px}}
@media(max-width:360px){.hero-title{font-size:53px}.container{padding-inline:16px}.hero-cta-group .btn-primary,.hero-cta-group .btn-secondary{font-size:9px;padding:12px 14px}.page-left,.page-right{padding:10px 7px}.page-hero-title{font-size:22px}.page-hero-img-wrap{height:128px}.prod-thumb{width:34px}.prod-name{font-size:5px}.stage-pill{font-size:4px}.stage-wrapper{min-height:350px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-badge:before{animation:none}.stage-wrapper:not(.motion-opt-in) *{transition:none!important;animation:none!important}.stage-wrapper:not(.motion-opt-in) .floating-raw-photo{display:none}.stage-wrapper:not(.motion-opt-in) .spread-canvas{opacity:1!important;transform:none!important}.stage-wrapper:not(.motion-opt-in) .stage-export{opacity:1;transform:none}.mini-cover,.btn-primary,.btn-secondary{transition:none!important}}
.hero-title .hero-time{display:block;font-size:.64em;line-height:1.15;margin-top:12px}
/* Lectura más clara en toda la landing. */
body{font-size:19px}.nav-container{height:82px}.nav .nav-link{font-size:15px}.brand-sub{font-size:11px}.btn-login{font-size:14px}.btn-primary,.btn-secondary,.hero-cta-group .btn-primary,.hero-cta-group .btn-secondary{font-size:15px;padding:14px 21px}.hero-badge{font-size:11px;margin-bottom:20px}.hero-title{font-size:clamp(62px,5.75vw,87px)}.hero-desc{font-size:16px;line-height:1.8;max-width:445px}.hero-cta-group{gap:11px}.hero-perks{max-width:445px;gap:17px}.perk-item{font-size:12px}.hero-footnote{font-size:10px;letter-spacing:.12em}.eyebrow{font-size:11px}.value-strip{font-size:13px}.section-heading>p,.segment-panel p,.steps p,.faq>div>p{font-size:15px;line-height:1.85}.tabs button{font-size:16px}.tabs small{font-size:12px}.segment-panel h4{font-size:15px}.segment-panel li p{font-size:14px}.btn,.text-link{font-size:14px}.caption{font-size:12px;line-height:1.8}.interaction-copy>p,.interaction .demo-tip p{font-size:15px;line-height:1.85}.interaction .demo-tip b{font-size:14px}.product-index{font-size:11px}.product-buttons button{font-size:11px}.product-meta>span{font-size:14px}.product-meta small{font-size:12px}.industry-grid article p{font-size:14px;line-height:1.85;min-height:100px}.industry-grid article>a{font-size:13px}.ecommerce>div>p{font-size:16px}.capabilities p{font-size:14px;line-height:1.85}.status{font-size:10px;line-height:1.6}.faq summary{font-size:15px;line-height:1.7}.faq details p{font-size:14px;line-height:1.85}.final-cta p{font-size:15px}.final-cta small{font-size:11px}.launch-section p{font-size:14px}.launch-section label{font-size:13px}.email-row input{font-size:14px}.consent{font-size:12px!important}.launch-section .btn{font-size:14px}footer{font-size:12px;line-height:1.7}.dialog-close-action{font-size:14px}dialog p{font-size:15px}.hero{position:relative;isolation:isolate;overflow:clip;padding-top:48px;padding-bottom:78px;background:#faf8f4;--mx:0;--my:0;--spot-x:65%;--spot-y:40%}.hero-grid{position:relative;z-index:2;grid-template-columns:.94fr 1.06fr;gap:55px}.hero-copy{position:relative;z-index:4;transform:translate3d(calc(var(--mx)*7px),calc(var(--my)*5px),0);will-change:transform}.hero-title .hero-line{display:inline-block;transform:translate3d(calc(var(--mx)*-5px),calc(var(--my)*-3px),0)}.hero-title .hero-line-two{transform:translate3d(calc(var(--mx)*5px),calc(var(--my)*3px),0)}.hero-title .hero-line-three{display:inline-block;transform:translate3d(calc(var(--mx)*10px),calc(var(--my)*5px),0)}.hero-title .hero-time{position:relative;width:max-content;transform:translate3d(calc(var(--mx)*-7px),calc(var(--my)*-3px),0)}.hero-time:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:12px;border-radius:50%;background:#b6557535;filter:blur(8px);opacity:.7}.hero-ambient{position:absolute;inset:-90px;z-index:-1;pointer-events:none;overflow:hidden}.ambient-glow{position:absolute;width:520px;height:560px;border-radius:50%;filter:blur(70px);opacity:.3;animation:ambient-flow 16s ease-in-out infinite alternate;will-change:transform}.glow-wine{right:4%;top:80px;background:#c089a8}.glow-gold{right:26%;bottom:-120px;background:#e4b66d;animation-delay:-6s;opacity:.27}.glow-lilac{right:-100px;bottom:20px;background:#b7b7d7;opacity:.35;animation-delay:-10s}.ambient-editorial{position:absolute;right:15%;top:8%;width:470px;height:640px;object-fit:cover;filter:blur(26px) grayscale(.35);opacity:.085;transform:rotate(-14deg) translate3d(calc(var(--mx)*-32px),calc(var(--my)*-25px),0)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--spot-x) var(--spot-y),#fff6,transparent 55%);z-index:1}.stage-wrapper{min-height:555px;padding:68px 25px 72px;margin-top:12px;border:1px solid #ffffffa8;border-radius:30px;background:linear-gradient(135deg,#ffffff8c,#eee8dc66);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px #ffffff55,0 30px 80px -25px #49312f33;transform:perspective(1300px) rotateY(calc(var(--mx)*-4deg)) rotateX(calc(var(--my)*3deg));transform-style:preserve-3d;will-change:transform;--build-progress:0}.stage-header{z-index:20;left:20px;right:20px;top:17px}.stage-pill{font-size:10px;padding:5px 9px;letter-spacing:.07em}.stage-header button{font-size:11px;background:#fff8;text-decoration:none;border-radius:6px;padding:7px 9px}.spread-canvas{position:relative;z-index:5;min-height:355px;transform:translate3d(calc(var(--mx)*13px),calc(var(--my)*9px),30px) rotateY(-5deg) rotateX(3deg) rotateZ(-3deg);transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity .8s;box-shadow:16px 27px 35px -15px #35221d66,0 6px 16px #0000000a}.stage-wrapper[data-phase=photos] .spread-canvas{opacity:.73;transform:translate3d(calc(var(--mx)*8px),calc(var(--my)*6px),10px) rotateY(-11deg) rotateZ(-6deg) scale(.94)}.stage-wrapper[data-phase=share] .spread-canvas{opacity:1;transform:translate3d(calc(var(--mx)*10px),calc(var(--my)*7px),10px) rotateY(-2deg) rotateZ(-1deg) scale(.98)}.page-hero-title{font-size:34px}.page-meta{font-size:7px;letter-spacing:.08em}.page-quote{font-size:14px}.folio{font-size:7px;letter-spacing:.08em}.prod-name{font-size:10px}.prod-brand{font-size:7px}.prod-price{font-size:16px}.prod-thumb{width:57px}.catalog-product-card{padding:8px;gap:8px}.stage-large-number{font-size:51px}.stage-large-number>span{font-size:7px;line-height:1.5}.badge-buy{font-size:9px;padding:9px}.page-left,.page-right{padding:17px 14px}.page-right{gap:12px}.scene-depth{position:absolute;inset:0;z-index:1;pointer-events:none;transform-style:preserve-3d}.depth-photo{position:absolute;filter:drop-shadow(0 15px 13px #4b393e30);transform:translate3d(calc(var(--mx)*-22px),calc(var(--my)*-17px),-15px);will-change:transform;transition:opacity 1s}.depth-visual{padding:6px 6px 17px;background:#fff;border:1px solid #fff8;border-radius:3px;animation:photo-float 8s ease-in-out infinite alternate;transform-origin:center}.depth-visual img{width:100%;height:100%;object-fit:contain;background:#eee9df}.depth-visual>span{display:block;text-align:center;font:5px/1.2 var(--font-sans);letter-spacing:.08em;padding-top:5px;color:#84766c}.depth-far{width:115px;height:155px;left:15%;top:-36px;filter:blur(2.5px) drop-shadow(0 10px 10px #4b393e20);opacity:.56;transform:translate3d(calc(var(--mx)*-35px),calc(var(--my)*-27px),-60px)}.depth-far .depth-visual{height:100%;rotate:-14deg;animation-delay:-5s}.depth-back{width:140px;height:155px;right:-34px;top:57px;filter:blur(1px) drop-shadow(0 13px 12px #4b393e25);opacity:.8;transform:translate3d(calc(var(--mx)*-28px),calc(var(--my)*-20px),-30px)}.depth-back .depth-visual{height:100%;rotate:11deg;animation-delay:-2s}.depth-mid{width:100px;height:133px;left:-35px;bottom:63px;opacity:.8}.depth-mid .depth-visual{height:100%;rotate:-11deg;animation-delay:-3s}.hero .floating-raw-photo{width:78px;height:110px;z-index:7;opacity:.82;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity 1s;box-shadow:0 14px 25px #45312c24}.hero .photo-1{top:57px;right:-11px;transform:translate3d(calc(var(--mx)*21px),calc(var(--my)*17px),40px) rotate(12deg)}.hero .photo-2{bottom:76px;left:-18px;transform:translate3d(calc(var(--mx)*-19px),calc(var(--my)*-13px),45px) rotate(-10deg)}.hero .stage-wrapper[data-phase=photos] .floating-raw-photo{opacity:1}.hero .stage-wrapper[data-phase=photos] .photo-1{transform:translate3d(calc(var(--mx)*26px + 15px),calc(var(--my)*20px - 8px),60px) rotate(15deg)}.hero .stage-wrapper[data-phase=photos] .photo-2{transform:translate3d(calc(var(--mx)*-23px - 10px),calc(var(--my)*-16px + 8px),60px) rotate(-15deg)}.hero .stage-wrapper[data-phase=layout] .photo-1,.hero .stage-wrapper[data-phase=share] .photo-1{opacity:.45;transform:translate3d(-65px,25px,0) rotate(-4deg) scale(.72)}.hero .stage-wrapper[data-phase=layout] .photo-2,.hero .stage-wrapper[data-phase=share] .photo-2{opacity:.45;transform:translate3d(50px,-35px,0) rotate(5deg) scale(.72)}.scene-orbit{position:absolute;inset:37px 25px 35px;border:1px solid #ffffffa0;border-radius:50%;pointer-events:none;z-index:0;transform:rotate(-20deg) scale(1.1,.85);animation:orbit-breathe 12s ease-in-out infinite alternate}.orbit-two{inset:80px -12px 25px;transform:rotate(23deg) scale(1.04,.92);border-style:dashed;border-color:#ae898c30;animation-delay:-6s}.scene-composition-grid{position:absolute;inset:62px 20px 57px;pointer-events:none;background-image:linear-gradient(#ad82871a 1px,transparent 1px),linear-gradient(90deg,#ad82871a 1px,transparent 1px);background-size:33px 33px;opacity:0;transition:opacity .8s;z-index:2}.stage-wrapper[data-phase=photos] .scene-composition-grid{opacity:1}.scene-live-status{position:absolute;left:22px;right:22px;bottom:43px;display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:#7d635f;z-index:8;pointer-events:none}.scene-live-status i{width:5px;height:5px;border-radius:50%;background:#a75865;box-shadow:0 0 0 4px #a7586510}.stage-bottom{left:22px;right:22px;bottom:16px;z-index:10;gap:12px}.stage-step,.stage-step b{font-size:9px}.stage-step{padding-top:7px;border-color:#c8b5ad}.stage-step.active{color:#8f273c;border-color:#a13d50}.stage-caption{font-size:10px;bottom:-41px;line-height:1.6;left:-10px;right:-10px;color:#806f67}.stage-export{display:flex;align-items:center;gap:13px;width:245px;min-height:152px;padding:14px;bottom:67px;right:-24px;border-radius:12px;border:1px solid #ffffffc9;background:#fffefcf5;backdrop-filter:blur(16px);box-shadow:0 18px 45px #462c3540;z-index:12;opacity:0;pointer-events:none;transform:translate3d(calc(var(--mx)*-10px),35px,70px) rotate(7deg) scale(.88);transition:opacity .7s,transform 1.1s cubic-bezier(.16,1,.3,1);text-decoration:none;color:#27221e}.hero .stage-wrapper[data-phase=share] .stage-export,.hero .stage-export:hover,.hero .stage-export:focus-visible{opacity:1;pointer-events:auto;transform:translate3d(calc(var(--mx)*-8px),calc(var(--my)*-4px),70px) rotate(3deg) scale(1)}.pdf-miniature{width:75px;height:112px;background:#f7f4ee;padding:6px;box-shadow:3px 5px 10px #45352a24;flex:none;transform:rotate(-5deg)}.pdf-miniature b{display:block;font:11px/.95 var(--font-serif);letter-spacing:-.02em;padding:4px 0}.pdf-miniature img{width:100%;height:73px;object-fit:cover;object-position:center 30%;filter:grayscale(1)}.pdf-miniature i{display:block;font:4px/1 var(--font-sans);margin-top:4px;letter-spacing:.1em;font-style:normal}.pdf-message{flex:1;min-width:0}.pdf-message>span{font-size:8px;letter-spacing:.13em;color:#a03349}.stage-export .pdf-message strong{font:24px/1.05 var(--font-serif);margin:8px 0;letter-spacing:-.025em}.stage-export .pdf-message small{font:9px/1.5 var(--font-sans);color:#7d6b61}.pdf-message .pdf-ready{display:inline-flex;align-items:center;gap:4px;background:#eef2e9;color:#537546;font:9px var(--font-sans);padding:5px 7px;border-radius:20px;margin-top:9px;letter-spacing:0}.stage-export:after{content:'';height:2px;position:absolute;left:15px;right:15px;bottom:8px;border-radius:2px;background:#b57480;transform:scaleX(var(--build-progress));transform-origin:left}.hero.motion-paused *{animation-play-state:paused!important}.hero.motion-paused .hero-copy,.hero.motion-paused .hero-line,.hero.motion-paused .hero-time{transition:none}
@keyframes ambient-flow{0%{translate:-35px -20px;scale:.95}100%{translate:45px 35px;scale:1.12}}@keyframes photo-float{0%{translate:0 -8px;rotate:-2deg}100%{translate:4px 9px;rotate:2deg}}@keyframes orbit-breathe{0%{scale:.98;opacity:.45}100%{scale:1.04;opacity:.85}}
@media(max-width:1150px){.nav .nav-menu{gap:16px}.nav .nav-link{font-size:13px}.hero-grid{gap:40px}.hero-title{font-size:68px}.hero-badge{font-size:10px}.hero-desc{font-size:16px}.hero-cta-group .btn-primary,.hero-cta-group .btn-secondary{font-size:13px;padding:13px 16px}.hero-perks{gap:12px}.perk-item{font-size:11px}.stage-wrapper{min-height:530px;padding-inline:18px}.page-left,.page-right{padding:15px 11px}.page-hero-title{font-size:30px}.prod-thumb{width:45px;height:65px}.catalog-product-card{padding:6px;gap:6px}.page-meta{font-size:6px}.prod-name{font-size:9px}.prod-price{font-size:14px}.stage-large-number{font-size:45px}.stage-large-number>span{font-size:6px}.stage-export{right:-10px;width:226px}.depth-back{right:-17px}.depth-mid{left:-24px}.hero-footnote{font-size:9px}}
@media(max-width:850px){.hero{padding:48px 0 85px}.hero-grid{grid-template-columns:1fr;gap:60px}.hero-title{font-size:78px}.hero-copy{max-width:650px}.hero-desc{max-width:560px;font-size:17px}.hero-cta-group .btn-primary,.hero-cta-group .btn-secondary{font-size:15px;padding:14px 23px}.perk-item{font-size:12px}.stage-wrapper{max-width:590px;min-height:555px;padding:67px 28px 70px;margin:0 auto;width:calc(100% - 26px)}.hero .stage-wrapper .spread-canvas{min-height:360px}.page-left,.page-right{padding:18px 15px}.page-hero-title{font-size:35px}.page-meta{font-size:7px}.prod-thumb{width:62px;height:73px}.catalog-product-card{padding:8px;gap:8px}.prod-name{font-size:10px}.prod-price{font-size:16px}.stage-export{right:-17px;width:245px}.stage-caption{font-size:11px}.section h2{font-size:51px}.section-heading>p{font-size:15px}.hero .glow-wine{right:-10%;top:500px}.hero .glow-gold{right:20%;bottom:100px}.ambient-editorial{top:48%;right:5%;width:500px;height:600px}.industry-grid article p{min-height:90px}.hero-ambient{inset:-40px}.hero-footnote{font-size:10px}}
@media(max-width:560px){.nav-container{height:75px}.nav-actions .btn-primary{font-size:13px;padding:11px 16px}.hero{padding:38px 0 79px}.hero-title{font-size:63px}.hero-badge{font-size:9px;letter-spacing:.1em}.hero-desc{font-size:16px;line-height:1.8}.hero-cta-group{gap:9px}.hero-cta-group .btn-primary,.hero-cta-group .btn-secondary{font-size:13px;padding:13px 17px}.hero-perks{gap:13px}.perk-item{font-size:11px}.stage-wrapper{width:calc(100% - 4px);min-height:397px;padding:54px 11px 66px;border-radius:20px}.hero-grid{gap:52px}.hero .stage-wrapper .spread-canvas{min-height:274px;transform:translate3d(calc(var(--mx)*4px),calc(var(--my)*3px),5px) rotateZ(-2deg)}.hero .stage-wrapper[data-phase=photos] .spread-canvas{transform:rotateZ(-4deg) scale(.96)}.hero .stage-wrapper[data-phase=share] .spread-canvas{transform:rotateZ(-1deg) scale(.98)}.stage-header{left:12px;right:12px;top:13px}.stage-pill{font-size:7px;letter-spacing:.04em;padding:5px 7px}.stage-header button{font-size:9px;padding:5px 6px}.page-left,.page-right{padding:12px 8px;gap:8px}.page-hero-title{font-size:25px}.page-hero-img-wrap{height:140px}.page-quote{font-size:10px}.page-meta{font-size:5px}.folio{font-size:5px}.prod-thumb{width:37px;height:51px}.prod-name{font-size:7px}.prod-brand{font-size:5px}.prod-price{font-size:11px}.catalog-product-card{padding:5px;gap:5px}.badge-buy{font-size:6px;padding:7px}.stage-large-number{font-size:34px}.stage-large-number>span{font-size:5px}.depth-far{width:80px;height:108px;top:-23px;left:14%}.depth-back{width:85px;height:103px;right:-10px;top:46px}.depth-mid{width:69px;height:95px;left:-12px;bottom:66px}.hero .floating-raw-photo{width:56px;height:80px;padding:4px 4px 14px}.hero .photo-1{right:-5px;top:57px}.hero .photo-2{left:-8px;bottom:65px}.floating-raw-photo small{font-size:4px}.stage-export{width:196px;min-height:119px;padding:10px;gap:10px;right:-6px;bottom:62px;border-radius:9px}.hero .stage-wrapper[data-phase=share] .stage-export{transform:rotate(3deg)}.pdf-miniature{width:57px;height:91px;padding:5px}.pdf-miniature img{height:57px}.pdf-miniature b{font-size:9px}.pdf-miniature i{font-size:3px}.pdf-message>span{font-size:7px}.stage-export .pdf-message strong{font-size:21px;margin:6px 0}.stage-export .pdf-message small{font-size:8px}.pdf-message .pdf-ready{font-size:8px;margin-top:6px}.scene-live-status{left:12px;right:12px;font-size:8px;bottom:40px}.stage-bottom{left:13px;right:13px;bottom:15px;gap:9px}.stage-step,.stage-step b{font-size:8px}.stage-caption{font-size:9px;bottom:-39px;left:0;right:0}.value-strip{font-size:11px;gap:15px}.section h2{font-size:45px}.section-heading>p{font-size:15px}.tabs button{font-size:14px;padding:17px 12px}.tabs small{font-size:11px;line-height:1.6}.segment-panel p{font-size:15px}.segment-panel li p{font-size:14px}.industry-grid{grid-template-columns:1fr;gap:35px}.mini-scene{height:310px}.mini-cover{width:190px;height:270px;padding:13px}.mini-cover img{height:197px}.mini-cover>span{font-size:9px}.mini-cover em{font-size:21px;bottom:28px;max-width:170px}.industry-grid article h3{font-size:30px}.industry-grid article p{font-size:14px;min-height:0}.industry-grid article>a{font-size:13px}.steps p{font-size:15px}.faq summary{font-size:15px}.faq details p{font-size:14px}.final-cta p{font-size:15px}.final-cta small{font-size:11px}.launch-section p{font-size:14px}.launch-section h2{font-size:35px}.email-row .btn{font-size:14px}.ambient-glow{width:360px;height:420px;filter:blur(50px)}.ambient-editorial{top:47%;width:340px;height:470px}.hero-copy,.hero-title .hero-line,.hero-title .hero-line-two,.hero-title .hero-line-three,.hero-title .hero-time{transform:none}.hero .stage-wrapper{transform:none}}
@media(max-width:370px){.hero-title{font-size:57px}.hero-cta-group .btn-primary,.hero-cta-group .btn-secondary{font-size:12px;padding:13px 14px}.perk-item{font-size:10px}.page-hero-title{font-size:23px}.prod-thumb{width:31px}.prod-name{font-size:6px}.stage-pill{font-size:6px}.stage-export{width:183px}.stage-export .pdf-message strong{font-size:19px}}
.hero .stage-export{visibility:hidden}.hero .stage-wrapper[data-phase=share] .stage-export,.hero .stage-export:focus-visible{visibility:visible}
@media(min-width:851px){.hero .stage-export{right:8px}}