@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#172d39;--green:#00c2c9;--muted:#61727c;--border:#dce4e7;--light:#f4f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{max-width:1240px;width:calc(100% - 96px);margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Manrope',sans-serif;font-size:47px;letter-spacing:-4px;line-height:1;font-weight:800}.brand span{font-family:Arial;font-size:13px;letter-spacing:0;vertical-align:top;margin:6px 0 0 6px;display:inline-block}.header nav{display:flex;gap:32px;font-size:14px;font-weight:550}.button{display:inline-flex;gap:22px;align-items:center;justify-content:center;padding:17px 24px;border:0;border-radius:8px;font-size:14px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:#fff}.small{padding:12px 20px}.lime{background:var(--green);color:var(--ink)}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:38px;padding-top:60px;padding-bottom:88px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;margin:0 0 24px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.line{width:22px;height:2px;background:#00a0a6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(46px,4.5vw,66px);font-weight:650;letter-spacing:-3.3px;line-height:1.08;margin-bottom:25px}em{font-style:normal;color:#1971c2}h1 em{white-space:nowrap}.intro{color:var(--muted);font-size:17px;max-width:450px;line-height:1.8}.actions{display:flex;gap:20px;align-items:center;margin:30px 0 20px;flex-wrap:wrap}.textlink{font-size:14px;font-weight:650}.micro{color:#76828a;font-size:13px;margin:22px 0 0}.product-area{position:relative;background:#e7f5ff;border-radius:22px;padding:47px 0 48px 24px;min-width:0}.app-window{background:white;border:1px solid #d6e0e4;border-radius:11px;box-shadow:0 25px 48px #1934461a;overflow:hidden;margin-right:-24px;transform:rotate(-1deg)}.app-top{height:57px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #e9eef0;padding:0 21px;font-size:10px;letter-spacing:1px;color:#6c7f88}.mini-brand{color:var(--ink);font-size:27px;font-weight:800;letter-spacing:-2px}.avatar{margin-left:auto;border-radius:50%;background:#edf2f3;padding:7px;font-size:10px}.app-body{display:flex}.app-body aside{width:51px;display:flex;flex-direction:column;align-items:center;gap:21px;padding-top:26px;border-right:1px solid #e9eef0;color:#8d9ca4}.selected{background:#d0ebff;color:#1971c2;padding:0 7px;border-radius:4px}.app-main{padding:25px 20px 15px;flex:1;min-width:0}.app-title{display:flex;justify-content:space-between;align-items:center}.app-title small{font-size:9px;letter-spacing:1px;color:#819099}.app-title h2{font-size:21px;letter-spacing:-.6px;margin:4px 0 20px}.date{font-size:9px;border:1px solid #e0e7e9;border-radius:5px;padding:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats>div{border:1px solid #e1e9eb;padding:11px;border-radius:7px}.stats span{font-size:10px;color:#667c88}.stats strong{display:block;font-size:27px;line-height:1.5}.stats small{display:block;font-size:8px;color:#8b999f}.table-title{display:flex;justify-content:space-between;font-size:11px;margin:24px 0 15px}.table-title span{font-size:9px;color:#6d7e88}.row{display:grid;grid-template-columns:1fr 34px 79px;gap:10px;align-items:center;font-size:10px;padding:13px 0;border-bottom:1px solid #edf0f2}.row.heading{font-size:8px;color:#839099;background:#f7f9fa;padding:7px 0}.row b{font-weight:550}.row small{font-size:8px;color:#8b989e;display:block;margin-top:2px}.badge{background:#e7f5ff;color:#1971c2;border-radius:4px;padding:3px 6px;font-size:9px;text-align:center}.muted{background:#eef2f4;color:#71808b}.app-footer{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:20px;font-size:9px;color:#82939c}.app-footer i{height:1px;width:25px;background:#a5d8ff}.floating-note{position:absolute;bottom:4px;left:-22px;display:flex;align-items:center;gap:13px;padding:16px 24px;background:#fff;border:1px solid #e2e7e9;box-shadow:0 12px 24px #1934460e;border-radius:9px;font-size:12px}.floating-note strong{display:block}.floating-note div>span{display:block;font-size:11px;color:#849098}.check{display:grid;place-items:center;background:var(--green);border-radius:50%;width:30px;height:30px;font-size:17px}.mock-label{position:absolute;bottom:-31px;right:0;font-size:10px;color:#8c9aa0;margin:0}.strip{border-block:1px solid var(--border);background:#fbfcfc}.strip .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:27px;gap:24px}.strip p{font-size:13px;line-height:1.6;margin:0;color:#77848b}.strip strong{font-weight:500;color:var(--ink)}.strip .wrap>span{font-family:Manrope;font-weight:650;font-size:16px}.section{padding-block:95px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section h2,.benefits h2{font-size:39px;font-weight:600;letter-spacing:-1.7px;line-height:1.22;margin:0 0 16px}.section-head>p{max-width:330px;color:var(--muted);font-size:15px;margin-bottom:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{padding:30px 25px 25px;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column}.icon{display:grid;place-items:center;width:39px;height:39px;background:#edf2f4;color:#40626b;border-radius:9px;font-size:23px;margin-bottom:23px}.feature-grid h3{font-size:19px;letter-spacing:-.5px;margin-bottom:12px}.feature-grid p{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:24px}.tags{font-size:12px;color:#536a76;margin-top:auto;border-top:1px solid #e7ecee;padding-top:16px}.benefits{background:var(--ink);color:white;padding-block:77px}.benefit-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:110px}.benefits em{color:var(--green)}.benefits .eyebrow{color:#b9c8cd}.benefits p:not(.eyebrow){color:#b5c4cb;font-size:15px;max-width:400px;line-height:1.8}.benefits .button{margin-top:20px}.benefit-list article{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #3c505a}.benefit-list article:first-child{padding-top:0}.benefit-list article>span{font-size:12px;color:var(--green);padding-top:4px}.benefit-list h3{font-size:18px;margin:0 0 8px}.benefit-list p{margin:0}.license{display:grid;grid-template-columns:1fr 1fr;gap:100px}.steps{padding-top:28px}.steps article{display:flex;gap:24px;margin-bottom:29px}.steps article>span{display:grid;place-items:center;border:1px solid #dbe4e6;border-radius:50%;width:37px;height:37px;flex-shrink:0;font-size:14px}.steps h3{font-size:18px;margin-bottom:6px}.steps p{font-size:15px;color:var(--muted);margin:0}.contact{background:var(--green);border-radius:18px;padding:52px 58px;display:flex;justify-content:space-between;align-items:center;gap:35px}.contact h2{font-size:34px;font-weight:650;letter-spacing:-1.3px;line-height:1.2;margin-bottom:17px}.contact .eyebrow{font-size:11px;margin-bottom:18px}.contact p{font-size:14px;margin-bottom:0}.contact-action{text-align:center}.contact-action p{max-width:230px;margin:15px auto 0;font-size:12px;color:#185663}footer{padding-block:45px;display:flex;align-items:center;gap:30px}footer .brand{font-size:34px}footer p,footer>span{font-size:12px;color:#7c8c94;margin:0}footer>span{margin-left:auto}dialog{border:1px solid var(--border);border-radius:18px;max-width:480px;width:calc(100% - 40px);padding:40px;color:var(--ink)}dialog::backdrop{background:#172d3977;backdrop-filter:blur(4px)}dialog h2{font-size:26px;line-height:1.25}dialog p{color:var(--muted)}.close{position:absolute;right:14px;top:7px;border:0;background:none;font-size:28px}.pending{padding:16px;background:var(--light);border-radius:8px;font-size:14px;margin-bottom:24px}:focus-visible{outline:3px solid #1971c2;outline-offset:5px}@media(min-width:1500px){.hero{padding-block:90px 115px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{gap:30px}.header nav{gap:20px}.product-area{padding-left:12px}.app-window{margin-right:-12px}.app-main{padding:18px 12px 12px}.app-title h2{font-size:17px}.row{grid-template-columns:1fr 25px 70px;gap:5px}.floating-note{left:0;padding:12px}.benefit-layout{gap:55px}.contact{padding:40px}.feature-grid article{padding:25px 19px}}@media(max-width:800px){.header{height:85px}.header nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px;gap:45px;padding-bottom:65px}.hero-copy{max-width:600px}h1{font-size:59px}.product-area{max-width:590px;width:100%;padding:27px 17px 42px;margin:auto}.app-window{margin-right:0;transform:none}.app-main{padding:23px}.app-title h2{font-size:22px}.floating-note{left:25px}.strip .wrap{flex-wrap:wrap}.strip p{width:100%}.strip .wrap>span{font-size:13px}.section{padding-block:65px}.section-head{display:block}.section-head>p{max-width:500px}.feature-grid{grid-template-columns:repeat(2,1fr)}.benefit-layout,.license{grid-template-columns:1fr;gap:35px}.benefits{padding-block:55px}.benefits p:not(.eyebrow){max-width:100%}.contact{display:block}.contact-action{text-align:left;margin-top:28px}.contact-action p{margin:12px 0 0;max-width:none}footer{flex-wrap:wrap}footer>span{margin-left:0}.section h2,.benefits h2{font-size:34px}}@media(max-width:480px){.wrap{width:calc(100% - 36px)}h1{font-size:47px;letter-spacing:-2.5px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.intro{font-size:16px}.feature-grid{grid-template-columns:1fr}.app-main{padding:15px 10px}.app-body aside{width:33px}.app-top{padding-inline:12px}.app-title h2{font-size:17px}.stats>div{padding:7px}.stats small{font-size:8px}.stats strong{font-size:23px}.app-title small{font-size:8px}.product-area{padding:20px 8px 40px}.floating-note{left:12px;right:12px;font-size:11px}.section h2,.benefits h2{font-size:29px}.contact{padding:32px 24px}.contact h2{font-size:29px}.strip .wrap{gap:12px}.strip .wrap>span{font-size:12px}.app-footer{gap:6px}.app-footer i{width:10px}footer{gap:18px}.header .button{font-size:12px;padding:10px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Identidad original de FISH: logo, turquesa y paleta azul del sistema. */
.brand{display:inline-flex;align-items:center;letter-spacing:normal}.brand img{display:block;width:143px;height:auto}footer .brand img{width:114px}.mini-brand-logo{object-fit:contain}.contact{background:#dff7f8;border:1px solid #a1e5e8}.lime{background:#00c2c9;color:#102d39}.dark{background:#1971c2;color:white}.dark:hover{background:#1864ab}.benefits{background:#183c57}.icon{background:#e7f5ff;color:#1971c2}.line{background:#00c2c9}.check{color:#102d39}
/* Vistas adaptadas de los componentes de FISH. */
.hero{display:block;padding-top:42px;padding-bottom:65px}.hero-copy{max-width:900px;margin:0 auto 42px;text-align:center}.hero .eyebrow,.hero .actions{justify-content:center}.hero .intro{max-width:650px;margin-inline:auto}h1{font-size:58px;letter-spacing:-2.8px}.system-preview{border:1px solid #cbd9e4;border-radius:14px;overflow:hidden;box-shadow:0 22px 60px #1c60941a}.preview-caption{background:#e7f5ff;display:flex;justify-content:space-between;gap:12px;padding:13px 20px;color:#345469;font-size:12px}.preview-caption>span:first-child{font-weight:700;letter-spacing:1px}.fish-shell{display:flex;background:#f9fafb;font-family:Inter,Arial,sans-serif;color:#2b3441}.fish-sidebar{width:210px;flex-shrink:0;background:white;padding:18px 12px 12px;border-right:2px solid #e5e7eb;display:flex;flex-direction:column}.fish-sidebar-logo{width:169px;height:64px;object-fit:contain;align-self:center}.fish-search{margin:15px 7px 22px;font-size:14px}.fish-search>div{border:1px solid #ced4da;color:#868e96;border-radius:6px;padding:7px 10px;margin-top:5px;display:flex;justify-content:space-between}.fish-menu{border-top:1px solid #e5e7eb;padding-top:15px;flex:1}.fish-menu-item{display:flex;gap:9px;align-items:center;font-size:14px;line-height:1.4;padding:10px 8px;border-radius:8px;margin-bottom:4px}.fish-menu-item img{flex-shrink:0;object-fit:contain}.fish-menu-item.current{background:#e7f5ff;color:#1971c2;font-weight:600}.fish-paul-menu{margin-top:20px}.fish-user{padding:16px 8px 5px;border-top:1px solid #e5e7eb;font-size:14px}.fish-workspace{position:relative;flex:1;min-width:0;padding:24px 20px 76px}.fish-workspace h2{font-family:Inter,Arial,sans-serif;font-size:21px;font-weight:700;letter-spacing:0;text-align:center;margin:0 0 20px;line-height:1.5}.fish-filters{background:white;border:1px solid #dee2e6;border-radius:8px;margin-bottom:12px;font-size:14px}.fish-filters summary{padding:13px 16px;cursor:pointer;font-weight:600}.fish-filters summary>span{float:right;color:#1971c2;font-size:12px;font-weight:400}.fish-filter-values{display:flex;gap:22px;padding:15px;border-top:1px solid #e9ecef;flex-wrap:wrap}.fish-summary{background:white;border:1px solid #dee2e6;box-shadow:0 1px 3px #00000012;border-radius:8px;padding:10px 18px 18px;margin-bottom:20px}.fish-segment{display:flex;justify-content:center;margin:0 auto 12px;background:#f1f3f5;border-radius:7px;width:fit-content;padding:4px;font-size:13px}.fish-segment>*{padding:4px 12px}.fish-segment strong{background:white;box-shadow:0 1px 3px #00000012;border-radius:4px}.fish-summary h3{font-family:Inter,Arial,sans-serif;text-align:center;font-size:14px;border-bottom:1px solid #dee2e6;padding-bottom:12px;margin:0}.fish-summary details{border-bottom:1px solid #dee2e6;font-size:14px}.fish-summary summary{padding:13px 4px;cursor:pointer}.fish-count{background:#f1f3f5;color:#495057;padding:3px 12px;border-radius:20px;margin-inline:5px;font-size:12px;font-weight:700}.fish-summary details p{padding:10px 24px 0;font-size:14px;color:#495057}.fish-table-scroll{overflow-x:auto;background:white;border:1px solid #dee2e6;border-radius:6px}.fish-table{border-collapse:collapse;width:100%;min-width:1120px;font-size:13px;line-height:1.5}.fish-table th{background:#bfdbfe;text-align:left;white-space:nowrap;padding:12px 16px;font-weight:600;color:#2b3441}.fish-table td{padding:13px 16px;border-bottom:1px solid #e9ecef;vertical-align:middle}.fish-res{color:#228be6}.fish-pax{display:block;white-space:nowrap;border:1px solid #228be6;border-radius:20px;color:#228be6;text-align:center;font-size:12px;padding:1px 6px;margin:3px 0}.fish-table-foot{font-size:12px;padding:12px 4px;display:flex;justify-content:space-between;gap:10px;color:#697787}.fish-paul-bubble{position:absolute;right:20px;bottom:15px;width:64px;height:64px;border:1px solid #d8cfe5;border-radius:50%;background:#f3eef8;box-shadow:0 4px 18px #28163730;padding:7px;display:block}.fish-paul-bubble img{width:100%;height:100%;object-fit:contain}.pulpo-section{scroll-margin-top:20px}.pulpo-intro{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:35px}.pulpo-intro .intro{max-width:680px;margin-bottom:0}.pulpo-intro h2 em{color:#86518e}.pulpo-portrait{width:210px;height:210px;object-fit:contain;margin-right:50px}.pulpo-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.pulpo-features article{padding:19px 0;border-bottom:1px solid #e5e7eb}.pulpo-features h3{font-size:19px;margin:0 0 8px}.pulpo-features p{font-size:15px;color:var(--muted);margin:0}.pulpo-availability{font-size:13px!important;margin-top:22px!important}.paul-screen{background:white;border:1px solid #ddd5e5;border-radius:12px;padding:24px;box-shadow:0 14px 40px #5125650d}.paul-screen-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.paul-screen-title h3{font-size:22px;margin:0}.paul-screen-title>span{font-size:12px;border-radius:30px;background:#e7f5ff;color:#1971c2;padding:3px 10px}.paul-screen .paul-welcome{gap:14px;padding-block:22px}.paul-screen .paul-welcome-avatar{width:65px;height:65px}.paul-screen .paul-welcome-bubble{font-size:14px;padding:18px}.paul-welcome-bubble p{margin:6px 0}.paul-welcome-bubble small{font-size:12px;color:#627b8d}.paul-demo-input{font-size:14px}.paul-demo-input>p{border:1px solid #ced4da;border-radius:6px;min-height:90px;padding:12px;margin-top:8px;color:#526475}.paul-examples{display:flex;gap:8px;flex-wrap:wrap}.paul-examples button{font-size:13px;border:0;background:#e7f5ff;color:#1971c2;padding:9px 12px;border-radius:6px;text-align:left}.paul-examples button:hover{background:#d0ebff}.paul-demo-note{font-size:12px;color:#6d7d8b;margin:17px 0}.paul-screen .button{font-size:13px;width:100%;gap:10px}
@media(max-width:1000px){.header nav{gap:16px;font-size:13px}.fish-sidebar{width:180px}.fish-sidebar-logo{width:145px}.fish-workspace{padding:20px 14px 76px}.pulpo-layout{gap:30px}.pulpo-portrait{margin-right:15px}.fish-table{min-width:1050px}}
@media(max-width:800px){.hero-copy{max-width:100%}.hero h1{font-size:48px}.hero h1 em{white-space:normal}.fish-sidebar{width:155px;padding-inline:7px}.fish-sidebar-logo{width:125px}.fish-menu-item{font-size:13px;padding-inline:4px;gap:6px}.fish-search{font-size:13px}.fish-workspace h2{font-size:18px}.preview-caption{flex-wrap:wrap}.pulpo-layout{grid-template-columns:1fr}.pulpo-portrait{width:140px;height:140px;margin-right:0}.pulpo-intro{gap:20px}.pulpo-intro h2{font-size:31px}}
@media(max-width:560px){.hero{padding-top:25px}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero-copy{margin-bottom:28px}.fish-sidebar{display:none}.fish-workspace{padding:18px 12px 76px}.fish-summary{padding-inline:10px}.preview-caption{padding:12px;font-size:11px}.fish-filter-values{gap:10px}.pulpo-intro{align-items:start;gap:10px}.pulpo-portrait{width:85px;height:85px}.pulpo-intro h2{font-size:29px}.pulpo-intro .intro{font-size:15px}.paul-screen{padding:18px 14px}.paul-screen .paul-welcome{align-items:center;gap:10px}.paul-screen .paul-welcome-avatar{width:46px;height:46px;margin-top:0}.paul-screen .paul-welcome-bubble{font-size:13px;padding:14px}.paul-screen-title h3{font-size:20px}.fish-table-foot{flex-wrap:wrap}.pulpo-section{padding-top:55px}.paul-screen-title{flex-wrap:wrap}}

.contact-email{display:block;margin-top:16px;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.contact-action{min-width:0}

/* Portada: Pulpo, administración y operación. */
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;padding-block:52px 72px}.hero-copy{margin:0;text-align:left;max-width:none}.hero .eyebrow,.hero .actions{justify-content:flex-start}.hero .intro{margin-inline:0}.hero h1{font-size:clamp(40px,4.1vw,59px);line-height:1.13;letter-spacing:-2.5px}.hero h1 em{white-space:normal;color:#86518e}.pulpo-hero{background:#f4eff9;border:1px solid #e5d8ed;border-radius:28px;padding:28px;text-align:center}.pulpo-hero .eyebrow{justify-content:center;letter-spacing:1px;font-size:11px;margin-bottom:0;color:#694773}.pulpo-hero>img{width:min(100%,300px);height:auto;display:block;margin:auto}.hero-question{background:#fff;text-align:left;border:1px solid #ddcde7;border-radius:16px;padding:22px;box-shadow:0 12px 32px #5727650b}.hero-question span{color:#86518e;font-size:13px;font-weight:700}.hero-question p{font-size:19px;line-height:1.5;margin:8px 0 14px}.hero-question a{color:#1971c2;font-size:14px;font-weight:650}.pulpo-section{padding-top:75px}.operation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0}.operation-steps b{color:#1971c2;font-size:14px}.operation-steps p{margin:8px 0 0;color:var(--muted)}.faq{max-width:920px}.faq details{border-bottom:1px solid var(--border);padding:20px 0}.faq summary{font-weight:650;cursor:pointer;font-size:18px}.faq details p{margin:14px 0 0;color:var(--muted);max-width:780px}.pulpo-availability{color:var(--ink)}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:680px}.pulpo-hero{max-width:620px;width:100%;margin:auto}.hero h1{font-size:48px}.operation-steps{gap:18px}}
@media(max-width:560px){.hero{padding-block:28px 45px}.hero h1{font-size:39px;letter-spacing:-1.8px}.pulpo-hero{padding:20px}.pulpo-hero>img{width:220px}.hero-question p{font-size:17px}.operation-steps{grid-template-columns:1fr;gap:18px}.faq summary{font-size:16px}.pulpo-intro{display:block}.pulpo-portrait{display:none}.hero .actions{gap:18px}.feature-grid p,.benefits p:not(.eyebrow),.pulpo-features p{font-size:16px}}

.implementation{border-top:1px solid var(--border)}.implementation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.implementation-grid article>span{display:block;color:#1971c2;font-size:14px;font-weight:700;border-top:2px solid #00c2c9;padding-top:18px;margin-bottom:20px}.implementation-grid h3{font-size:20px;line-height:1.4}.implementation-grid p{font-size:16px;color:var(--muted)}.implementation-pulpo{display:flex;align-items:center;gap:25px;padding:28px;background:#f4eff9;border:1px solid #e5d8ed;border-radius:16px;margin-top:28px}.implementation-pulpo img{object-fit:contain;flex-shrink:0}.implementation-pulpo h3{margin-bottom:8px;font-size:22px}.implementation-pulpo p{margin:0;color:var(--muted)}.implementation-pulpo .button{flex-shrink:0;max-width:100%}.implementation-note{font-size:14px;color:var(--muted);margin:20px 0 0}@media(max-width:1000px){.implementation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.implementation-pulpo{flex-wrap:wrap}.header nav{gap:14px}}@media(max-width:560px){.implementation-grid{grid-template-columns:1fr;gap:15px}.implementation-pulpo{padding:22px;gap:15px}.implementation-pulpo img{width:75px;height:75px}.implementation-pulpo .button{width:100%;font-size:13px}}

.video-section{padding-top:32px}.fish-video{display:block;width:100%;height:auto;max-height:85vh;background:#172d39;border-radius:16px;border:1px solid var(--border)}.video-note{font-size:14px;color:var(--muted);margin:16px 0}.video-transcript{margin:22px 0}.video-transcript summary{cursor:pointer;font-weight:650}.video-transcript li{margin:12px 0;color:var(--muted);font-size:16px}.video-shortcut{display:inline-block;margin-top:16px;color:#1971c2;font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:4px}@media(max-width:560px){.video-section{padding-top:24px}.fish-video{border-radius:10px}}