@import"/fonts/1462bec6a691.css";@import"/fonts/ac3ba53369a2.css";:root{--color-bg-cream: #ede7d9;--color-bg-dark: #000000;--color-bg-red: #c62828;--color-text-dark: #1a1a1a;--color-text-light: #ede7d9;--color-accent-red: #c62828;--font-serif: "Archivo Black", sans-serif;--font-display: "Archivo", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "Space Mono", monospace;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--border-editorial: 1px solid rgba(26, 26, 26, .15);--border-light: 1px solid rgba(250, 248, 245, .15);--sidebar-width: 280px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg-cream);color:var(--color-text-dark);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-cream);border-left:var(--border-editorial)}::-webkit-scrollbar-thumb{background:var(--color-accent-red)}.app-container{display:flex;min-height:100vh;position:relative}.sidebar{width:var(--sidebar-width);border-right:1px solid rgba(250,248,245,.12);height:100vh;position:sticky;top:0;padding:2.5rem 2rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#0c0c0c;z-index:100}.logo-container{border-bottom:2px solid var(--color-text-light);padding-bottom:1.5rem}.logo-title{font-family:var(--font-serif);font-size:1.8rem;font-weight:800;text-transform:uppercase;letter-spacing:-1px;line-height:1;color:var(--color-text-light)}.logo-subtitle{font-family:var(--font-display);font-size:.65rem;text-transform:uppercase;letter-spacing:3px;margin-top:.5rem;color:var(--color-accent-red);font-weight:800}.nav-menu{list-style:none;margin:3rem 0}.nav-item{margin-bottom:1.25rem}.nav-link{font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;text-decoration:none;color:var(--color-text-light);display:flex;align-items:center;gap:.75rem;letter-spacing:1px;transition:var(--transition-smooth);opacity:.6}.nav-link:hover,.nav-link.active{opacity:1;color:var(--color-accent-red);transform:translate(4px)}.nav-number{font-family:var(--font-serif);font-size:1rem;font-style:italic;font-weight:600;color:var(--color-accent-red)}.sidebar-footer{font-size:.7rem;opacity:.5;text-transform:uppercase;letter-spacing:1px;line-height:1.4;border-top:1px solid rgba(250,248,245,.12);padding-top:1.5rem;color:var(--color-text-light)}.main-content{flex:1;min-width:0}section{padding:8rem 6rem;border-bottom:var(--border-editorial)}section:last-of-type{border-bottom:none}.hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:90vh;background-color:var(--color-bg-cream);position:relative;overflow:hidden;padding:4rem 2rem}.hero-tag{font-family:var(--font-display);font-size:.85rem;text-transform:uppercase;letter-spacing:5px;color:var(--color-accent-red);font-weight:800;margin-bottom:2rem}.hero-title-wrap{position:relative;margin-bottom:2rem;max-width:900px}.hero-title{font-family:var(--font-serif);font-size:clamp(3.5rem,8vw,7.5rem);font-weight:900;line-height:.9;text-transform:uppercase;color:var(--color-text-dark);letter-spacing:-2px}.hero-subtitle{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.8rem);font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-dark);margin-bottom:3rem;max-width:700px}.hero-badge{font-family:var(--font-serif);font-size:4rem;font-style:italic;font-weight:700;color:var(--color-accent-red);border:2px solid var(--color-accent-red);padding:.2rem 2rem;border-radius:50%;display:inline-block;transform:rotate(-8deg);margin-bottom:2rem}.sparkle-icon{width:24px;height:24px;fill:var(--color-accent-red);display:inline-block}.sparkle-icon.light{fill:var(--color-text-light)}.hero-sparkle-1{position:absolute;top:15%;left:10%;animation:pulse-sparkle 3s infinite ease-in-out}.hero-sparkle-2{position:absolute;bottom:25%;right:12%;animation:pulse-sparkle 3s infinite ease-in-out 1.5s}@keyframes pulse-sparkle{0%,to{transform:scale(.8) rotate(0);opacity:.5}50%{transform:scale(1.3) rotate(90deg);opacity:1}}.section-meta{font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:4px;color:var(--color-accent-red);font-weight:800;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-title{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,4.5rem);text-transform:uppercase;font-weight:800;line-height:1;margin-bottom:3.5rem;letter-spacing:-1px}.text-editorial{font-size:1.1rem;line-height:1.7;color:var(--color-text-dark);max-width:800px}.step-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:6rem;align-items:center}.step-container:nth-child(2n){direction:rtl}.step-container:nth-child(2n) .step-text-col{direction:ltr}.step-container:nth-child(2n) .step-media-col{direction:ltr}.step-number{font-family:var(--font-serif);font-size:4rem;font-weight:800;font-style:italic;color:var(--color-accent-red);line-height:1;margin-bottom:1rem}.step-title{font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;font-weight:800;margin-bottom:1.5rem;letter-spacing:1px}.step-description{font-size:1.05rem;line-height:1.6;color:var(--color-text-dark);margin-bottom:2rem}.browser-mockup{border:var(--border-editorial);border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:0 20px 40px #0000000f;transition:var(--transition-smooth)}.browser-mockup:hover{transform:translateY(-8px);box-shadow:0 30px 60px #0000001f}.browser-bar{background-color:#f0ebe2;border-bottom:var(--border-editorial);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem}.browser-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background-color:#1a1a1a40}.browser-dot:nth-child(1){background-color:#ff5f56}.browser-dot:nth-child(2){background-color:#ffbd2e}.browser-dot:nth-child(3){background-color:#27c93f}.browser-url{background-color:#fff;border:var(--border-editorial);border-radius:6px;padding:.15rem 2rem;font-size:.65rem;color:#1a1a1a80;font-family:var(--font-body);flex-grow:1;text-align:center;max-width:400px;margin:0 auto}.browser-content{padding:0;display:flex;justify-content:center;align-items:center;background-color:#fafafa}.browser-content img{max-width:100%;height:auto;display:block}.dark-section{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/dark_red_grunge.webp);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-text-light);border-bottom:var(--border-light)}.dark-section .section-meta{color:var(--color-accent-red)}.dark-section .section-title{color:var(--color-text-light)}.dark-section .text-editorial{color:#faf8f5e6}.prompt-container{background-color:#1a1a1a;border:1px solid rgba(250,248,245,.1);border-radius:12px;padding:2.5rem;margin:3rem 0;position:relative}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(250,248,245,.1);padding-bottom:1rem}.prompt-label{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;color:var(--color-accent-red);font-weight:800;letter-spacing:2px}.copy-btn{background-color:transparent;border:1px solid rgba(250,248,245,.3);color:var(--color-text-light);font-family:var(--font-display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-smooth)}.copy-btn:hover{background-color:var(--color-accent-red);border-color:var(--color-accent-red)}.copy-btn.copied{background-color:#27c93f;border-color:#27c93f}.prompt-text{font-size:.95rem;line-height:1.7;color:#faf8f5e6;white-space:pre-wrap;max-height:180px;overflow-y:auto;padding-right:1.5rem;scrollbar-width:thin;scrollbar-color:var(--color-accent-red) rgba(250,248,245,.05)}.prompt-text::-webkit-scrollbar{width:6px}.prompt-text::-webkit-scrollbar-track{background:#faf8f50d}.prompt-text::-webkit-scrollbar-thumb{background:var(--color-accent-red);border-radius:3px}.grid-editorial{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.editorial-card{border:1px solid rgba(250,248,245,.1);padding:2rem;border-radius:8px;background-color:#faf8f505;transition:var(--transition-smooth)}.editorial-card:hover{background-color:#faf8f50d;transform:translateY(-4px)}.editorial-card-title{font-family:var(--font-display);font-size:1.1rem;text-transform:uppercase;font-weight:800;margin-bottom:1rem;color:var(--color-text-light);border-bottom:1px solid rgba(250,248,245,.1);padding-bottom:.5rem}.editorial-card-body{font-size:.95rem;color:#faf8f5bf}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3.5rem 0}@media (max-width: 768px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.showcase-grid{grid-template-columns:1fr}}.showcase-item{border:1px solid rgba(250,248,245,.15);border-radius:8px;overflow:hidden;position:relative;aspect-ratio:1}.showcase-item.contain-img{background-color:#000}.showcase-item.contain-img img{object-fit:contain}.showcase-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth);filter:grayscale(20%)}.showcase-item:hover img{transform:scale(1.08);filter:grayscale(0%)}.showcase-caption{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,#121212f2);padding:1.5rem 1rem 1rem;font-size:.75rem;color:var(--color-text-light);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px}.palette-display{display:flex;flex-wrap:wrap;gap:1.5rem;margin:2rem 0}.palette-color{display:flex;align-items:center;gap:1rem;background-color:#faf8f50d;padding:.75rem 1.25rem;border-radius:8px;border:1px solid rgba(250,248,245,.1)}.color-swatch{width:32px;height:32px;border-radius:50%;border:1px solid rgba(250,248,245,.2)}.color-info{display:flex;flex-direction:column}.color-name{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--color-text-light)}.color-hex{font-family:monospace;font-size:.75rem;color:#faf8f580}.editorial-list{list-style:none;margin:1.5rem 0}.editorial-list li{position:relative;padding-left:2rem;margin-bottom:1rem;font-size:1.05rem}.editorial-list li:before{content:"";position:absolute;left:0;top:6px;width:14px;height:14px;background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/arrow_0_0.webp);background-size:contain;background-repeat:no-repeat}.dark-section .editorial-list li:before{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/arrow_0_4.webp)}.tabs-container{margin:3rem 0}.tabs-headers{display:flex;overflow-x:auto;gap:.5rem;border-bottom:1px solid rgba(250,248,245,.1);padding-bottom:.5rem;scrollbar-width:none}.tabs-headers::-webkit-scrollbar{display:none}.tab-btn{background:transparent;border:none;color:#faf8f580;font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;padding:.75rem 1.5rem;cursor:pointer;white-space:nowrap;transition:var(--transition-smooth)}.tab-btn.active{color:var(--color-text-light);border-bottom:2px solid var(--color-accent-red)}.tab-panel{display:none;animation:fadeIn .4s ease}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.editorial-table-wrapper{overflow-x:auto;margin:3rem 0;border:1px solid rgba(250,248,245,.1);border-radius:8px}.editorial-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.editorial-table th{background-color:#faf8f50d;font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-light);padding:1.25rem 1.5rem;border-bottom:1px solid rgba(250,248,245,.15)}.editorial-table td{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(250,248,245,.08);color:#faf8f5cc;vertical-align:top}.editorial-table tr:last-child td{border-bottom:none}.ambush-banner{background-color:var(--color-bg-red);color:var(--color-text-light);padding:6rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;border-bottom:var(--border-light)}.ambush-text-side{display:flex;flex-direction:column}.ambush-large-title{font-family:var(--font-serif);font-size:clamp(3rem,6vw,6.5rem);font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-2px;margin-bottom:2rem;color:var(--color-text-light)}.ambush-p{font-size:1.15rem;line-height:1.6;color:#faf8f5e6;max-width:500px}.ambush-visual-side{position:relative;display:flex;justify-content:center}.ambush-visual-box{background-color:var(--color-bg-cream);padding:2rem;border-radius:12px;color:var(--color-text-dark);box-shadow:0 30px 60px #0003;transform:rotate(2deg);transition:var(--transition-smooth)}.ambush-visual-box:hover{transform:rotate(0) scale(1.03)}.ambush-visual-title{font-family:var(--font-serif);font-size:2.2rem;font-weight:800;text-transform:uppercase;margin-bottom:1rem}.editorial-footer{background-color:var(--color-bg-dark);color:var(--color-text-light);padding:6rem 4rem;border-top:1px solid rgba(250,248,245,.15);display:flex;flex-direction:column;align-items:center;text-align:center}.footer-logo{font-family:var(--font-serif);font-size:3rem;text-transform:uppercase;font-weight:900;letter-spacing:-1px;margin-bottom:1.5rem}.footer-subtitle{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:4px;color:var(--color-accent-red);margin-bottom:3rem}.footer-copyright{font-size:.8rem;opacity:.5;margin-top:4rem;border-top:1px solid rgba(250,248,245,.1);padding-top:2rem;width:100%;max-width:600px}.menu-toggle{display:none}@media (max-width: 1024px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:var(--border-editorial);padding:1.5rem;flex-direction:row;align-items:center}.nav-menu,.sidebar-footer{display:none}section{padding:4rem 2rem}.step-container{grid-template-columns:1fr;gap:2rem}.step-container:nth-child(2n){direction:ltr}.ambush-banner{grid-template-columns:1fr;padding:4rem 2rem;gap:3rem}}@media (max-width: 768px){.section-title{font-size:clamp(1.8rem,7vw,2.6rem);letter-spacing:-.5px;margin-bottom:2rem}section{padding:3rem 1.25rem}.ambush-banner{padding:3rem 1.25rem;gap:2rem}.hero-cta-bar{padding:1.5rem 1.25rem!important}.hero-cta-bar .copy-btn{padding:.9rem 2rem!important;font-size:.78rem!important;width:100%;justify-content:center;box-sizing:border-box}[style*="grid-template-columns: 1.1fr 0.9fr"],[style*="grid-template-columns: 1.15fr 0.85fr"],[style*="grid-template-columns: 1.25fr 0.75fr"],[style*="grid-template-columns: 1fr 1fr"]{display:flex!important;flex-direction:column!important;gap:2rem!important}#historia img[src*=illustration_girl],#agente img[src*=illustration_guy_sunglasses],#resumen img[src*=illustration_guy_backpack],#resumen img[src*=illustration_eye]{max-width:220px!important;margin:0 auto}#resultados img[src*=woman_tech_coat],#resultados img[src*=guy_sitting_tech],#resultados img[src*=girl_helmet]{max-width:260px!important;margin:0 auto}#metodo img[src*=guy_tech_jacket]{max-width:200px!important;margin:0 auto;display:block}.step-container{display:flex!important;flex-direction:column!important;gap:1.5rem!important;margin-bottom:3.5rem}.step-container:nth-child(2n){direction:ltr!important;flex-direction:column!important}.step-number{font-size:2.8rem}.step-title{font-size:1.15rem}.browser-mockup{border-radius:8px}.showcase-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem}.ambush-visual-box{transform:none;padding:1rem}.grid-editorial{grid-template-columns:1fr!important}.barcode-sticker{display:none}h3[style*="font-size: 2.2rem"]{font-size:1.5rem!important}h3[style*="font-size: 2rem"]{font-size:1.4rem!important}.prompt-text{font-size:.82rem;max-height:200px}.editorial-footer{padding:3rem 1.25rem}.footer-logo{font-size:2rem}.tape-sticker{display:none}.section-meta{font-size:.65rem}}@media (max-width: 480px){section{padding:2.5rem 1rem}.section-title{font-size:clamp(1.5rem,8vw,2rem)}.showcase-grid{grid-template-columns:1fr!important}#resultados img[src*=woman_tech_coat],#resultados img[src*=guy_sitting_tech],#resultados img[src*=girl_helmet]{max-width:200px!important}.brush-stroke-highlight{font-size:.95rem;padding:.5rem 1rem}.hero-cta-bar .copy-btn{font-size:.72rem!important}}.download-step{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:6rem;border-bottom:1px solid rgba(26,26,26,.08);padding-bottom:5rem}.dark-section .download-step{border-bottom:1px solid rgba(250,248,245,.1)}.download-step:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.dark-section .download-step:last-of-type{border-bottom:none}.download-step-text{max-width:700px;margin-bottom:3rem}.download-step-text .step-number{font-size:3.5rem;font-family:var(--font-serif);font-weight:800;font-style:italic;color:var(--color-accent-red);line-height:1;margin-bottom:1rem}.download-step-text .step-title{font-family:var(--font-display);font-size:1.5rem;text-transform:uppercase;font-weight:800;margin-bottom:1rem}.download-step-media{width:100%;max-width:800px;margin:0 auto}.full-image-mockup{width:100%;box-shadow:0 25px 50px #00000014}.hero-banner-container{width:100%;overflow:hidden;background-color:#121212}.hero-banner-img{width:100%;height:auto;display:block;object-fit:contain}.ocr-label{font-family:var(--font-mono);font-size:.8rem;letter-spacing:2px;text-transform:uppercase;color:var(--color-accent-red)}.dark-section .ocr-label{color:var(--color-text-light)}.highlight-block{background-color:var(--color-accent-red);color:#ede7d9;padding:.2rem .6rem;font-family:var(--font-display);font-weight:900;text-transform:uppercase;display:inline-block;transform:rotate(-.5deg)}.dark-section .highlight-block{background-color:var(--color-accent-red);color:#000}.line-solid-red{border:none;height:24px;background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/line_8_1.webp);background-size:100% 100%;background-repeat:no-repeat;margin:2.5rem 0;opacity:.95}.line-double-white{border:none;height:14px;background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/line_0_2.webp);background-size:100% 100%;background-repeat:no-repeat;margin:2.5rem 0}.line-dotted{border:none;height:12px;background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/line_0_1.webp);background-size:contain;background-repeat:repeat-x;margin:2.5rem 0;opacity:.65}.dark-section .line-dotted{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/line_0_1.webp);filter:invert(1)}.line-dashed{border:none;height:12px;background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/line_0_1.webp);background-size:contain;background-repeat:repeat-x;margin:2.5rem 0;opacity:.65}.dark-section .line-dashed{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/line_0_1.webp);filter:invert(1)}.barcode-sticker{display:inline-flex;align-items:center;background-color:#ede7d9;color:#000;border:1px solid #000000;padding:.4rem .8rem;font-family:var(--font-mono);gap:1.25rem;transform:rotate(-1.5deg);box-shadow:2px 2px #000;margin:1.5rem 0;z-index:5}.barcode-stripes{font-size:1.1rem;letter-spacing:-2px;line-height:1;font-weight:300}.barcode-num{font-size:.7rem;letter-spacing:1px}.barcode-badge{border:1px solid #000000;padding:.05rem .35rem;font-weight:700;font-size:.75rem}.tape-effect{position:relative}.tape-effect:before{content:"";position:absolute;top:-16px;left:30px;width:100px;height:26px;background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/tape_0_0.webp);background-size:100% 100%;background-repeat:no-repeat;transform:rotate(-3.5deg);z-index:10;opacity:.85}.tape-sticker{position:absolute;width:110px;height:28px;background-size:100% 100%;background-repeat:no-repeat;z-index:10;pointer-events:none;opacity:.85}.tape-white{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/tape_0_0.webp)}.tape-newspaper{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/tape_3_0.webp);width:120px;height:32px}.tape-dark{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/tape_2_1.webp)}.tape-rip{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/tape_4_2.webp)}.brutalist-block-red{background-color:var(--color-bg-red);color:var(--color-text-light);border:1px solid rgba(250,248,245,.2);padding:2rem;border-radius:4px;box-shadow:6px 6px #000000d9;margin:2.5rem 0}.brutalist-block-light{background-color:var(--color-bg-cream);color:var(--color-text-dark);border:2px solid var(--color-text-dark);padding:2rem;border-radius:4px;box-shadow:5px 5px 0 var(--color-text-dark);margin:2.5rem 0}.globe-decor,.crosshair-decor{width:24px;height:24px;fill:currentColor;display:inline-block;vertical-align:middle}.crosshair-bg-decor{position:absolute;width:80px;height:80px;opacity:.12;pointer-events:none}.splatter-dec{position:absolute;background-size:contain;background-repeat:no-repeat;pointer-events:none;z-index:1;opacity:.18}.splatter-red-large{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/splatter_0_1.webp);width:250px;height:250px}.splatter-black-large{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/splatter_2_2.webp);width:200px;height:200px}.splatter-dots{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/splatter_3_1.webp);width:150px;height:150px}.halftone-dec{position:absolute;background-size:contain;background-repeat:no-repeat;pointer-events:none;z-index:1;opacity:.22}.halftone-circle-red{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/halftone_0_2.webp);width:180px;height:180px}.halftone-circle-black{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/halftone_0_0.webp);width:160px;height:160px}.halftone-spray{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/halftone_2_2.webp);width:200px;height:200px}.arrow-sticker{display:inline-block;vertical-align:middle;background-size:contain;background-repeat:no-repeat;width:20px;height:20px}.arrow-red-brush{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/arrow_1_0.webp)}.arrow-black-brush{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/extracted/arrow_1_2.webp)}.brush-stroke-highlight{background-image:url(/sites/b3-tu-como-rostro-de-marca/media/red_brush_stroke.webp);background-size:100% 100%;background-repeat:no-repeat;padding:.6rem 2.5rem;color:#000;display:inline-block;font-family:var(--font-serif);font-weight:900;text-transform:uppercase;font-size:1.15rem;max-width:100%;box-sizing:border-box;text-align:center;word-wrap:break-word;line-height:1.4}.dark-section .step-description{color:var(--color-text-light);opacity:.95}.dark-section .step-title{color:var(--color-text-light)}.dark-section .arrow-black-brush{filter:invert(1)}.dark-section .download-step-text h4.step-title{color:var(--color-text-light)}.dark-section .download-step-text p.step-description{color:#faf8f5e6;opacity:1}.dark-section h3{color:var(--color-text-light)}.dark-section .callout-2k{background-color:#c51f1f26;border-color:var(--color-accent-red)}.dark-section .browser-bar{background-color:#2a2a2a;border-bottom-color:#faf8f51a}.dark-section .browser-url{background-color:#1a1a1a;color:#faf8f580;border-color:#faf8f51a}.dark-section p{color:#faf8f5e6}.dark-section strong{color:var(--color-text-light)}@media (max-width: 768px){.download-step{margin-bottom:3.5rem;padding-bottom:3.5rem}.download-step-text{max-width:100%;text-align:center}.download-step-media{width:100%}.prompt-header{flex-direction:column;align-items:flex-start;gap:.75rem}.showcase-caption{font-size:.65rem;padding:.25rem .5rem}.ambush-large-title{font-size:2.5rem}.ambush-p{font-size:.95rem}#resultados img{max-width:100%!important}}:root{--color-bg-cream: #F5B51A;--color-bg-dark: #050505;--color-bg-red: #D71913;--color-bg-purple: #8B00FF;--color-bg-neon-purple: #D000FF;--color-text-dark: #050505;--color-text-light: #F4EAD5;--color-accent-red: #D71913;--color-accent-blue: #7D8FA3;--color-accent-brown: #4A3024;--color-accent-crema: #EFE0C0;--font-serif: "Luckiest Guy", cursive;--font-display: "Montserrat", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "Space Mono", monospace;--font-handwritten: "Permanent Marker", cursive;--font-notes: "Caveat", cursive}body{background-color:var(--color-bg-cream);color:var(--color-text-dark);font-family:var(--font-body);position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.sidebar{background-color:var(--color-bg-red)!important;border-right:4px solid var(--color-bg-dark)!important;color:#fff!important;flex-shrink:0!important;position:sticky;top:0;height:100vh;z-index:100;padding:2rem 1.25rem!important;display:flex;flex-direction:column;justify-content:space-between}.sidebar .logo-container{border-bottom:3px solid var(--color-bg-dark)!important;padding-bottom:1.25rem}.sidebar .logo-title{color:#fff!important;font-family:var(--font-serif)!important;font-size:1.6rem;line-height:1.1}.sidebar .logo-subtitle{color:var(--color-bg-cream)!important;font-family:var(--font-display)!important;font-weight:900}.sidebar .nav-menu{list-style:none;margin:1.5rem 0;overflow-y:auto;max-height:calc(100vh - 260px);padding-right:.5rem}.sidebar .nav-menu::-webkit-scrollbar{width:6px}.sidebar .nav-menu::-webkit-scrollbar-thumb{background:var(--color-bg-cream);border-radius:3px}.sidebar .nav-link{color:#fff!important;opacity:.7;font-family:var(--font-display);font-weight:800;border:none!important;padding:.6rem .5rem;background-color:transparent!important;box-shadow:none!important;transform:none!important;transition:transform .2s ease,color .2s ease,opacity .2s ease}.sidebar .nav-link:hover,.sidebar .nav-link.active{opacity:1;color:var(--color-bg-cream)!important;background-color:transparent!important;border:none!important;box-shadow:none!important;transform:translate(6px)!important}.sidebar .nav-number{color:var(--color-bg-cream)!important}.sidebar .sidebar-footer{color:#fff!important;border-top:2px solid rgba(255,255,255,.2)!important;opacity:.8;padding-top:1rem!important;font-size:.72rem!important;font-family:var(--font-mono)}.section-container{max-width:1100px;margin-left:auto;margin-right:auto;width:100%;position:relative;box-sizing:border-box}.text-editorial{max-width:1000px;margin-left:auto;margin-right:auto;width:100%}section:nth-of-type(3n+1){background-color:var(--color-bg-cream);color:var(--color-bg-dark);border-bottom:4px solid var(--color-bg-dark)}section:nth-of-type(3n+2){background-color:var(--color-bg-dark);color:var(--color-text-light);border-bottom:4px solid var(--color-bg-dark)}section:nth-of-type(3n){background-color:var(--color-bg-red);color:#fff;border-bottom:4px solid var(--color-bg-dark)}.section-title{font-family:var(--font-serif);letter-spacing:-1px;line-height:.95;font-size:clamp(2rem,5vw,4.2rem)}section:nth-of-type(3n+1) .section-title{color:var(--color-bg-dark);text-shadow:3px 3px 0px #ffffff}section:nth-of-type(3n+2) .section-title{color:var(--color-bg-cream);text-shadow:3px 3px 0px var(--color-bg-red)}section:nth-of-type(3n) .section-title{color:var(--color-bg-cream);text-shadow:3px 3px 0px var(--color-bg-dark)}.text-editorial{font-size:1.15rem;line-height:1.7}section:nth-of-type(3n+1) .text-editorial{color:var(--color-bg-dark)}section:nth-of-type(3n+2) .text-editorial{color:var(--color-text-light)}section:nth-of-type(3n) .text-editorial{color:#fff}section:nth-of-type(3n+1) .text-editorial p strong{color:var(--color-bg-red);font-weight:800}section:nth-of-type(3n+2) .text-editorial p strong{color:var(--color-bg-cream);font-weight:800}section:nth-of-type(3n) .text-editorial p strong{color:var(--color-bg-cream);font-weight:800}.sticker-tag{background-color:var(--color-bg-dark);color:#fff;font-family:var(--font-display);font-weight:900;font-size:1.1rem;padding:.5rem 1.25rem;text-transform:uppercase;display:inline-block;transform:rotate(-1.5deg);box-shadow:4px 4px 0 var(--color-bg-red);margin-bottom:1.5rem}.sticker-tag.red{background-color:var(--color-bg-red);box-shadow:4px 4px 0 var(--color-bg-dark)}section:nth-of-type(3n+2) .sticker-tag.red{box-shadow:4px 4px 0 var(--color-text-light)}section:nth-of-type(3n) .sticker-tag.red{background-color:var(--color-bg-dark);box-shadow:4px 4px 0 var(--color-bg-dark)}.sticker-tag.crema{background-color:var(--color-accent-crema);color:var(--color-bg-dark);font-family:var(--font-handwritten);transform:rotate(2deg);box-shadow:4px 4px 0 var(--color-bg-dark)}.sticker-tag.purple{background-color:var(--color-bg-purple);color:#fff;font-family:var(--font-display);transform:rotate(-3deg);box-shadow:4px 4px 0 var(--color-bg-dark)}section:nth-of-type(3n+2) .sticker-tag:not(.red):not(.crema):not(.purple){background-color:var(--color-bg-cream);color:var(--color-bg-dark);box-shadow:4px 4px 0 var(--color-text-light)}section:nth-of-type(3n) .sticker-tag:not(.red):not(.crema):not(.purple){background-color:var(--color-bg-cream);color:var(--color-bg-dark);box-shadow:4px 4px 0 var(--color-bg-dark)}.brutal-checklist{margin:2rem 0;display:flex;flex-direction:column;gap:1rem}.checklist-item{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-weight:900;font-size:1.25rem;text-transform:uppercase;width:fit-content}section:nth-of-type(3n+1) .checklist-item{color:var(--color-bg-dark);border-bottom:3px solid var(--color-bg-dark)}section:nth-of-type(3n+2) .checklist-item{color:var(--color-text-light);border-bottom:3px solid var(--color-text-light)}section:nth-of-type(3n) .checklist-item{color:#fff;border-bottom:3px solid #ffffff}.checklist-check{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:3px solid var(--color-bg-dark);border-radius:50%;background-color:#fff;color:var(--color-bg-red);font-weight:900;box-shadow:2px 2px 0 var(--color-bg-dark)}section:nth-of-type(3n+2) .checklist-check{background-color:var(--color-bg-cream);color:var(--color-bg-dark);border-color:var(--color-text-light);box-shadow:2px 2px 0 var(--color-text-light)}section:nth-of-type(3n) .checklist-check{background-color:var(--color-bg-cream);color:var(--color-bg-dark);border-color:#fff;box-shadow:2px 2px 0 var(--color-bg-dark)}.doodle-annotation{font-family:var(--font-notes);font-size:2.1rem;line-height:1.1;position:relative}section:nth-of-type(3n+1) .doodle-annotation{color:var(--color-bg-red)}section:nth-of-type(3n+2) .doodle-annotation{color:var(--color-bg-cream)}section:nth-of-type(3n) .doodle-annotation{color:var(--color-bg-cream)}.doodle-annotation.marker{font-family:var(--font-handwritten);font-size:1.4rem;color:var(--color-bg-dark);background-color:#fff;padding:.3rem 1rem;border:3px solid var(--color-bg-dark);transform:rotate(-2.5deg);box-shadow:4px 4px 0 var(--color-bg-dark);display:inline-block}section:nth-of-type(3n+2) .doodle-annotation.marker{background-color:var(--color-bg-cream);color:var(--color-bg-dark);border-color:var(--color-bg-cream);box-shadow:4px 4px 0 var(--color-text-light)}section:nth-of-type(3n) .doodle-annotation.marker{background-color:var(--color-bg-cream);color:var(--color-bg-dark);border-color:var(--color-bg-cream);box-shadow:4px 4px 0 var(--color-bg-dark)}.doodle-annotation.white{color:#fff;font-family:var(--font-handwritten)}.svg-doodle{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}section:nth-of-type(3n+1) .svg-doodle{stroke:var(--color-bg-red)}section:nth-of-type(3n+2) .svg-doodle{stroke:var(--color-bg-cream)}section:nth-of-type(3n) .svg-doodle{stroke:var(--color-bg-cream)}.svg-doodle.black{stroke:var(--color-bg-dark)}.card-brutal{background-color:#ffffff0d!important;border:4px solid var(--color-bg-dark);padding:2.5rem;border-radius:0;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease;position:relative;color:inherit}section:nth-of-type(3n+1) .card-brutal{background-color:#0000000a!important;box-shadow:8px 8px 0 var(--color-bg-dark);color:var(--color-bg-dark)}section:nth-of-type(3n+1) .card-brutal:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--color-bg-dark)}section:nth-of-type(3n+2) .card-brutal{background-color:#ffffff0a!important;border-color:var(--color-text-light);box-shadow:8px 8px 0 var(--color-text-light);color:var(--color-text-light)}section:nth-of-type(3n+2) .card-brutal:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--color-text-light)}section:nth-of-type(3n) .card-brutal{background-color:#00000026!important;border-color:var(--color-bg-dark);box-shadow:8px 8px 0 var(--color-bg-dark);color:#fff}section:nth-of-type(3n) .card-brutal:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--color-bg-dark)}.card-brutal h4{font-family:var(--font-display)}section:nth-of-type(3n+1) .card-brutal h4{color:var(--color-bg-dark)}section:nth-of-type(3n+2) .card-brutal h4{color:var(--color-bg-cream)}section:nth-of-type(3n) .card-brutal h4{color:var(--color-bg-cream)}.card-brutal-dark{background-color:var(--color-bg-dark);color:var(--color-text-light);border:4px solid var(--color-bg-dark);box-shadow:8px 8px 0 var(--color-bg-red);padding:2.5rem;border-radius:0}section:nth-of-type(3n+2) .card-brutal-dark{border-color:var(--color-text-light);box-shadow:8px 8px 0 var(--color-text-light)}section:nth-of-type(3n) .card-brutal-dark{border-color:var(--color-bg-dark);box-shadow:8px 8px 0 var(--color-bg-dark)}.card-brutal-dark h4{font-family:var(--font-display);color:var(--color-bg-cream)!important}.purple-cow-card{background-color:var(--color-bg-purple);color:#fff;border:4px solid var(--color-bg-dark);box-shadow:10px 10px 0 var(--color-bg-dark);padding:3rem;position:relative;overflow:hidden;margin:3.5rem 0}.purple-cow-card h3{font-family:var(--font-serif);font-size:clamp(2.2rem,5vw,3.8rem);color:var(--color-bg-cream);text-shadow:3px 3px 0px var(--color-bg-dark);margin-bottom:1.5rem;line-height:1}.purple-cow-card:after{content:"🐄";position:absolute;bottom:-30px;right:-20px;font-size:10rem;opacity:.18;transform:rotate(-12deg);pointer-events:none}.purple-cow-text{font-size:1.15rem;line-height:1.7;color:#fff;max-width:85%}.purple-cow-text strong{color:var(--color-bg-cream)}.grid-coords-brutal{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;margin:2.5rem 0}.grid-coords-brutal .coord-card{grid-column:span 2;text-align:center;font-family:var(--font-display);font-weight:900;font-size:1.05rem;padding:1.5rem 1rem!important}.grid-coords-brutal .coord-card:nth-child(4){grid-column:2 / span 2}.grid-coords-brutal .coord-card:nth-child(5){grid-column:4 / span 2}@media (max-width: 768px){.grid-coords-brutal{grid-template-columns:1fr}.grid-coords-brutal .coord-card{grid-column:span 1!important}}.prompts-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:3.5rem 0}.prompts-layout-grid .prompt-container:nth-child(5){grid-column:1 / span 2;max-width:800px;margin-left:auto;margin-right:auto;width:100%}@media (max-width: 900px){.prompts-layout-grid{grid-template-columns:1fr}.prompts-layout-grid .prompt-container:nth-child(5){grid-column:span 1}}.prompt-container{background-color:#121212;border:4px solid var(--color-bg-dark);border-radius:0;padding:3.8rem 2rem 2.2rem;margin:0;position:relative;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:12px 12px}section:nth-of-type(3n+1) .prompt-container{box-shadow:10px 10px 0 var(--color-bg-red)}section:nth-of-type(3n+2) .prompt-container{border-color:var(--color-text-light);box-shadow:10px 10px 0 var(--color-text-light)}section:nth-of-type(3n) .prompt-container{border-color:var(--color-bg-dark);box-shadow:10px 10px 0 var(--color-bg-dark)}.prompt-container:before{content:"📟 CONSOLA DE DIRECCIÓN // NANO BANANA PRO";position:absolute;top:0;left:0;width:100%;font-family:var(--font-mono);font-size:.72rem;font-weight:900;padding:.5rem 1rem;letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}section:nth-of-type(3n+1) .prompt-container:before{background-color:var(--color-bg-red);color:#fff;border-bottom:4px solid var(--color-bg-dark)}section:nth-of-type(3n+2) .prompt-container:before{background-color:var(--color-bg-cream);color:var(--color-bg-dark);border-bottom:4px solid var(--color-text-light)}section:nth-of-type(3n) .prompt-container:before{background-color:var(--color-bg-cream);color:var(--color-bg-dark);border-bottom:4px solid var(--color-bg-dark)}.prompt-header{border-bottom:2px dashed rgba(255,255,255,.2);padding-bottom:1.25rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%}.prompt-label{color:var(--color-bg-cream);font-family:var(--font-display);font-weight:900;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;flex:1 1 auto;min-width:180px}.copy-btn{border:3px solid #ffffff;color:#fff;font-family:var(--font-display);font-weight:900;font-size:.8rem;padding:.5rem 1.2rem;background-color:transparent;box-shadow:4px 4px #ffffff40;transform:translate(0);transition:all .15s ease;text-transform:uppercase;flex:0 0 auto}.copy-btn:hover{background-color:var(--color-bg-cream);border-color:var(--color-bg-cream);color:var(--color-bg-dark);box-shadow:0 0 0 transparent;transform:translate(4px,4px)}.prompt-text{font-family:var(--font-mono);font-size:.95rem;color:#0f6;background-color:#080808;padding:1.5rem;border:2px solid rgba(255,255,255,.1);border-left:5px solid var(--color-bg-red);border-radius:0;margin-top:1.5rem;line-height:1.7}section:nth-of-type(3n+2) .prompt-text{border-left-color:var(--color-bg-cream)}section:nth-of-type(3n) .prompt-text{border-left-color:var(--color-bg-cream)}.prompt-builder-panel{background-color:#ffffff0d;border:4px solid var(--color-bg-dark)!important;box-shadow:8px 8px 0 var(--color-bg-dark);padding:2.5rem;margin:3.5rem 0;width:100%}section:nth-of-type(3n) .prompt-builder-panel{background-color:#00000026;box-shadow:8px 8px 0 var(--color-bg-dark)}section:nth-of-type(3n+1) .prompt-builder-panel{background-color:#0000000a;box-shadow:8px 8px 0 var(--color-bg-dark)}section:nth-of-type(3n+2) .prompt-builder-panel{background-color:#ffffff0a;border-color:var(--color-text-light)!important;box-shadow:8px 8px 0 var(--color-text-light)}.builder-group{margin-bottom:1.25rem}.builder-label{font-family:var(--font-display);font-weight:800;font-size:.85rem;text-transform:uppercase;color:var(--color-bg-red);display:block;margin-bottom:.5rem;letter-spacing:1px}section:nth-of-type(3n+2) .builder-label{color:var(--color-bg-cream)}section:nth-of-type(3n) .builder-label{color:var(--color-bg-cream)}.builder-options{display:flex;flex-wrap:wrap;gap:.5rem}.opt-btn{background-color:transparent;border:2px solid var(--color-bg-dark);font-family:var(--font-display);font-weight:700;font-size:.8rem;padding:.4rem 1rem;cursor:pointer;transition:all .15s ease;border-radius:0}section:nth-of-type(3n+2) .opt-btn{border-color:var(--color-text-light);color:var(--color-text-light)}section:nth-of-type(3n) .opt-btn{border-color:#fff;color:#fff}.opt-btn:hover{background-color:#0000000d}section:nth-of-type(3n+2) .opt-btn:hover{background-color:#ffffff0d}.opt-btn.active{background-color:var(--color-bg-dark);color:var(--color-bg-cream);box-shadow:3px 3px 0 var(--color-bg-red);transform:translate(-2px,-2px)}section:nth-of-type(3n+2) .opt-btn.active{background-color:var(--color-bg-cream);color:var(--color-bg-dark);border-color:var(--color-bg-cream);box-shadow:3px 3px 0 var(--color-bg-red)}section:nth-of-type(3n) .opt-btn.active{background-color:var(--color-bg-cream);color:var(--color-bg-dark);border-color:var(--color-bg-cream);box-shadow:3px 3px 0 var(--color-bg-dark)}.before-after-slider{position:relative;width:100%;max-width:480px;aspect-ratio:4 / 3;border:4px solid var(--color-bg-dark);box-shadow:8px 8px 0 var(--color-bg-red);overflow:hidden;margin:1.5rem auto}section:nth-of-type(3n+2) .before-after-slider{border-color:var(--color-text-light);box-shadow:8px 8px 0 var(--color-text-light)}section:nth-of-type(3n) .before-after-slider{border-color:var(--color-bg-dark);box-shadow:8px 8px 0 var(--color-bg-dark)}.before-after-slider .img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;pointer-events:none}.before-after-slider .foreground-img{z-index:2;clip-path:polygon(0 0,var(--slider-pos, 50%) 0,var(--slider-pos, 50%) 100%,0 100%)}.before-after-slider .slider-line{position:absolute;top:0;bottom:0;left:var(--slider-pos, 50%);width:4px;background-color:var(--color-bg-dark);z-index:3;pointer-events:none;transform:translate(-50%)}.before-after-slider .slider-handle{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;background:transparent;outline:none;margin:0;top:0;left:0;z-index:10;cursor:ew-resize}.before-after-slider .slider-handle::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:4px solid var(--color-bg-dark);border-radius:50%;background-color:var(--color-bg-cream);box-shadow:2px 2px 0 var(--color-bg-dark);cursor:ew-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='%23050505'%3E%3Cpath d='M7 16l-4-4 4-4v8zm10-8l4 4-4 4V8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.before-after-slider .slider-handle::-moz-range-thumb{width:40px;height:40px;border:4px solid var(--color-bg-dark);border-radius:50%;background-color:var(--color-bg-cream);box-shadow:2px 2px 0 var(--color-bg-dark);cursor:ew-resize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='%23050505'%3E%3Cpath d='M7 16l-4-4 4-4v8zm10-8l4 4-4 4V8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.scrapbook-note{background-color:var(--color-accent-crema)!important;color:var(--color-bg-dark)!important;border:4px solid var(--color-bg-dark)!important;padding:1.25rem!important;font-family:var(--font-mono)!important;font-size:.8rem!important;box-shadow:6px 6px 0 var(--color-bg-red)!important;transform:rotate(1.5deg);margin-top:1.25rem;width:100%;max-width:440px;display:flex;flex-direction:column;gap:.35rem;position:relative;z-index:1}section:nth-of-type(3n+2) .scrapbook-note{box-shadow:6px 6px 0 var(--color-text-light)!important}.scrapbook-note h5{font-family:var(--font-display)!important;font-weight:900!important;text-transform:uppercase!important;margin:0 0 .4rem!important;font-size:.9rem!important;border-bottom:2px dashed var(--color-bg-dark)!important;padding-bottom:.2rem!important;color:var(--color-bg-dark)!important}.scrapbook-note ul{list-style:none!important;padding:0!important;margin:0!important;display:flex;flex-direction:column;gap:.3rem}.scrapbook-note li{display:flex;justify-content:space-between;align-items:center}.scrapbook-note li span.label{font-weight:700}.scrapbook-note li span.value{color:var(--color-bg-red);font-weight:700}.step-container{max-width:1100px;margin-left:auto;margin-right:auto}.tape-sticker-decoration{position:absolute;background-color:var(--color-accent-crema);color:var(--color-bg-dark);font-family:var(--font-handwritten);font-size:.9rem;padding:.25rem 1rem;border:2px solid var(--color-bg-dark);box-shadow:2px 2px 0 var(--color-bg-dark);transform:rotate(-5deg);z-index:2;pointer-events:none}.brutal-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#050505f5;z-index:99999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.brutal-lightbox.active{opacity:1;pointer-events:auto}.lightbox-content{position:relative;max-width:90%;max-height:85%;display:flex;flex-direction:column;align-items:center;border:4px solid var(--color-bg-cream);box-shadow:15px 15px 0 var(--color-bg-red);background-color:var(--color-bg-dark);padding:1rem}.lightbox-img{max-width:100%;max-height:70vh;object-fit:contain;display:block}.lightbox-close{position:absolute;top:-25px;right:-25px;color:#fff;font-size:2.5rem;font-weight:900;cursor:pointer}.lightbox-caption{color:#fff;font-family:var(--font-display);font-weight:800;margin-top:1rem;text-transform:uppercase}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}@media (max-width: 768px){.compare-grid{grid-template-columns:1fr}}.compare-box{border:4px solid var(--color-bg-dark);padding:2rem;border-radius:0;position:relative}section:nth-of-type(3n+1) .compare-box{background-color:#0000000a}section:nth-of-type(3n+2) .compare-box{background-color:#ffffff0a}section:nth-of-type(3n) .compare-box{background-color:#00000026}.compare-box.bad{border-color:var(--color-bg-red);box-shadow:8px 8px 0 var(--color-bg-red)}.compare-box.good{box-shadow:8px 8px 0 var(--color-bg-dark)}section:nth-of-type(3n+2) .compare-box.good{border-color:var(--color-text-light);box-shadow:8px 8px 0 var(--color-text-light)}section:nth-of-type(3n) .compare-box.good{border-color:var(--color-bg-dark);box-shadow:8px 8px 0 var(--color-bg-dark)}.compare-badge{position:absolute;top:-15px;left:20px;font-family:var(--font-display);font-weight:900;font-size:.8rem;padding:.25rem .75rem;text-transform:uppercase;color:#fff}.compare-badge.bad{background-color:var(--color-bg-red)}.compare-badge.good{background-color:var(--color-bg-dark)}section:nth-of-type(3n+2) .compare-badge.good{background-color:var(--color-bg-cream);color:var(--color-bg-dark)}section:nth-of-type(3n) .compare-badge.good{background-color:var(--color-bg-dark);color:#fff}.table-brutal-wrapper{border:4px solid var(--color-bg-dark);box-shadow:8px 8px 0 var(--color-bg-dark);border-radius:0;overflow:hidden;margin:2rem 0}section:nth-of-type(3n+2) .table-brutal-wrapper{border-color:var(--color-text-light);box-shadow:8px 8px 0 var(--color-text-light)}section:nth-of-type(3n) .table-brutal-wrapper{border-color:var(--color-bg-dark);box-shadow:8px 8px 0 var(--color-bg-dark)}.table-brutal{width:100%;border-collapse:collapse}.table-brutal th{background-color:var(--color-bg-dark);color:#fff;font-family:var(--font-display);font-weight:900;padding:1rem;text-align:left}section:nth-of-type(3n+2) .table-brutal th{background-color:var(--color-bg-cream);color:var(--color-bg-dark)}section:nth-of-type(3n) .table-brutal th{background-color:var(--color-bg-dark);color:#fff}.table-brutal td{background-color:#fff;color:var(--color-bg-dark);padding:1rem;border-bottom:3px solid var(--color-bg-dark);font-size:.95rem}section:nth-of-type(3n+2) .table-brutal td{background-color:#121212;color:var(--color-text-light);border-bottom:3px solid var(--color-text-light)}section:nth-of-type(3n) .table-brutal td{background-color:#00000026;color:#fff;border-bottom:3px solid var(--color-bg-dark)}.table-brutal tr:last-child td{border-bottom:none}.spark-particle{position:absolute;pointer-events:none;z-index:10000;opacity:1;animation:spark-drift .8s cubic-bezier(.1,.8,.2,1) forwards}@keyframes spark-drift{to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot));opacity:0}}.spark-circle{border-radius:50%}.spark-square{border-radius:2px}.spark-cross:after{content:"+";font-family:Space Mono,monospace;font-size:14px;font-weight:900;display:block;text-align:center;line-height:1}.spark-triangle{width:0!important;height:0!important;border-left:6px solid transparent!important;border-right:6px solid transparent!important;border-bottom:12px solid currentColor!important;background-color:transparent!important}.step-container{display:grid;grid-template-columns:1.2fr 1fr;gap:3.5rem;margin-bottom:4.5rem;align-items:center}@media (max-width: 900px){.step-container{grid-template-columns:1fr;gap:2rem}}.collage-figure{position:relative;background-color:#fff;border:4px solid var(--color-bg-dark);padding:.8rem;border-radius:0;display:inline-block;width:100%;max-width:480px}section:nth-of-type(3n+1) .collage-figure{box-shadow:10px 10px 0 var(--color-bg-dark)}section:nth-of-type(3n+2) .collage-figure{box-shadow:10px 10px 0 var(--color-text-light)}section:nth-of-type(3n) .collage-figure{box-shadow:10px 10px 0 var(--color-bg-dark)}.collage-figure img{width:100%;height:auto;display:block;border:3px solid var(--color-bg-dark)}.collage-figure-caption{font-family:var(--font-handwritten);font-size:1.25rem;color:var(--color-bg-dark);margin-top:.75rem;text-align:center;border-top:2px dashed var(--color-bg-dark);padding-top:.5rem}.cta-button{background-color:var(--color-bg-red);color:#fff!important;font-family:var(--font-display);font-weight:900;font-size:1.1rem;text-transform:uppercase;padding:1rem 2.5rem;border:4px solid var(--color-bg-dark);box-shadow:8px 8px 0 var(--color-bg-dark);display:inline-flex;align-items:center;gap:.75rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;text-decoration:none}section:nth-of-type(3n+1) .cta-button{border-color:var(--color-bg-dark);box-shadow:8px 8px 0 var(--color-bg-dark)}section:nth-of-type(3n+2) .cta-button{border-color:var(--color-text-light);box-shadow:8px 8px 0 var(--color-text-light)}section:nth-of-type(3n) .cta-button{border-color:var(--color-bg-dark);box-shadow:8px 8px 0 var(--color-bg-dark)}.cta-button:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--color-bg-dark);background-color:#ff221c}section:nth-of-type(3n+2) .cta-button:hover{box-shadow:11px 11px 0 var(--color-text-light)}.cta-button.highlight-cta{background-color:var(--color-bg-dark);color:var(--color-bg-cream)!important;box-shadow:8px 8px 0 var(--color-bg-red)}section:nth-of-type(3n+1) .cta-button.highlight-cta{background-color:var(--color-bg-dark);color:var(--color-bg-cream)!important;box-shadow:8px 8px 0 var(--color-bg-red)}section:nth-of-type(3n+2) .cta-button.highlight-cta{background-color:var(--color-bg-cream);color:var(--color-bg-dark)!important;box-shadow:8px 8px 0 var(--color-bg-red);border-color:var(--color-bg-dark)}section:nth-of-type(3n) .cta-button.highlight-cta{background-color:var(--color-bg-cream);color:var(--color-bg-dark)!important;box-shadow:8px 8px 0 var(--color-bg-dark);border-color:var(--color-bg-dark)}.cta-button.highlight-cta:hover{background-color:#1a1a1a;box-shadow:11px 11px 0 var(--color-bg-red)}section:nth-of-type(3n+2) .cta-button.highlight-cta:hover{background-color:#f7c348}section:nth-of-type(3n) .cta-button.highlight-cta:hover{background-color:#f7c348;box-shadow:11px 11px 0 var(--color-bg-dark)}.reveal-element{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.reveal-element.visible{opacity:1;transform:translateY(0)}.grid-2-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0}@media (max-width: 768px){.grid-2-2{grid-template-columns:1fr}}.hero-banner-container{border:6px solid var(--color-bg-dark)!important;box-shadow:12px 12px 0 var(--color-bg-red)!important;max-width:1000px!important;margin:0 auto!important;box-sizing:border-box!important}@media (max-width: 1024px){.app-container{flex-direction:column}.sidebar{width:100%!important;height:auto!important;position:relative!important;border-right:none!important;border-bottom:4px solid var(--color-bg-dark)!important;padding:1.5rem!important;flex-direction:row!important;align-items:center!important;flex-shrink:unset!important}.sidebar .nav-menu,.sidebar .sidebar-footer{display:none!important}section{padding:4rem 2rem}.step-container{grid-template-columns:1fr;gap:2rem}.step-container:nth-child(2n){direction:ltr}}@media (max-width: 768px){section{padding:3rem 1.25rem}.section-title{font-size:clamp(1.8rem,7vw,2.6rem);letter-spacing:-.5px;margin-bottom:2rem}.step-container{display:flex!important;flex-direction:column!important;gap:1.5rem!important;margin-bottom:3.5rem}.step-container:nth-child(2n){direction:ltr!important;flex-direction:column!important}[style*="grid-template-columns: 1.1fr 0.9fr"],[style*="grid-template-columns: 1.15fr 0.85fr"],[style*="grid-template-columns: 1.25fr 0.75fr"],[style*="grid-template-columns: 1fr 1fr"]{display:flex!important;flex-direction:column!important;gap:2rem!important}.prompt-header{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width: 480px){section{padding:2.5rem 1rem}.section-title{font-size:clamp(1.5rem,8vw,2rem)}}