/* La portada usa una imagen decorativa. Todo el texto, enlaces y tarjetas son HTML real. */
:root{--ink:#2c2927;--muted:#6d6863;--deep:#17191c;--deep2:#26282a;--accent:#cf8d59;--line:#e5ddd4;--paper:#fbf9f6;--soft:#f1ece6;--shadow:0 24px 60px rgba(26,22,19,.12)}
html[data-finish="platino"]{--ink:#242b34;--muted:#68727c;--deep:#171c23;--deep2:#252d38;--accent:#b8cadc;--line:#dbe2e8;--paper:#fafbfd;--soft:#edf2f6;--shadow:0 24px 60px rgba(21,33,48,.12)}
html{scroll-padding-top:22px}body{background:var(--paper);color:var(--ink)}:focus-visible{outline-color:var(--accent)}
.eyebrow{color:#9a633f}html[data-finish="platino"] .eyebrow{color:#536e88}
header{background:#141619;border-bottom-color:#ffffff25}.mark{background:var(--accent);color:#17191c}.navlinks .nav-cta{background:var(--accent);color:#15171a}.navlinks .nav-cta:hover{background:#f1c09e;color:#15171a}html[data-finish="platino"] .navlinks .nav-cta:hover{background:#d8e4f2}
.btn-primary{background:var(--accent);color:#19191b}.btn-primary:hover{background:#e8aa77}html[data-finish="platino"] .btn-primary:hover{background:#dce6f0}.btn-outline{border-color:#ffffff9c}.btn-dark{background:var(--deep)}.btn-dark:hover{background:#34383e}.btn-quiet{color:var(--ink);border-color:var(--line)}.btn-quiet:hover{background:var(--soft)}
.reference-hero{height:695px;min-height:695px;padding:0;background:#17191b url(hero-background.png) center center/cover no-repeat;isolation:isolate}.reference-hero:after{display:none}.hero-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,13,16,.70) 0%,rgba(11,13,16,.50) 39%,transparent 74%),linear-gradient(0deg,rgba(9,11,13,.18),transparent 55%)}.reference-hero-inner{height:100%;position:relative;z-index:1}.reference-copy{position:relative;z-index:3;width:min(560px,48%);padding-top:67px;text-shadow:0 2px 15px #08090b99}.reference-hero .eyebrow{color:#eab489;font-size:.74rem}.reference-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:.96;font-size:clamp(4.2rem,5.4vw,6.3rem);margin:15px 0 25px;color:#fff}.reference-hero .hero-lead{font-size:clamp(1.18rem,1.48vw,1.38rem);font-weight:500;line-height:1.4;color:#f4f2ee;max-width:540px;margin-bottom:16px}.reference-hero .hero-support{color:#e1dcd5;font-size:.95rem;max-width:490px;margin-bottom:27px}.reference-hero .hero-note{color:#e5dbd0;font-size:.77rem;margin-top:17px}html[data-finish="platino"] .reference-hero .eyebrow{color:#d5e5f6}html[data-finish="platino"] .reference-hero .hero-note{color:#dce9f4}
.showcase{position:absolute;right:0;bottom:94px;width:58%;height:365px;display:flex;align-items:flex-end;justify-content:flex-end;gap:13px;perspective:1000px}.showcase-card{--edge:#db8e56;--glow:rgba(237,125,53,.45);position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;flex:0 1 auto;min-width:0;width:30%;height:64%;padding:23px 18px 19px;border:1px solid #f1b98c;border-radius:15px;color:#f5ede8;text-decoration:none;background:radial-gradient(circle at 74% 0%,#5b4a40 0%,transparent 42%),repeating-linear-gradient(136deg,#242222 0 3px,#272425 4px 7px),#242323;box-shadow:inset 0 1px 0 #ffffff55,inset 0 0 0 2px #08090a,5px 9px 0 #100f10,8px 16px 0 #a45e36,0 18px 25px #08090bd9,0 0 23px var(--glow);transform:rotateY(-8deg) rotateX(2deg);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden;text-shadow:0 2px 8px #050505}.showcase-card:before{content:'';position:absolute;inset:0;background:repeating-radial-gradient(circle at 35% 28%,transparent 0 7px,#ffffff05 8px 9px,transparent 10px 18px);opacity:.7;pointer-events:none}.showcase-card:after{content:'';position:absolute;inset:-70% auto auto -80%;height:225%;width:40%;background:linear-gradient(90deg,transparent,#ffffff38,transparent);transform:rotate(25deg);animation:card-shine 6.2s ease-in-out 1.6s infinite;pointer-events:none}.showcase-card:hover{transform:translateY(-10px) rotateY(-4deg);box-shadow:inset 0 1px 0 #ffffff80,inset 0 0 0 2px #08090a,5px 9px 0 #100f10,8px 16px 0 #a45e36,0 27px 35px #08090be8,0 0 32px var(--glow)}.showcase-card.card-one{height:68%;width:27%}.showcase-card.card-two{height:79%;width:30%}.showcase-card.card-three{height:95%;width:34%}.showcase-icon{position:absolute;left:18px;top:24px;width:52px;height:52px;color:#efb587;filter:drop-shadow(0 0 10px #e88b52a8)}.showcase-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.showcase-number{position:relative;font-size:.59rem;letter-spacing:.14em;font-weight:800;color:#ebb68c;margin-bottom:9px}.showcase-card strong{position:relative;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.12rem,1.65vw,1.55rem);font-weight:400;line-height:1.05;letter-spacing:-.025em;color:white}html[data-finish="platino"] .showcase-card{--edge:#b6d9fa;--glow:rgba(46,139,249,.4);border-color:#dcecff;color:#f0f7ff;background:radial-gradient(circle at 74% 0%,#455364 0%,transparent 42%),repeating-linear-gradient(136deg,#22262d 0 3px,#252b34 4px 7px),#22262d;box-shadow:inset 0 1px 0 #ffffff81,inset 0 0 0 2px #080d13,5px 9px 0 #10141b,8px 16px 0 #32639e,0 18px 25px #08090bd9,0 0 23px var(--glow)}html[data-finish="platino"] .showcase-card:hover{box-shadow:inset 0 1px 0 #ffffffa0,inset 0 0 0 2px #080d13,5px 9px 0 #10141b,8px 16px 0 #32639e,0 27px 35px #08090be8,0 0 32px var(--glow)}html[data-finish="platino"] .showcase-icon{color:#d7e8fc;filter:drop-shadow(0 0 10px #83c0ffa8)}html[data-finish="platino"] .showcase-number{color:#c3dfff}
.showcase-controls{position:absolute;right:0;bottom:47px;display:flex;gap:8px}.showcase-controls button{border:1px solid #ffffff88;border-radius:6px;background:#13171ad4;color:#fafafa;padding:5px 9px;font-size:.72rem;cursor:pointer}.showcase-controls button:hover{background:#393f46}.showcase-caption{position:absolute;right:0;bottom:22px;text-align:right;color:#f1e9e0;font-size:.67rem;margin:0;text-shadow:0 2px 7px #08090b}html[data-finish="platino"] .showcase-caption{color:#e8f1fb}
.reference-hero:not(.scene-paused) .showcase-card{animation:card-enter .75s both}.reference-hero:not(.scene-paused) .card-one{animation-delay:.08s}.reference-hero:not(.scene-paused) .card-two{animation-delay:.23s}.reference-hero:not(.scene-paused) .card-three{animation-delay:.38s}.reference-hero.scene-paused .showcase-card,.reference-hero.scene-paused .showcase-card:after{animation-play-state:paused!important}.reference-hero.scene-still .showcase-card,.reference-hero.scene-still .showcase-card:after{animation:none!important}@keyframes card-enter{from{opacity:.5;translate:0 34px}to{opacity:1;translate:0 0}}@keyframes card-shine{0%,17%{left:-80%}34%,100%{left:160%}}
.trust-strip{background:var(--soft)}.trust-grid div{color:var(--ink)}.trust-grid span{color:#a86d44}html[data-finish="platino"] .trust-grid span{color:#638ebc}.module{border-color:var(--line)}.module-visual{background:var(--soft)}.image-label{background:#1b1d21ed}.module-index,.module-benefit::before{color:#9c6849}.module-benefit{color:var(--ink)}.modules-note{color:var(--muted)}html[data-finish="platino"] .module-index,html[data-finish="platino"] .module-benefit::before{color:#587ea6}.zoom-hint{color:var(--ink);border-color:var(--line)}.walkthrough,.extras{background:var(--soft)}.step{border-color:var(--line)}.step-num{background:#ead8c9;color:#734c34}.video-status{background:#f5e7da;border-left-color:#ba7d4e;color:#644734}html[data-finish="platino"] .step-num{background:#dbe7f3;color:#395b7b}html[data-finish="platino"] .video-status{background:#e0eaf5;border-left-color:#6f9bc5;color:#405d78}.offer-card.demo{background:#fff}.offer-card.license{background:var(--deep2);border-color:#777675}.offer-card.license p{color:#d1d4d7}.pill{background:#f4e6d8;color:#805637}.license .pill{background:#4b3d36;color:#f1d2b8}.offer-card li:before,.license li:before{color:#b07851}.license .smallprint{color:#c8c1bd}html[data-finish="platino"] .pill{background:#e4edf6;color:#43637f}html[data-finish="platino"] .license .pill{background:#384b5e;color:#e3f2ff}html[data-finish="platino"] .offer-card li:before,html[data-finish="platino"] .license li:before{color:#81a6c8}.interactive{border-color:var(--line)}.demo-screen{background:#20252a}.demo-window,.demo-disclaimer{background:#fafbfc}.demo-windowbar{background:var(--soft)}.demo-row{border-color:var(--line);color:var(--ink)}.demo-row b{color:#8d5d3b}.demo-step{color:#956341}.demo-tab[aria-selected="true"]{color:#8a5632;border-color:#b97a4c;background:#fbf1e8}.demo-tab:hover{color:var(--ink)}.demo-progress span.active{background:#bc8054}html[data-finish="platino"] .demo-row b,html[data-finish="platino"] .demo-step{color:#52789c}html[data-finish="platino"] .demo-tab[aria-selected="true"]{color:#42668c;border-color:#779abb;background:#eef5fb}html[data-finish="platino"] .demo-progress span.active{background:#749bc1}.extra-card{border-color:var(--line)}footer{background:#e9e2da;color:#605b55}html[data-finish="platino"] footer{background:#e6ebf0;color:#58636f}.solutions-panel{background:#fff;border-color:var(--line)}.solutions-panel a:hover,.solutions-panel a:focus-visible{background:var(--soft)}
@media(max-width:1100px){.reference-copy{width:50%}.reference-hero h1{font-size:clamp(3.7rem,6vw,5.4rem)}.showcase{width:54%;height:330px;gap:9px}.showcase-card{padding:17px 12px}.showcase-icon{left:12px;width:44px;height:44px}.showcase-card strong{font-size:clamp(1rem,1.65vw,1.35rem)}}
@media(max-width:900px){.reference-hero{height:auto;min-height:0;padding:0}.reference-hero-inner{height:auto;min-height:750px;padding-bottom:455px}.reference-copy{width:min(570px,100%);padding-top:67px}.hero-scrim{background:linear-gradient(90deg,#111317dd 0%,#11131799 65%,#11131733 100%)}.showcase{width:min(680px,100%);height:350px;left:50%;right:auto;bottom:77px;transform:translateX(-50%)}.showcase-controls{bottom:34px;right:0}.showcase-caption{bottom:12px;right:0}}
@media(max-width:650px){.reference-hero{background-position:66% center}.reference-hero-inner{min-height:0;padding-bottom:365px}.reference-copy{padding-top:55px}.reference-hero h1{font-size:clamp(3.45rem,11vw,4.8rem);margin:13px 0 20px}.reference-hero .hero-lead{font-size:1.1rem}.reference-hero .hero-support{font-size:.88rem;margin-bottom:22px}.reference-hero .btn-row{display:flex}.reference-hero .btn{min-height:47px;padding:10px 13px;font-size:.85rem}.showcase{width:100%;height:265px;gap:7px;bottom:69px}.showcase-card{padding:14px 8px 13px;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff55,inset 0 0 0 2px #08090a,3px 5px 0 #100f10,5px 9px 0 #a45e36,0 11px 20px #08090bd9}.showcase-card.card-one{width:29%;height:72%}.showcase-card.card-two{width:31%;height:83%}.showcase-card.card-three{width:36%;height:96%}.showcase-icon{left:8px;top:12px;width:32px;height:32px}.showcase-number{font-size:.55rem;letter-spacing:.04em;margin-bottom:5px}.showcase-card strong{font-size:.92rem}.showcase-controls{bottom:33px;left:0;right:auto}.showcase-caption{bottom:9px;left:0;right:auto;text-align:left}.reference-hero .hero-note{max-width:none}.navlinks .nav-cta{display:none}}
@media(max-width:390px){.reference-hero-inner{padding-bottom:325px}.reference-hero h1{font-size:3.45rem}.reference-hero .btn-row{display:grid;grid-template-columns:1fr 1fr}.reference-hero .btn{font-size:.75rem;padding:8px 6px}.showcase{height:225px}.showcase-card{padding:11px 6px}.showcase-icon{width:29px;height:29px;left:7px;top:9px}.showcase-card strong{font-size:.86rem}.showcase-number{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.reference-hero .showcase-card,.reference-hero .showcase-card:after{animation:none!important;transition:none!important}.showcase-controls{display:none}}