:root{--background:#fff;--background-alt:#f8fafc;--foreground:#1e293b;--muted:#64748b;--primary:#7c3aed;--primary-hover:#6d28d9;--primary-light:#eef2ff;--accent:#38bdf8;--border:#e2e8f0;--navy:#0f1b4c;--gradient-hero:linear-gradient(135deg,#010b22 0%,#06183f 22%,#0a2350 42%,#11498f 70%,#0e7490 88%,#06b6d4 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--foreground);background:var(--background);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;font-size:1rem;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.container{width:min(1160px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:white;color:#17234b;padding:10px 18px;border-radius:8px}.skip-link:focus{top:10px}
.hero-background{background:var(--gradient-hero);color:white}.header{border-bottom:1px solid rgba(255,255,255,.1)}.header-inner{min-height:92px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;flex-shrink:0}.brand img{width:196px;height:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin-left:auto;font-size:.9rem;font-weight:500;color:#dbe6fb}.desktop-nav a:hover,.login-link:hover{color:white}.login-link{border:1px solid rgba(255,255,255,.25);border-radius:9px;padding:9px 17px;font-size:.9rem;font-weight:600}.menu-toggle{display:none;background:transparent;color:white;border:1px solid #ffffff45;border-radius:8px;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;background:currentColor;height:2px;margin:5px 0}.mobile-nav{padding:12px 24px 20px;border-top:1px solid #ffffff20}.mobile-nav a{display:block;padding:10px 0}.hero{text-align:center;padding-top:66px;padding-bottom:54px}.eyebrow{color:var(--primary);font-size:.78rem;line-height:1.5;font-weight:750;letter-spacing:.11em;text-transform:uppercase;margin-bottom:18px}.hero-eyebrow{display:flex;justify-content:center;align-items:center;gap:12px;color:#b6e9ff;font-size:.74rem}.hero-eyebrow span{font-weight:500;letter-spacing:.08em;border-left:1px solid #ffffff38;padding-left:12px;color:#d7e4f9}.hero h1{font-size:clamp(3rem,6.3vw,5.3rem);line-height:1.06;letter-spacing:-.052em;font-weight:750;max-width:920px;margin:0 auto}.hero h1 span{color:#67e8f9}.hero-promise{font-size:clamp(1.25rem,2.05vw,1.75rem);font-weight:500;line-height:1.4;letter-spacing:-.025em;margin:25px auto 18px;max-width:850px;color:#f2f7ff}.hero-description{max-width:790px;color:#c5d8f2;font-size:1.08rem;line-height:1.8;margin:auto}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}.button{min-height:54px;padding:14px 26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;font-size:1rem;font-weight:650;transition:background .18s,box-shadow .18s,transform .18s}.button-primary{background:var(--primary);color:white;box-shadow:0 7px 24px #3510854a}.button-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.button-outline{background:rgba(255,255,255,.04);border-color:#ffffff5c;color:white}.button-outline:hover{background:#ffffff16;border-color:#ffffff98}.hero-note{font-size:.83rem;color:#bfd3ed;margin-top:17px}.product-frame{margin-top:35px;background:white;border:1px solid #dce4ef;border-radius:16px;box-shadow:0 18px 45px -23px #132d5640;overflow:hidden}.hero-frame{max-width:1100px;margin:48px auto 0;box-shadow:0 32px 80px -28px #000b2bbb;border-color:#ffffff70}.frame-bar{display:flex;align-items:center;gap:15px;min-height:45px;background:#fafbfd;border-bottom:1px solid #e7edf5;padding:8px 16px;color:#63738b;font-size:.76rem;font-weight:500}.frame-bar>span:nth-child(2){flex:1;text-align:center}.window-dots{display:flex;gap:5px;width:40px;flex-shrink:0}.window-dots i{height:7px;width:7px;border-radius:50%;background:#cbd5e1}.frame-badge{color:#8b98ab;font-size:.69rem}.image-button{padding:0;margin:0;border:0;width:100%;background:#fff;display:block;cursor:zoom-in}.image-button img{width:100%;height:auto;object-fit:contain}.enlarge{background:transparent;border:0;color:#62508e;font-size:.76rem;padding:4px 6px;cursor:pointer;line-height:1.2}.enlarge:hover{color:var(--primary);text-decoration:underline}
.tools-nav-wrap{border-bottom:1px solid var(--border);background:#fff}.tools-nav{display:flex;flex-wrap:wrap;gap:4px 22px;justify-content:center;padding-top:22px;padding-bottom:22px}.tools-nav a{padding:7px 0;font-size:.81rem;font-weight:600;color:#65738a;border-bottom:2px solid transparent}.tools-nav a:hover{color:var(--primary);border-color:var(--primary)}.section{padding:96px 0;background:var(--background)}.section-alt{background:var(--background-alt);border-block:1px solid #edf0f5}.section h2{font-size:clamp(2.1rem,3.5vw,3rem);font-weight:700;letter-spacing:-.043em;line-height:1.18;color:#102047}.section h2 span{color:var(--primary)}.section-intro{text-align:center;margin-bottom:52px}.section-intro h2{font-size:clamp(2.25rem,4vw,3.4rem)}.feature-head{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;margin-bottom:38px}.feature-copy{padding-top:5px}.feature-copy>p{font-size:1.075rem;color:#526278;line-height:1.8}.benefits{list-style:none;padding:0;margin:24px 0 0}.benefits li{padding-left:28px;position:relative;margin:13px 0;color:#33435a;font-size:.94rem;line-height:1.6}.benefits li::before{content:'✓';color:var(--primary);position:absolute;left:0;top:0;font-size:1rem;font-weight:700}.feature-head+.product-frame{margin-top:0}.visibility-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visibility-head h3{font-size:1.65rem;line-height:1.3;font-weight:650;letter-spacing:-.03em;color:#17284d}.visibility-head p{font-size:1.03rem;color:#526278;line-height:1.8}.mini-label{display:block;color:#7157c9;font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}.mini-label.green{color:#168451}.visibility-head.second{margin-top:70px}.visibility-head+.product-frame{margin-top:25px}
.faq-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:84px}.faq-heading>p:not(.eyebrow){margin-top:23px;color:#64748b;max-width:335px}.text-link{display:inline-block;margin-top:24px;color:var(--primary);font-weight:600;font-size:.94rem}.text-link:hover{text-decoration:underline}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border)}summary{list-style:none;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:23px 3px;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.5;color:#1c2d4a}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:1.45rem;color:#8a94a8;font-weight:400;flex-shrink:0}.faq-list details[open]>summary::after{content:'−';color:var(--primary)}details p{padding:0 28px 23px 3px;font-size:.96rem;line-height:1.8;color:#64748b}.closing{background:var(--gradient-hero);color:white;text-align:center;padding:86px 0 92px}.closing .eyebrow{color:#b6e9ff}.closing h2{font-size:clamp(2.3rem,4.3vw,3.7rem);letter-spacing:-.045em;line-height:1.15;font-weight:700;max-width:940px;margin:auto}.closing h2 span{color:#67e8f9}.closing-inner>p:not(.eyebrow){max-width:635px;color:#c6d9f2;font-size:1.08rem;line-height:1.8;margin:25px auto 0}.footer{background:#010b22;color:#adbad3;padding:56px 0 24px;font-size:.9rem}.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:40px}.footer-top p{margin-top:20px;font-size:.9rem;line-height:1.8}.footer-top nav{display:flex;gap:30px;flex-wrap:wrap;align-content:start;padding-top:5px}.footer a:hover{color:white}.footer-bottom{border-top:1px solid #ffffff15;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:.78rem}.footer-bottom>div{display:flex;gap:25px}.image-dialog{width:min(1700px,96vw);max-width:96vw;max-height:94vh;border:1px solid #ffffff55;background:#fff;color:#122044;padding:0;border-radius:12px;box-shadow:0 30px 100px #0005}.image-dialog::backdrop{background:rgba(0,8,24,.82);backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--border);font-size:.9rem}.dialog-close{border:0;background:#eef2ff;color:#352461;padding:8px 13px;border-radius:7px;cursor:pointer}.dialog-close span{margin-left:10px}.dialog-image{width:100%;height:auto}.image-dialog[open]{animation:dialog-in .16s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){.container{width:min(1200px,calc(100% - 96px))}}@media(max-width:980px){.desktop-nav{gap:20px}.header-inner{gap:20px}.brand img{width:175px}.desktop-nav a{font-size:.8rem}.feature-head{gap:40px}.faq-layout{gap:40px}.section{padding:72px 0}.footer-top nav{gap:18px}.visibility-head{gap:35px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{min-height:76px}.desktop-nav{display:none}.login-link{margin-left:auto}.menu-toggle{display:block}.hero{padding-top:46px;padding-bottom:30px}.hero h1{font-size:clamp(2.9rem,10vw,4.4rem)}.hero-description{font-size:1rem;line-height:1.8}.hero-promise{font-size:1.3rem;max-width:480px}.hero-frame{margin-top:36px}.frame-bar{min-height:39px;padding:7px 11px;gap:8px;font-size:.65rem}.frame-badge{display:none}.window-dots{width:25px;gap:3px}.window-dots i{width:5px;height:5px}.product-frame{border-radius:10px}.tools-nav{gap:2px 18px;padding-block:15px}.tools-nav a{font-size:.76rem}.section{padding:60px 0}.feature-head{grid-template-columns:1fr;gap:24px;margin-bottom:27px}.feature-head h2{max-width:600px}.feature-copy{padding-top:0}.feature-copy>p{font-size:1rem}.benefits{margin-top:20px}.section-intro{margin-bottom:34px}.visibility-head{grid-template-columns:1fr;gap:15px}.visibility-head h3{font-size:1.4rem}.visibility-head p{font-size:1rem}.visibility-head.second{margin-top:44px}.faq-layout{grid-template-columns:1fr;gap:34px}.faq-heading>p:not(.eyebrow){max-width:none}.closing{padding:62px 0}.closing h2{font-size:2.45rem}.footer-top{flex-direction:column;gap:30px}.footer-bottom{flex-direction:column;gap:12px}.dialog-top{font-size:.8rem;padding:9px}.dialog-close{flex-shrink:0}.enlarge{font-size:.68rem;min-height:30px}}
@media(max-width:420px){.container{width:calc(100% - 30px)}.brand img{width:147px}.login-link{font-size:.75rem;padding:8px 10px}.header-inner{gap:12px}.hero-eyebrow{font-size:.65rem;gap:9px}.hero-eyebrow span{padding-left:9px;letter-spacing:.025em}.hero h1{font-size:2.9rem}.hero-promise{font-size:1.19rem}.button{padding:13px 21px;font-size:.94rem}.actions{gap:10px}.frame-bar>span:nth-child(2){font-size:.62rem}.window-dots{display:none}.section h2{font-size:2rem}.closing h2{font-size:2.2rem}.footer-top nav{gap:16px;font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Hero editorial: mensaje a la izquierda y dashboard completo a la derecha. */
.hero.container{width:min(1400px,calc(100% - 64px));display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.15fr);gap:48px;align-items:center;text-align:left;padding-top:72px;padding-bottom:80px}
.hero-copy{min-width:0}
.hero .hero-eyebrow{justify-content:flex-start;flex-wrap:wrap;row-gap:6px}
.hero h1{font-size:clamp(2.65rem,4.1vw,3.9rem);max-width:none;margin:0;line-height:1.08}
.hero .hero-promise{font-size:clamp(1.15rem,1.65vw,1.4rem);line-height:1.45;margin:22px 0 18px;max-width:540px}
.hero .hero-description{font-size:1rem;line-height:1.8;max-width:540px;margin:0}
.hero .actions{justify-content:flex-start;margin-top:27px}
.hero .hero-note{font-size:.8rem;margin-top:17px}
.hero .hero-frame{width:100%;min-width:0;max-width:none;margin:0;align-self:center;border-radius:13px;box-shadow:0 30px 80px -20px #000b2b90}
strong{font-weight:700}
.feature-copy strong,.visibility-head strong{color:#243752}
.hero-description strong{color:#fff}
.closing-inner>p strong{color:#fff}
@media(max-width:1100px) and (min-width:901px){.hero.container{gap:28px;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr)}.hero .hero-eyebrow{font-size:.65rem}.hero h1{font-size:2.75rem}.hero .hero-promise{font-size:1.18rem}.hero .hero-description{font-size:.95rem}.hero .frame-badge{display:none}}
@media(max-width:900px){.hero.container{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr);gap:36px;padding-top:46px;padding-bottom:38px}.hero h1{font-size:clamp(2.9rem,7.3vw,4.2rem)}.hero .hero-copy{max-width:650px}.hero .hero-promise{max-width:620px;font-size:1.3rem}.hero .hero-description{max-width:650px}.hero .hero-frame{max-width:760px}.hero .hero-note{font-size:.8rem}}
@media(max-width:420px){.hero.container{width:calc(100% - 30px)}.hero h1{font-size:2.75rem}.hero .hero-promise{font-size:1.18rem}.hero .hero-eyebrow{font-size:.63rem}.hero .hero-note{font-size:.76rem}}

/* Las capturas conservan sus datos y muestran una cabecera común de marca. */
.screenshot-view{display:block;width:100%;background:#142448;overflow:hidden}
.screenshot-header{position:relative;display:block;width:100%;aspect-ratio:24/1;background:#142448}
.screenshot-header::before{content:"";position:absolute;left:4.7%;top:50%;transform:translateY(-50%);width:10.5%;height:62%;background:url("/assets/v2home/logo.png") center/contain no-repeat}
.screenshot-body{position:relative;display:block;width:100%;overflow:hidden;background:#f8fafc}
.screenshot-body>.screenshot-image{position:absolute;top:0;left:0;display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.faq-list strong{color:#243752}

/* Cabecera principal basada en la referencia de SEOTrends. */
:root{--header-height:89px}
html{scroll-padding-top:calc(var(--header-height) + 24px)}
.hero-background{padding-top:var(--header-height)}
.header{position:fixed;inset:0 0 auto;z-index:50;background:#06183f linear-gradient(110deg,#020e29 0%,#0b224b 55%,#16427e 100%);border-bottom:1px solid #ffffff0c}
.header .mobile-nav{max-height:calc(100vh - var(--header-height));max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain}
.header .dropdown-panel{max-height:min(70vh,calc(100dvh - var(--header-height) - 24px))}
@media(max-width:1100px){:root{--header-height:73px}}
@media(max-width:620px){:root{--header-height:65px}}
.header .header-inner{width:min(1600px,calc(100% - 64px));min-height:calc(var(--header-height) - 1px);gap:30px}
.header .brand img{width:218px}
.header .desktop-nav{gap:28px;margin-left:auto;white-space:nowrap;font-size:.94rem;font-weight:600;color:#b6c5df}
.header .desktop-nav .nav-highlight{color:#fff}
.header-actions{display:flex;align-items:center;gap:24px}
.header .login-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 24px;border:0;border-radius:10px;background:var(--primary);box-shadow:0 10px 30px #6c25e32b;color:#fff;font-size:.95rem;font-weight:700;white-space:nowrap}
.header .login-link:hover{background:var(--primary-hover)}
.header-dropdown{position:relative;border:0}
.header-dropdown>summary{justify-content:flex-start;gap:9px;min-height:44px;padding:0;border:0;color:inherit;font-size:inherit;font-weight:600;white-space:nowrap}
.header-dropdown>summary::after{content:"";display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 4px 2px;color:inherit}
.header-dropdown[open]>summary::after{content:"";transform:rotate(225deg);margin-top:6px;color:inherit}
.dropdown-panel{position:absolute;top:calc(100% + 12px);left:-18px;z-index:20;min-width:270px;max-height:70vh;overflow:auto;padding:9px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 18px 50px #00152f30;color:#263753;font-size:.85rem;font-weight:500;line-height:1.45}
.header .dropdown-panel>a{display:block;padding:11px 13px;border-radius:6px;color:#263753;font-size:.85rem}
.header .dropdown-panel>a:hover,.header .dropdown-panel>a:focus-visible{background:#eef2ff;color:#6d28d9}
.language-dropdown>summary{min-height:44px;padding:9px 14px;background:#ffffff12;border:1px solid #ffffff30;border-radius:9px;color:#edf4ff;font-size:.9rem;font-weight:500}
.language-flag{font-size:1.05rem;line-height:1}
.language-panel{left:auto;right:0;min-width:155px}
.language-panel>a[aria-current]{color:var(--primary);background:#f5f3ff}
@media(min-width:1101px){.header .menu-toggle{display:none}.header .mobile-nav{display:none}}
@media(max-width:1280px) and (min-width:1101px){.header .header-inner{gap:21px;width:calc(100% - 48px)}.header .brand img{width:185px}.header .desktop-nav{gap:19px;font-size:.85rem}.header-actions{gap:16px}.header .login-link{padding:9px 21px;font-size:.86rem}.language-dropdown>summary{font-size:.84rem;padding:8px 12px}}
@media(max-width:1100px){.header .desktop-nav{display:none}.header .header-inner{gap:18px}.header-actions{margin-left:auto;gap:16px}.header .menu-toggle{display:block}.header .login-link{min-height:44px;padding:9px 22px}.mobile-resources>summary{padding:10px 0;font-size:1rem;font-weight:500}.mobile-resources .dropdown-panel{position:static;margin:4px 0 12px;min-width:0;max-height:none;background:#ffffff0b;border-color:#ffffff12;box-shadow:none}.header .mobile-resources .dropdown-panel>a{color:#dce7fb}.header .mobile-resources .dropdown-panel>a:hover{color:#fff;background:#ffffff10}}
@media(max-width:620px){.header .header-inner{width:calc(100% - 30px);gap:10px}.header .brand img{width:150px}.header-actions{gap:9px}.header .login-link{min-height:42px;padding:9px 13px;font-size:.8rem}.language-dropdown .language-name{display:none}.language-dropdown>summary{padding:8px;gap:5px;min-height:40px}.header .menu-toggle{width:38px;height:40px;padding:8px}}
@media(max-width:380px){.header .brand img{width:126px}.header-actions{gap:6px}.header .login-link{padding:9px 10px;font-size:.73rem}.header .header-inner{width:calc(100% - 24px)}}

.login-label-compact{display:none}
@media(max-width:620px){.login-label-desktop{display:none}.login-label-compact{display:inline}}
@media(max-width:380px){.header .brand img{width:118px}}

/* Dos columnas: mensaje completo a la izquierda, dashboard a la derecha. */
.hero-visual{min-width:0;width:100%}
.hero .hero-description{margin-top:0}
.hero .hero-copy .hero-promise{margin:22px 0 20px;max-width:600px;font-weight:600;line-height:1.4;color:#f2f7ff}
@media(max-width:900px){.hero-visual{max-width:760px}.hero .hero-copy .hero-promise{margin-bottom:18px}}

/* Detalles de marca y datos exactos del dashboard. */
.goldmines-eyebrow{display:flex;align-items:center;gap:10px}
.goldmines-icon{flex:0 0 30px;filter:drop-shadow(0 2px 3px #c88d1726)}
.header .language-panel>a{display:flex;align-items:center;gap:10px;min-height:40px}
.language-flag-image{display:block;flex-shrink:0;width:18px;height:14px;object-fit:cover;border-radius:2px}
.language-panel{min-width:185px;max-height:min(440px,70dvh)}
.hero-visual .screenshot-body,.dialog-screenshot .screenshot-body{container-type:inline-size}
.dialog-screenshot{overflow:auto;max-height:calc(94dvh - 70px);overscroll-behavior:contain}
@media(max-width:760px){.dialog-screenshot .screenshot-view{min-width:900px}}
@media(max-width:340px){.header .brand img{width:100px}.header .header-inner{gap:9px}.actions .button{padding-inline:15px}}


/* Original SEOTrends success stories, pricing2 and founders, Spanish 2026-10-02. */

    .ss-section { padding:1rem 0 0.5rem; }
    .ss-head { text-align:center; padding:0 1rem 0.4rem; }
    .ss-head .ss-eyebrow2 { color:#7c3aed; font-weight:800; font-size:1.05rem; letter-spacing:0.1em; text-transform:uppercase; }
    .ss-head .ss-title2 { font-size:clamp(1.5rem,3.5vw,2.1rem); font-weight:900; letter-spacing:-0.02em; color:#0f172a; margin:0.5rem 0 0; }
    .ss-carousel { position:relative; max-width:1200px; margin:0 auto; padding:0.5rem 0.5rem 1rem; display:flex; align-items:center; gap:0.4rem; }
    .ss-viewport { overflow:hidden; flex:1;
        -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
        mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
    .ss-track { display:flex; align-items:flex-start; gap:1.5rem; width:max-content; padding:0.6rem 0.5rem; transition:transform 0.9s cubic-bezier(.4,0,.2,1); will-change:transform; }
    .ss-card { background:#fff; border-radius:20px; padding:2rem 1.8rem; flex:0 0 340px; box-shadow:0 18px 45px rgba(15,23,42,0.08); display:flex; flex-direction:column; text-align:left; }
    .ss-card .ss-quoteicon { width:48px; height:48px; border-radius:14px; background:linear-gradient(135deg,#7c3aed,#a855f7); display:flex; align-items:center; justify-content:center; margin-bottom:1.3rem; box-shadow:0 8px 20px rgba(124,58,237,0.32); }
    .ss-card .ss-quoteicon svg { width:22px; height:22px; fill:#fff; }
    .ss-card .ss-quote { color:#475569; font-size:0.96rem; line-height:1.6; }
    .ss-card .ss-stars { display:flex; gap:2px; margin:1.2rem 0 1.4rem; }
    .ss-card .ss-person { display:flex; align-items:center; gap:0.8rem; }
    .ss-card .ss-person img { width:46px; height:46px; border-radius:50%; object-fit:cover; }
    /* A company logo is wide, so the circular crop was cutting it in half (QRFY showed as "QRF").
       Logos get a square frame and fit inside it instead of being cropped. */
    .ss-card .ss-person img.ss-logo { border-radius:10px; object-fit:contain; background:#fff; }
    .ss-card .ss-person .nm { font-weight:800; font-size:0.95rem; color:#0f172a; }
    .ss-card .ss-person .rl { color:#64748b; font-size:0.83rem; }
    .ss-card .ss-person .ss-link { display:inline-block; color:#7c3aed; font-size:0.8rem; font-weight:600; margin-top:0.15rem; text-decoration:none; }
    .ss-arrow { flex:0 0 auto; width:46px; height:46px; border-radius:50%; border:1px solid #eef0f5; background:#fff; color:#7c3aed; font-size:1.6rem; line-height:1; cursor:pointer; box-shadow:0 8px 20px rgba(15,23,42,0.08); display:flex; align-items:center; justify-content:center; transition:transform .15s, box-shadow .15s; z-index:2; padding-bottom:3px; }
    .ss-arrow:hover { transform:scale(1.08); box-shadow:0 10px 26px rgba(124,58,237,0.22); }
    /* On a phone the fixed 340px card is wider than the space left between the two arrows, so the
       testimonial was being clipped. Size it to whatever the viewport actually leaves, and ease off
       the edge fade so the first and last words stay readable. */
    @media (max-width:560px){
        .ss-arrow{ width:40px; height:40px; font-size:1.35rem; }
        .ss-carousel{ gap:0.25rem; padding:0.5rem 0.25rem 1rem; }
        .ss-viewport{ -webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);
                      mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent); }
        .ss-track{ gap:1rem; }
        .ss-track{ padding:0.6rem 0; }
        .ss-card{ flex:0 0 calc(100vw - 128px); padding:1.5rem 1.35rem; }
        .ss-card .ss-quote{ font-size:0.92rem; }
    }


 .home-pricing-v2 { background: #f7f8fc; }
 .p2-wrap { max-width: 1220px; margin: 0 auto; padding: 2.4rem 1.2rem 4rem; }


 .p2-head { text-align: center; margin-bottom: 1.8rem; }
 .p2-marca { display: inline-flex; align-items: center; gap: .45rem; color: #3b2fe0;
             font-size: .92rem; font-weight: 800; letter-spacing: .02em; margin-bottom: .7rem; }
 .p2-marca svg { width: 20px; height: 20px; }
 .p2-head h2 { font-size: 3rem; font-weight: 900; letter-spacing: -.035em; line-height: 1.08;
               margin: 0 0 .7rem; color: #0b1020; }
 .p2-head h2 span { color: #3b2fe0; }
 .p2-head > p { color: #5b6070; font-size: 1.05rem; margin: 0 auto; max-width: 660px; }
 @media (max-width: 700px) { .p2-head h2 { font-size: 2.1rem; } }

 
 .p2-sw { display: inline-flex; align-items: center; gap: .8rem; background: #fff; border-radius: 999px;
          border: 1px solid var(--border, #e6e9f2); padding: .45rem 1.1rem; margin-top: 1.4rem;
          font-size: .93rem; font-weight: 700; color: #7a8194; }
 .p2-sw b { font-weight: 700; color: #0b1020; }
 .p2-sw em { font-style: normal; color: #16a34a; font-weight: 800; }
 .p2-pal { width: 52px; height: 28px; border-radius: 999px; background: #d7dcea; border: 0;
           position: relative; cursor: pointer; padding: 0; flex: none; transition: background .15s; }
 .p2-pal i { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%;
             background: #fff; transition: transform .18s; }
 .p2-pal.on { background: #3b2fe0; }
 .p2-pal.on i { transform: translateX(24px); }

 .p2-cards { display: grid; grid-template-columns: repeat(var(--p2-n, 3), minmax(0, 1fr));
             gap: 1rem; align-items: stretch; margin-top: 2.2rem; }
 
 @media (max-width: 1200px) { .p2-cards { grid-template-columns: repeat(2, minmax(0,1fr)); } }
 @media (max-width: 760px)  { .p2-cards { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto; } }
 .p2-card { background: #fff; border: 1px solid #e6e9f2; border-radius: 20px; padding: 1.7rem 1.5rem 1.5rem;
            display: flex; flex-direction: column; position: relative; }
 .p2-card.on { border-color: #3b2fe0; box-shadow: 0 18px 44px rgba(59,47,224,.13); }
 .p2-top { position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
           background: #3b2fe0; color: #fff; font-size: .76rem; font-weight: 800; border-radius: 999px;
           padding: .3rem .85rem; display: inline-flex; align-items: center; gap: .3rem; white-space: nowrap; }
 .p2-card .p2-plan-name { font-size: 1.3rem; font-weight: 800; margin: 0 0 .5rem; color: #0b1020; }
 .p2-precio { display: flex; align-items: baseline; gap: .4rem; }
 .p2-precio b { font-size: 2.6rem; font-weight: 900; letter-spacing: -.035em; color: #0b1020; }
 .p2-precio span { color: #7a8194; font-size: .9rem; }
 
 .p2-precio b .p2-cifra { font: inherit; color: inherit; letter-spacing: inherit; }
 
 .p2-precio { flex-wrap: wrap; }
 .p2-precio b { white-space: nowrap; }
 
 .p2-cards--5 .p2-card { padding: 1.4rem 1.1rem 1.2rem; }
 .p2-cards--5 .p2-card .p2-plan-name { font-size: 1.15rem; }
 .p2-cards--5 .p2-precio b { font-size: 1.95rem; }
 .p2-cards--5 .p2-ven li { font-size: .84rem; }
 .p2-cards--5 .p2-cta, .p2-cards--5 .p2-ya { font-size: .9rem; padding: .8rem .7rem; }
 @media (max-width: 1200px) { .p2-cards--5 .p2-precio b { font-size: 2.6rem; } }
 .p2-para { color: #7a8194; font-size: .9rem; margin: .5rem 0 1rem; padding-bottom: 1rem;
            border-bottom: 1px solid #eceff6; }
 .p2-ven { list-style: none; padding: 0; margin: 0 0 1.3rem; }
 .p2-ven li { display: flex; gap: .6rem; align-items: flex-start; padding: .33rem 0;
              font-size: .89rem; line-height: 1.4; color: #2a3040; }
 .p2-ven svg { width: 17px; height: 17px; flex: none; margin-top: .1rem; color: #16a34a; }
 
 .p2-caja { background: #f4f4ff; border-radius: 14px; padding: 1.1rem; margin-top: auto;
            display: flex; flex-direction: column; gap: .7rem; align-items: stretch; position: relative; }
 .p2-caja-ic { width: 42px; height: 42px; border-radius: 12px; background: #fff; color: #3b2fe0;
               display: flex; align-items: center; justify-content: center; flex: none; }
 .p2-caja-ic svg { width: 24px; height: 24px; }
 .p2-caja h3 { font-size: .93rem; font-weight: 800; color: #3b2fe0; margin: 0 0 .3rem; }
 .p2-caja p { font-size: .84rem; line-height: 1.45; color: #4b5265; margin: 0; }
 .p2-caja a { display: inline-block; margin-top: .5rem; font-size: .84rem; font-weight: 700;
              color: #3b2fe0; text-decoration: underline; }
 
 .p2-inc { position: absolute; top: 1.1rem; right: 1.1rem; background: #3b2fe0; color: #fff;
           font-size: .6rem; font-weight: 800; letter-spacing: .04em; border-radius: 6px;
           padding: .12rem .4rem; line-height: 1.25; }
 .p2-caja h3 { padding-right: 4.2rem; }
 .p2-cta { display: block; text-align: center; margin-top: 1.1rem; border-radius: 12px;
           padding: .95rem 1rem; font-weight: 800; font-size: 1rem; text-decoration: none;
           background: #fff; color: #3b2fe0; border: 1.5px solid #3b2fe0; }
 .p2-card.on .p2-cta { background: #3b2fe0; color: #fff; }
 .p2-cta:hover { filter: brightness(1.05); }
 
 .p2-card--meta { border-color: #16a34a; box-shadow: 0 18px 44px rgba(22,163,74,.14); }
 .p2-card--meta .p2-cta { background: #16a34a; color: #fff; border-color: #16a34a; }
 .p2-card--meta .p2-caja { background: #f0fdf4; }
 .p2-card--meta .p2-caja h3 { color: #15803d; }
 .p2-card--meta .p2-caja-ic { color: #16a34a; }
 .p2-card--meta .p2-inc { background: #16a34a; }
 
 .p2-ya { display: block; text-align: center; margin-top: 1.1rem; border-radius: 12px;
          padding: .95rem 1rem; font-weight: 800; font-size: .95rem;
          background: #f6f7fb; color: #6b7280; border: 1.5px solid #e2e6f0; }

 
 .p2-pie { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.2rem;
           margin-top: 2.6rem; padding-top: 1.8rem; border-top: 1px solid #e6e9f2; }
 @media (max-width: 820px) { .p2-pie { grid-template-columns: 1fr; } }
 .p2-pie div { display: flex; gap: .8rem; align-items: flex-start; justify-content: center; }
 @media (max-width: 820px) { .p2-pie div { justify-content: flex-start; } }
 .p2-pie svg { width: 24px; height: 24px; color: #3b2fe0; flex: none; }
 .p2-pie b { display: block; font-size: .95rem; font-weight: 800; color: #0b1020; }
 .p2-pie span { font-size: .86rem; color: #7a8194; }
 .p2-nota { text-align: center; color: #98a0b3; font-size: .82rem; margin-top: 1.6rem; }


        .home-founders { padding: 4.5rem 1.5rem; background: #fff; }
        .home-founders-inner { max-width: 880px; margin: 0 auto; text-align: center; }
        .home-founders-eyebrow { color: #7c3aed; font-weight: 800; font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.7rem; }
        .home-founders-h2 { font-size: clamp(1.7rem, 3.6vw, 2.5rem); font-weight: 900; letter-spacing: -0.02em; line-height: 1.15; color: #0f172a; max-width: 20ch; margin: 0 auto 1rem; }
        .home-founders-lead { color: #475569; font-size: 1.05rem; line-height: 1.6; max-width: 60ch; margin: 0 auto 2.4rem; }
        .home-founders-lead strong { color: #0f172a; }
        .home-founders-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.1rem; }
        .home-founder { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 1.5rem 2.2rem; min-width: 230px; box-shadow: 0 4px 14px rgba(15,23,42,0.05); text-decoration: none; transition: transform 0.12s, border-color 0.12s; }
        .home-founder:hover { transform: translateY(-2px); border-color: #0a66c2; }
        .home-founder-name { font-weight: 800; font-size: 1.1rem; color: #0f172a; }
        .home-founder-role { font-size: 0.82rem; color: #7c3aed; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; }
        .home-founder-li { display: inline-flex; align-items: center; gap: 0.4rem; margin-top: 0.6rem; color: #0a66c2; font-size: 0.85rem; font-weight: 700; }
    
/* Fit the imported sections into the public home and keep every mobile card readable. */
.home-stories-section{background:#fff;line-height:1.5}
.ss-viewport{min-width:0}
.ss-card{overflow-wrap:anywhere}
.ss-person{min-width:0}
.ss-person img{flex-shrink:0}
.ss-card .ss-person .rl{line-height:1.5}
.home-pricing-v2{line-height:1.5}
.p2-wrap{padding-top:4rem}
.p2-card{min-width:0}
.p2-caja h3{padding-right:0;text-wrap:pretty}
.p2-card .p2-plan-name{line-height:1.3}
.p2-billing-note{font-size:.82rem;color:#5b6070;min-height:1.5em;margin-top:.65rem}
.p2-cards{row-gap:2rem}
.home-founders{line-height:1.5}
@media(max-width:560px){.ss-carousel{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.5rem 0 1rem}.ss-viewport{grid-column:1/-1;grid-row:1;container-type:inline-size}.ss-prev{grid-column:1;justify-self:end}.ss-next{grid-column:2;justify-self:start}.ss-card{flex-basis:100cqw;padding:1.5rem}.ss-track{padding-inline:0}.ss-viewport{mask-image:none;-webkit-mask-image:none}.p2-sw{padding:.5rem .75rem;gap:.5rem;font-size:.82rem}.p2-pal{width:48px}.p2-pal.on i{transform:translateX(20px)}}
@media(prefers-reduced-motion:reduce){.ss-track{transition:none!important}}