@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#ff5a5f;--primary-hover:#e31c5f;--primary-dark:#b52330;--primary-tint:#ff5a5f1f;--bg-color:#fcf8ff;--surface-color:#fff;--on-surface:#1a1a2e;--on-surface-variant:#5a403f;--surface-container-low:#f5f2ff;--success-color:#008489;--text-main:#222;--text-muted:#717171;--border-color:#ebebeb;--success:#00a699;--warning:#fc642d;--font-family:"Inter", system-ui, -apple-system, sans-serif;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 24px #0000001f;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--text-display:clamp(36px, 5vw, 48px);--text-headline-lg:clamp(26px, 3.5vw, 32px);--text-headline-md:clamp(20px, 2.5vw, 24px);--text-body-lg:18px;--text-body-md:16px;--text-label-md:14px;--text-label-sm:12px;--leading-display:1.17;--leading-body:1.6;--sidebar-bg:#1a1a2e;--sidebar-text:#c6c4df;--sidebar-text-muted:#9391ab;--sidebar-accent:#7af7e8;--sidebar-active-bg:#ff5a5f2e;--sidebar-active-text:#ff5a5f;--sidebar-hover-bg:#e2e0fc12;--sidebar-border:#c6c4df26;--sidebar-brand-title:#e2e0fc}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){@keyframes fadeSlideIn{0%{opacity:0}to{opacity:1}}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);width:260px;font-family:var(--font-family);flex-direction:column;align-self:flex-start;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid var(--sidebar-border);padding:24px}.sidebar-brand{align-items:center;gap:12px;display:flex}.sidebar-brand-icon{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.sidebar-brand-title{font-size:var(--text-label-md);color:var(--sidebar-brand-title);margin:0;font-weight:700;line-height:1.2}.sidebar-brand-sub{color:var(--sidebar-text-muted);letter-spacing:.3px;margin:0;font-size:11px;font-weight:500}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#c6c4df33 transparent;flex:1;padding:16px 12px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#c6c4df33;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#c6c4df66}.nav-item{color:var(--sidebar-text);font-weight:500;font-size:var(--text-label-md);cursor:pointer;width:100%;font-family:var(--font-family);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{background-color:var(--sidebar-hover-bg);color:#e2e0fc}.nav-item.active{background-color:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left:3px solid var(--primary);padding-left:11px;font-weight:600}.nav-landing-parent{color:var(--sidebar-accent);font-weight:600}.nav-landing-parent:hover{color:var(--sidebar-accent);background-color:#7af7e814}.nav-submenu{border-left:1px solid var(--sidebar-border);margin-bottom:4px;margin-left:12px;padding-left:12px}.nav-subitem{font-size:var(--text-label-sm);color:var(--sidebar-text-muted);padding:8px 12px}.nav-subitem:hover{color:var(--sidebar-accent);background-color:#7af7e80f}.nav-subitem.active{color:var(--primary);background-color:var(--sidebar-active-bg);border-left:2px solid var(--primary);padding-left:10px}.main-content{flex:1;padding:40px;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-title{font-size:28px;font-weight:700}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-outline{color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background-color:#0000;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-outline:hover{background-color:var(--bg-color)}.properties-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.property-card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid var(--border-color);transition:all .3s;overflow:hidden}.property-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.property-image{object-fit:cover;width:100%;height:200px}.property-info{padding:20px}.property-name{margin-bottom:8px;font-size:18px;font-weight:600}.property-location{color:var(--text-muted);align-items:center;gap:4px;margin-bottom:16px;font-size:14px;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-color);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);position:relative;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-body{padding:24px}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.modal-close:hover{background:var(--bg-color);color:var(--text-main)}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--primary);outline:none}.detail-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:16px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-muted);font-size:14px}.detail-value{font-size:14px;font-weight:600}.kanban-board{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:20px;display:grid}.kanban-column{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:20px;box-shadow:0 2px 6px #0000000a}.kanban-column:first-child{border-top:3px solid #fc642d}.kanban-column:nth-child(2){border-top:3px solid #3b82f6}.kanban-column:nth-child(3){border-top:3px solid #008489}.kanban-header{text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.kanban-badge{background:var(--bg-color);color:var(--text-muted);letter-spacing:0;text-transform:none;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700}.kanban-column:first-child .kanban-badge{color:#fc642d;background:#fc642d1a}.kanban-column:nth-child(2) .kanban-badge{color:#3b82f6;background:#3b82f61a}.kanban-column:nth-child(3) .kanban-badge{color:#008489;background:#0084891a}.task-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px;transition:all .2s}.task-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.task-card:last-child{margin-bottom:0}.task-type{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.type-limpieza{color:var(--success);background-color:#00a6991a}.type-mantenimiento{color:var(--warning);background-color:#fc642d1a}.task-title{color:var(--text-main);margin-bottom:8px;font-size:14px;font-weight:600}.task-footer{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;display:flex}.spin{animation:.7s linear infinite spin}@keyframes slideInToast{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.nav-separator{background:var(--sidebar-border);height:1px;margin:10px 4px}.nav-delete{color:#ff8083;font-weight:600;font-size:var(--text-label-md);font-family:var(--font-family);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .15s;display:flex}.nav-delete:hover{background:#ff5a5f1f}.nav-edit{color:#a9a3f7;font-weight:600;font-size:var(--text-label-md);font-family:var(--font-family);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .15s;display:flex}.nav-edit:hover{background:#6b5bff1f}.type-revision{color:#3b82f6;background-color:#3b82f61a}.type-otro{color:#8b5cf6;background-color:#8b5cf61a}.form-error{color:var(--primary);margin-top:4px;font-size:12px;display:block}.property-image-placeholder{background:var(--bg-color);width:100%;height:200px;color:var(--primary);letter-spacing:2px;justify-content:center;align-items:center;font-size:42px;font-weight:700;display:flex}.sidebar-cta-area{padding:16px 12px 12px;border-top:1px solid var(--sidebar-border)!important}.sidebar-cta-btn{background:var(--primary);color:#fff;width:100%;font-size:var(--text-label-md);font-weight:600;font-family:var(--font-family);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;transition:background .2s,transform .1s;display:flex}.sidebar-cta-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.nav-item-settings{color:var(--sidebar-text-muted);font-size:var(--text-label-sm);font-weight:400}.nav-item-settings:hover{color:var(--sidebar-text);background-color:var(--sidebar-hover-bg)}.stitch-kpi-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:24px;transition:box-shadow .25s,transform .2s}.stitch-kpi-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000001a}.stitch-kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.stitch-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stitch-trend-up{color:#008489;background:#0084891a;border-radius:20px;align-items:center;gap:2px;padding:3px 8px;font-size:11px;font-weight:700;display:flex}.stitch-trend-neutral{color:#5a403f;background:#5a403f1a;border-radius:20px;align-items:center;gap:2px;padding:3px 8px;font-size:11px;font-weight:700;display:flex}.stitch-trend-down{color:#b52330;background:#b523301a;border-radius:20px;align-items:center;gap:2px;padding:3px 8px;font-size:11px;font-weight:700;display:flex}.stitch-kpi-label{color:var(--on-surface-variant);margin:0 0 4px;font-size:13px;font-weight:500;line-height:1.4}.stitch-kpi-value{letter-spacing:-.02em;color:var(--on-surface);margin:0;font-size:48px;font-weight:700;line-height:1.1}.stitch-kpi-sparkline{width:100%;height:40px;margin-top:16px;overflow:hidden}.stitch-kpi-sparkline svg{width:100%;height:100%}.stitch-fin-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:20px;transition:box-shadow .2s}.stitch-fin-card:hover{box-shadow:0 4px 14px #00000014}.stitch-fin-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;display:flex}.stitch-fin-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:12px;font-weight:500}.stitch-fin-value{color:var(--on-surface);letter-spacing:-.01em;margin:0;font-size:21px;font-weight:700}.stitch-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:24px}.stitch-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.stitch-section-title{color:var(--on-surface);align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;display:flex}.stitch-section-icon{color:#6b5bff;background:#6b5bff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stitch-section-sub{color:var(--text-muted);margin:2px 0 0;font-size:12px}.stitch-period-btn{color:var(--text-main);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-family);background:#fff;border:1.5px solid #ddd;border-radius:20px;padding:5px 14px;transition:all .15s}.stitch-period-btn:hover{border-color:var(--primary);color:var(--primary-dark)}.stitch-period-btn.active{border-color:var(--primary-dark);background:var(--primary-dark);color:#fff}.property-card-stitch{cursor:pointer;background:#fff;border:1px solid #ebebeb;border-radius:12px;transition:box-shadow .25s,transform .2s;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000a}.property-card-stitch:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001a}.property-card-stitch .property-info{padding:16px 20px 20px}.property-card-stitch .property-name{color:var(--on-surface);margin-bottom:6px;font-size:16px;font-weight:600}.property-card-stitch .property-location{color:var(--on-surface-variant);gap:5px;margin-bottom:0;font-size:13px;font-weight:400}.stitch-topbar{z-index:10;background:#fff;border-bottom:1px solid #ebebeb;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:sticky;top:0}.stitch-topbar-search{background:var(--bg-color);color:var(--text-muted);cursor:text;border:1px solid #ebebeb;border-radius:8px;align-items:center;gap:8px;min-width:240px;padding:8px 14px;font-size:14px;display:flex}.stitch-topbar-actions{align-items:center;gap:8px;display:flex}.stitch-topbar-icon-btn{width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:#fff;border:1px solid #ebebeb;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.stitch-topbar-icon-btn:hover{background:var(--bg-color);color:var(--text-main)}.stitch-topbar-avatar{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;transition:background .2s;display:flex}.stitch-topbar-avatar:hover{background:var(--bg-color)}.stitch-avatar-circle{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.stitch-avatar-label{color:var(--text-main);font-size:13px;font-weight:600;line-height:1.2}.stitch-avatar-sub{color:var(--text-muted);font-size:11px}.main-content-with-topbar{flex-direction:column;flex:1;display:flex}.main-content-body{flex:1;padding:32px 40px}.extractor-card{border:1px solid var(--border-color);text-align:center;background:#fff;border-radius:16px;max-width:800px;margin:40px auto;padding:60px 40px;box-shadow:0 4px 20px #00000005}.extractor-icon-container{width:64px;height:64px;color:var(--primary-color);background:#1e3a8a0d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.spinner{border:4px solid #1e3a8a1a;border-left-color:var(--primary-color);border-radius:50%;width:50px;height:50px;margin:0 auto;animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.editor-grid{grid-template-columns:240px 1fr;align-items:start;gap:24px;display:grid}.editor-sidebar-tabs{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.tab-item-btn{text-align:left;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.tab-item-btn:hover{background:var(--bg-light);color:var(--text-main)}.tab-item-btn.active{background:var(--primary-light);color:var(--primary-color)}.editor-content-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;min-height:500px;padding:32px}.tab-pane-content{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-form-title{color:var(--text-main);border-bottom:2px solid var(--bg-light);margin:0 0 24px;padding-bottom:12px;font-size:18px;font-weight:800}.form-group{margin-bottom:20px}.form-label{color:var(--text-main);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-input{border:1.5px solid var(--border-color);box-sizing:border-box;background:#fff;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--primary-color)}@media (width<=768px){.editor-grid{grid-template-columns:1fr}.editor-sidebar-tabs{white-space:nowrap;flex-direction:row;padding:8px;overflow-x:auto}.tab-item-btn{padding:8px 14px;font-size:13px}}.guide-wrapper{--guide-primary:#1e3a8a;--guide-primary-light:#eff6ff;--guide-accent:#ff5a5f;--guide-accent-light:#fff5f5;--guide-success:#00a699;--guide-success-light:#e6fffa;--guide-warning:#fc642d;--guide-warning-light:#fff7f5;--guide-bg-light:#f8fafc;--guide-border:#e2e8f0;--guide-text-dark:#0f172a;--guide-text-muted:#64748b;color:var(--guide-text-dark);background-color:var(--guide-bg-light);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.guide-container{background:#fff;border-radius:16px;max-width:850px;margin:0 auto;overflow:hidden;box-shadow:0 4px 20px #0000000d}.guide-controls{border-bottom:1px solid var(--guide-border);z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.btn-guide-back{color:var(--guide-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-weight:500;transition:all .2s;display:inline-flex}.btn-guide-back:hover{background:var(--guide-primary-light);color:var(--guide-primary)}.btn-guide-print{background:var(--guide-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #1e3a8a40}.btn-guide-print:hover{background:#172554;transform:translateY(-1px)}.guide-page{box-sizing:border-box;background:#fff;flex-direction:column;min-height:1000px;padding:60px 80px;display:flex;position:relative}.guide-page-footer{border-top:1px solid var(--guide-border);color:var(--guide-text-muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:11px;font-weight:500;display:flex}.guide-cover{text-align:center;min-height:1000px;color:var(--guide-text-dark);border:1px solid var(--guide-border);background:#fff;border-radius:16px 16px 0 0;flex-direction:column;justify-content:space-between;align-items:center;padding:80px 60px;display:flex}.cover-header{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.cover-logos-container{justify-content:center;align-items:center;gap:24px;width:100%;margin-bottom:8px;display:flex}.logo-box{justify-content:center;align-items:center;height:48px;display:flex}.logo-box img{object-fit:contain;max-width:140px;height:100%}.logo-divider{background-color:var(--guide-border);width:1px;height:32px}.cover-tagline{text-transform:uppercase;letter-spacing:2px;color:var(--guide-text-muted);font-size:12px;font-weight:700}.cover-title-group{margin:40px 0}.cover-title{letter-spacing:-.5px;color:var(--guide-text-dark);margin-bottom:12px;font-size:40px;font-weight:800;line-height:1.25}.cover-subtitle{color:var(--guide-text-muted);font-size:18px;font-weight:500}.cover-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.cover-stat-badge{color:var(--guide-accent);border:2px solid var(--guide-accent);background:#fff;border-radius:30px;padding:8px 18px;font-size:14px;font-weight:600;box-shadow:0 2px 6px #ff5a5f14}.cover-address{max-width:500px;color:var(--guide-text-dark);margin:0 auto 16px;font-size:15px;line-height:1.5}.cover-link{color:var(--guide-accent);font-size:15px;font-weight:600;text-decoration:underline}.cover-link:hover{color:#e31c5f}.cover-footer{border-top:1px solid var(--guide-border);text-align:left;width:100%;color:var(--guide-text-dark);grid-template-columns:1.2fr .8fr;margin-top:auto;padding-top:32px;font-size:13px;display:grid}.cover-footer-left{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.cover-footer-logo{object-fit:contain;height:32px}.cover-social-icons{align-items:center;gap:10px;display:flex}.social-icon{background:var(--guide-primary-light);width:32px;height:32px;color:var(--guide-primary);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.social-icon:hover{background:var(--guide-accent);color:#fff;transform:translateY(-2px)}.cover-website{color:var(--guide-text-dark);font-weight:600}.cover-footer-right{text-align:right;flex-direction:column;justify-content:flex-end;gap:4px;display:flex}.cover-phone{margin-bottom:2px;font-size:14px;font-weight:700}.cover-op{opacity:.9;font-size:11px;font-weight:600}.cover-conf,.cover-date{color:var(--guide-text-muted);font-size:11px}.section-header{border-bottom:2px solid var(--guide-border);align-items:center;gap:16px;margin-bottom:24px;padding-bottom:12px;display:flex}.section-bar{background-color:var(--guide-primary);border-radius:4px;width:6px;height:28px}.section-title{color:var(--guide-text-dark);font-size:22px;font-weight:700}.intro-text{color:var(--guide-text-muted);margin-bottom:32px;font-size:15px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--guide-bg-light);border:1px solid var(--guide-border);text-align:center;border-radius:12px;padding:16px;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.stat-label{text-transform:uppercase;color:var(--guide-text-muted);letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.stat-value{color:var(--guide-primary);font-size:24px;font-weight:700}.price-banner{background:var(--guide-accent-light);border:1px dashed var(--guide-accent);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 24px;display:flex}.price-label{color:var(--guide-text-dark);font-size:14px;font-weight:600}.price-value{color:var(--guide-accent);font-size:20px;font-weight:700}.photos-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;display:grid}.photo-wrapper{border:1px solid var(--guide-border);border-radius:12px;height:250px;overflow:hidden;box-shadow:0 4px 10px #0000000f}.photo-img{object-fit:cover;width:100%;height:100%}.access-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.access-card{text-align:center;border:1px solid #0000;border-radius:12px;padding:24px}.access-card.check-in{background:var(--guide-accent-light);border-color:#ff5a5f33}.access-card.check-out{background:var(--guide-success-light);border-color:#00a69933}.access-title{letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700}.access-card.check-in .access-title{color:var(--guide-accent)}.access-card.check-out .access-title{color:var(--guide-success)}.access-time{color:var(--guide-text-dark);margin-bottom:8px;font-size:32px;font-weight:800}.access-note{color:var(--guide-text-muted);font-size:13px}.keypad-banner{background:var(--guide-bg-light);border:1px solid var(--guide-border);border-radius:12px;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.maps-banner{background:var(--guide-success-light);border-left:4px solid var(--guide-success);border-radius:0 12px 12px 0;margin-bottom:24px;padding:16px 20px}.maps-link{color:var(--guide-success);word-break:break-all;font-weight:700;text-decoration:underline}.wifi-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);border-radius:16px;grid-template-columns:2fr 1fr;align-items:center;gap:24px;margin-bottom:32px;padding:32px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #1e3a8a33}.wifi-card:before{content:"";pointer-events:none;background:#ffffff08;border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.wifi-info{flex-direction:column;gap:16px;display:flex}.wifi-label{text-transform:uppercase;color:#fff9;letter-spacing:1px;font-size:11px;font-weight:600}.wifi-value{letter-spacing:.5px;font-size:22px;font-weight:700}.wifi-value.password{color:#fbbf24}.wifi-qr-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.wifi-qr-placeholder{background:#fff;border-radius:6px;justify-content:center;align-items:center;width:90px;height:90px;padding:6px;display:flex}.wifi-qr-text{opacity:.8;text-align:center;font-size:11px;font-weight:500}.manual-box{background:var(--guide-bg-light);border:1px solid var(--guide-border);border-radius:12px;margin-bottom:24px;padding:24px}.manual-title{color:var(--guide-primary);align-items:center;gap:10px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.manual-steps{padding:0;list-style:none}.manual-steps li{margin-bottom:10px;padding-left:28px;font-size:14px;position:relative}.manual-steps li:before{content:counter(item) ".";counter-increment:item;color:var(--guide-primary);font-weight:700;position:absolute;left:0}.manual-steps{counter-reset:item}.amenities-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.amenity-item{background:var(--guide-bg-light);border:1px solid var(--guide-border);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.amenity-icon{color:var(--guide-success);width:18px;height:18px}.rules-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.rule-card{background:var(--guide-accent-light);text-align:center;border:1px solid #ff5a5f26;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;display:flex}.rule-badge{background:var(--guide-accent);color:#fff;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.rule-text{font-size:13px;font-weight:600}.max-guests-alert{background:var(--guide-warning-light);border:1px solid var(--guide-warning);color:var(--guide-warning);border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.additional-rules-list{padding:0;list-style:none}.additional-rules-list li{margin-bottom:12px;padding-left:24px;font-size:14px;position:relative}.additional-rules-list li:before{content:"•";color:var(--guide-accent);font-size:20px;position:absolute;top:-2px;left:6px}.security-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.security-item{background:var(--guide-bg-light);border:1px solid var(--guide-border);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.security-badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.security-badge.yes{background:var(--guide-success-light);color:var(--guide-success)}.security-badge.no{background:var(--guide-accent-light);color:var(--guide-accent)}.checkout-timeline{padding:10px 0;position:relative}.checkout-timeline:before{content:"";background:var(--guide-border);width:2px;position:absolute;top:24px;bottom:24px;left:20px}.checkout-step{gap:20px;margin-bottom:24px;display:flex;position:relative}.checkout-step:last-child{margin-bottom:0}.step-number{background:var(--guide-primary-light);width:42px;height:42px;color:var(--guide-primary);border:2px solid var(--guide-border);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.step-content{background:var(--guide-bg-light);border:1px solid var(--guide-border);border-radius:12px;flex:1;align-items:center;padding:14px 20px;font-size:14px;font-weight:500;display:flex}.contacts-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.contact-card{background:var(--guide-bg-light);border:1px solid var(--guide-border);border-radius:12px;padding:20px}.contact-label{text-transform:uppercase;color:var(--guide-text-muted);margin-bottom:4px;font-size:11px;font-weight:600}.contact-name{margin-bottom:8px;font-size:16px;font-weight:700}.contact-phone{color:var(--guide-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.cancelation-box{background:var(--guide-bg-light);border:1px solid var(--guide-border);border-radius:12px;padding:16px 20px;font-size:14px}.thank-you-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#ff5a5f 0%,#e31c5f 100%);border-radius:16px;margin-top:40px;padding:40px}.thank-you-title{margin-bottom:8px;font-size:26px;font-weight:800}.thank-you-subtitle{opacity:.9;margin-bottom:20px;font-size:16px}.thank-you-link{color:#fff;font-weight:600;text-decoration:underline}.photos-grid.three-cols{grid-template-columns:repeat(3,1fr)!important}.footer-brand-social{align-items:center;gap:12px;display:flex}.footer-social-icons{align-items:center;gap:8px;display:flex}.footer-social-link{color:var(--guide-text-muted);justify-content:center;align-items:center;transition:color .2s;display:inline-flex}.footer-social-link:hover{color:var(--guide-accent)}@media print{@page{size:letter;margin:0}.sidebar{display:none!important}.main-content{width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.app-container{height:auto!important;display:block!important;overflow:visible!important}.guide-controls,.btn-guide-print,.btn-guide-back{display:none!important}.guide-wrapper{background:#fff!important;padding:0!important}.guide-container{box-shadow:none!important;border-radius:0!important;max-width:100%!important;margin:0!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.guide-page{page-break-after:always!important;break-after:page!important;box-sizing:border-box!important;background:#fff!important;flex-direction:column!important;justify-content:flex-start!important;width:8.5in!important;height:11in!important;padding:.4in .5in .3in!important;display:flex!important;overflow:hidden!important}.guide-cover{page-break-after:always!important;break-after:page!important;box-sizing:border-box!important;background:#fff!important;flex-direction:column!important;justify-content:flex-start!important;width:8.5in!important;height:11in!important;padding:.6in .5in .3in!important;display:flex!important;overflow:hidden!important}.guide-page-header,.guide-page-footer,.section-header,.wifi-card,.manual-box,.maps-banner,.inclusions-block,.stats-grid,.photos-grid,.access-grid,.rules-grid,.max-guests-alert,.security-list,.checkout-timeline,.contacts-grid,.cancelation-box,.thank-you-banner,.cover-header,.cover-title-group,.cover-stats,.cover-address-block,.cover-footer{flex-shrink:0!important}.stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-bottom:16px!important}.photos-grid,.access-grid,.amenities-grid,.rules-grid,.contacts-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.rules-grid{grid-template-columns:repeat(3,1fr)!important;margin-bottom:12px!important}.wifi-card{grid-template-columns:2.2fr 1fr!important;gap:16px!important;margin-bottom:16px!important;padding:16px 20px!important}.wifi-info{gap:8px!important}.wifi-value{font-size:16px!important}.wifi-qr-container{padding:8px!important}.wifi-qr-placeholder{width:70px!important;height:70px!important}.wifi-qr-text{font-size:9px!important}.manual-box{margin-bottom:12px!important;padding:12px 16px!important}.manual-title{margin-bottom:6px!important}.maps-banner{margin-bottom:16px!important;padding:10px 14px!important}.inclusions-block{margin-bottom:12px!important;padding:12px 14px!important}.max-guests-alert{margin-bottom:12px!important;padding:10px 14px!important}.security-list{gap:8px!important;margin-bottom:12px!important}.security-item{padding:8px 12px!important}.checkout-timeline{padding:5px 0!important}.checkout-step{gap:12px!important;margin-bottom:12px!important}.step-number{width:32px!important;height:32px!important;font-size:13px!important}.step-content{padding:8px 14px!important}.contacts-grid{gap:12px!important;margin-bottom:16px!important}.contact-card{padding:12px!important}.cancelation-box{margin-bottom:16px!important;padding:10px 14px!important}.thank-you-banner{margin-top:12px!important;margin-bottom:12px!important;padding:20px!important}.thank-you-title{font-size:20px!important}.thank-you-subtitle{margin-bottom:10px!important;font-size:13px!important}.cover-title-group{margin:20px 0!important}.cover-title{margin-bottom:8px!important;font-size:32px!important}.cover-subtitle{font-size:15px!important}.cover-stats{gap:8px!important;margin-bottom:24px!important}.cover-stat-badge{padding:6px 14px!important;font-size:12.5px!important}.cover-address-block{margin-bottom:20px!important}.cover-address{margin-bottom:8px!important;font-size:13.5px!important}.cover-link{font-size:13.5px!important}.cover-footer{padding-top:16px!important}.manual-box,.wifi-card,.rule-card,.access-card,.thank-you-banner,.checkout-timeline{page-break-inside:avoid!important;break-inside:avoid!important}}.pdf-view-wrapper{background-color:#f8fafc;min-height:100vh;padding:40px 20px}.pdf-container{background:#fff;border-radius:16px;margin:0 auto;box-shadow:0 4px 30px #0000000d}.photos-grid.three-cols{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.photos-grid.three-cols .photo-wrapper{height:150px!important}@media print{body{color:#000!important;background:#fff!important;font-size:12pt!important}.no-print{display:none!important}.pdf-view-wrapper{background:0 0!important;padding:0!important}.pdf-container{box-shadow:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.pdf-page-break{page-break-after:always!important;break-after:page!important;box-sizing:border-box!important;flex-direction:column!important;height:100%!important;min-height:297mm!important;padding:20mm 15mm!important;display:flex!important}.manual-box,.rule-card,.amenity-item,.contact-card,.wifi-card{page-break-inside:avoid!important;break-inside:avoid!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.interactive-guide-wrapper{--primary:#b52330;--primary-container:#ff5a5f;--on-primary:#fff;--secondary:#006a62;--secondary-fixed:#7af7e8;--surface:#f9f9f9;--on-surface:#1a1c1c;--on-surface-variant:#5a403f;--surface-container-lowest:#fff;--surface-container-low:#f3f3f3;--surface-container:#eee;--surface-container-high:#e8e8e8;--surface-container-highest:#e2e2e2;--surface-variant:#e2e2e2;--error:#ba1a1a;--error-container:#ffdad6;--on-error-container:#93000a;--outline-variant:#e2bebc;--unit:4px;--margin-mobile:16px;--margin-desktop:32px;--gutter:24px;--container-max:1440px;color:var(--on-surface);background-color:var(--surface);box-sizing:border-box;min-height:100vh;padding-top:64px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.interactive-guide-wrapper *{box-sizing:border-box;margin:0;padding:0}.interactive-guide-wrapper.custom-scrollbar::-webkit-scrollbar{width:6px}.interactive-guide-wrapper.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.interactive-guide-wrapper.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e2e2;border-radius:10px}.interactive-guide-wrapper header.fixed{background-color:var(--surface);border-bottom:1px solid var(--surface-variant);z-index:100;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:64px;display:flex;position:fixed;top:0;left:0;box-shadow:0 1px 3px #0000000d}.interactive-guide-wrapper main{max-width:var(--container-max);box-sizing:border-box;margin:0 auto;padding-top:32px;padding-bottom:96px}.interactive-guide-wrapper .grid{display:grid}.interactive-guide-wrapper .grid-cols-1{grid-template-columns:repeat(1,1fr)}.interactive-guide-wrapper .grid-cols-2{grid-template-columns:repeat(2,1fr)}.interactive-guide-wrapper .grid-cols-4{grid-template-columns:repeat(4,1fr)}.interactive-guide-wrapper .gap-2{gap:8px}.interactive-guide-wrapper .gap-3{gap:12px}.interactive-guide-wrapper .gap-4{gap:16px}.interactive-guide-wrapper .gap-6{gap:24px}.interactive-guide-wrapper .gap-gutter{gap:var(--gutter)}@media (width>=768px){.interactive-guide-wrapper .md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.interactive-guide-wrapper .md\:grid-cols-8{grid-template-columns:repeat(8,1fr)}.interactive-guide-wrapper .md\:grid-cols-12{grid-template-columns:repeat(12,1fr)}.interactive-guide-wrapper .md\:col-span-4{grid-column:span 4}.interactive-guide-wrapper .md\:col-span-5{grid-column:span 5}.interactive-guide-wrapper .md\:col-span-6{grid-column:span 6}.interactive-guide-wrapper .md\:col-span-7{grid-column:span 7}.interactive-guide-wrapper .md\:col-span-8{grid-column:span 8}.interactive-guide-wrapper .md\:col-span-12{grid-column:span 12}}@media (width>=1024px){.interactive-guide-wrapper .lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}.interactive-guide-wrapper .flex{display:flex}.interactive-guide-wrapper .flex-col{flex-direction:column}.interactive-guide-wrapper .flex-wrap{flex-wrap:wrap}.interactive-guide-wrapper .justify-between{justify-content:space-between}.interactive-guide-wrapper .justify-center{justify-content:center}.interactive-guide-wrapper .items-center{align-items:center}.interactive-guide-wrapper .items-end{align-items:flex-end}.interactive-guide-wrapper .items-start{align-items:flex-start}.interactive-guide-wrapper .relative{position:relative}.interactive-guide-wrapper .absolute{position:absolute}.interactive-guide-wrapper .fixed{position:fixed}.interactive-guide-wrapper .inset-0{inset:0}.interactive-guide-wrapper .z-0{z-index:0}.interactive-guide-wrapper .z-10{z-index:10}.interactive-guide-wrapper .z-50{z-index:50}.interactive-guide-wrapper .bottom-0{bottom:0}.interactive-guide-wrapper .top-0{top:0}.interactive-guide-wrapper .h-full{height:100%}.interactive-guide-wrapper .h-\[500px\]{height:500px}.interactive-guide-wrapper .w-full{width:100%}.interactive-guide-wrapper .w-14{width:56px}.interactive-guide-wrapper .h-14{height:56px}.interactive-guide-wrapper .w-16{width:64px}.interactive-guide-wrapper .h-16{height:64px}.interactive-guide-wrapper .w-32{width:128px}.interactive-guide-wrapper .h-32{height:128px}.interactive-guide-wrapper .w-6{width:24px}.interactive-guide-wrapper .h-6{height:24px}.interactive-guide-wrapper .w-1\.5{width:6px}.interactive-guide-wrapper .h-1\.5{height:6px}.interactive-guide-wrapper .aspect-square{aspect-ratio:1}.interactive-guide-wrapper .object-cover{object-fit:cover}.interactive-guide-wrapper .object-contain{object-fit:contain}.interactive-guide-wrapper .overflow-hidden{overflow:hidden}.interactive-guide-wrapper .rounded-lg{border-radius:8px}.interactive-guide-wrapper .rounded-xl{border-radius:12px}.interactive-guide-wrapper .rounded-2xl{border-radius:16px}.interactive-guide-wrapper .rounded-full{border-radius:9999px}.interactive-guide-wrapper .border{border:1px solid var(--surface-variant)}.interactive-guide-wrapper .border-2{border:2px solid var(--surface-variant)}.interactive-guide-wrapper .border-dashed{border-style:dashed}.interactive-guide-wrapper .border-t{border-top:1px solid var(--surface-variant)}.interactive-guide-wrapper .border-b{border-bottom:1px solid var(--surface-variant)}.interactive-guide-wrapper .border-surface-container{border-color:var(--surface-container)}.interactive-guide-wrapper .border-surface-variant{border-color:var(--surface-variant)}.interactive-guide-wrapper .border-blue-100{border-color:#dbeafe}.interactive-guide-wrapper .border-green-100{border-color:#dcfce7}.interactive-guide-wrapper .border-purple-100{border-color:#f3e8ff}.interactive-guide-wrapper .border-yellow-200{border-color:#fef08a}.interactive-guide-wrapper .border-red-100{border-color:#fee2e2}.interactive-guide-wrapper .shadow-sm{box-shadow:0 1px 2px #0000000d}.interactive-guide-wrapper .shadow-md{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a}.interactive-guide-wrapper .shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.interactive-guide-wrapper .shadow-2xl{box-shadow:0 25px 50px -12px #0000002e}.interactive-guide-wrapper .drop-shadow-md{filter:drop-shadow(0 4px 3px #00000026)}.interactive-guide-wrapper .drop-shadow-lg{filter:drop-shadow(0 10px 8px #00000040)}.interactive-guide-wrapper .bg-surface{background-color:var(--surface)}.interactive-guide-wrapper .bg-white{background-color:#fff}.interactive-guide-wrapper .bg-surface-container-lowest{background-color:var(--surface-container-lowest)}.interactive-guide-wrapper .bg-surface-container-low{background-color:var(--surface-container-low)}.interactive-guide-wrapper .bg-surface-container-high{background-color:var(--surface-container-high)}.interactive-guide-wrapper .bg-surface-container-highest{background-color:var(--surface-container-highest)}.interactive-guide-wrapper .bg-surface-container{background-color:var(--surface-container)}.interactive-guide-wrapper .bg-primary{background-color:var(--primary)}.interactive-guide-wrapper .bg-blue-50{background-color:#eff6ff}.interactive-guide-wrapper .bg-orange-50{background-color:#fff7ed}.interactive-guide-wrapper .bg-purple-50{background-color:#faf5ff}.interactive-guide-wrapper .bg-green-50{background-color:#f0fdf4}.interactive-guide-wrapper .bg-red-50{background-color:#fef2f2}.interactive-guide-wrapper .bg-rose-50{background-color:#fff1f2}.interactive-guide-wrapper .bg-cyan-50{background-color:#ecfeff}.interactive-guide-wrapper .bg-yellow-50{background-color:#fefce8}.interactive-guide-wrapper .bg-error-container{background-color:var(--error-container)}.interactive-guide-wrapper .bg-error{background-color:var(--error)}.interactive-guide-wrapper .bg-gray-50{background-color:#f9fafb}.interactive-guide-wrapper .bg-gray-100{background-color:#f3f4f6}.interactive-guide-wrapper .bg-white\/10{background-color:#ffffff1a}.interactive-guide-wrapper .bg-white\/10:hover{background-color:#ffffff2e}.interactive-guide-wrapper .backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.interactive-guide-wrapper .text-on-surface{color:var(--on-surface)}.interactive-guide-wrapper .text-on-surface-variant{color:var(--on-surface-variant)}.interactive-guide-wrapper .text-on-primary{color:var(--on-primary)}.interactive-guide-wrapper .text-white{color:#fff}.interactive-guide-wrapper .text-primary{color:var(--primary)}.interactive-guide-wrapper .text-secondary{color:var(--secondary)}.interactive-guide-wrapper .text-secondary-fixed{color:var(--secondary-fixed)}.interactive-guide-wrapper .text-blue-500{color:#3b82f6}.interactive-guide-wrapper .text-blue-600{color:#2563eb}.interactive-guide-wrapper .text-blue-400{color:#60a5fa}.interactive-guide-wrapper .text-blue-200{color:#bfdbfe}.interactive-guide-wrapper .text-orange-500{color:#f97316}.interactive-guide-wrapper .text-orange-400{color:#fb923c}.interactive-guide-wrapper .text-purple-500{color:#a855f7}.interactive-guide-wrapper .text-purple-600{color:#9333ea}.interactive-guide-wrapper .text-green-500{color:#22c55e}.interactive-guide-wrapper .text-green-600{color:#16a34a}.interactive-guide-wrapper .text-green-400{color:#4ade80}.interactive-guide-wrapper .text-red-500{color:#ef4444}.interactive-guide-wrapper .text-red-600{color:#dc2626}.interactive-guide-wrapper .text-rose-500{color:#f43f5e}.interactive-guide-wrapper .text-cyan-500{color:#06b6d4}.interactive-guide-wrapper .text-yellow-800{color:#854d0e}.interactive-guide-wrapper .text-yellow-700{color:#a16207}.interactive-guide-wrapper .text-yellow-600{color:#ca8a04}.interactive-guide-wrapper .text-error{color:var(--error)}.interactive-guide-wrapper .text-on-error-container{color:var(--on-error-container)}.interactive-guide-wrapper .font-headline-xl{letter-spacing:-.02em;font-family:Manrope,sans-serif;font-size:32px;font-weight:700;line-height:40px}.interactive-guide-wrapper .font-headline-lg{font-family:Manrope,sans-serif;font-size:24px;font-weight:600;line-height:32px}.interactive-guide-wrapper .font-headline-md{font-family:Manrope,sans-serif;font-size:20px;font-weight:600;line-height:28px}.interactive-guide-wrapper .font-body-lg{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:24px}.interactive-guide-wrapper .font-body-md{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px}.interactive-guide-wrapper .font-label-caps{letter-spacing:.05em;color:var(--on-surface-variant);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;line-height:16px}.interactive-guide-wrapper .text-headline-xl{font-size:32px}.interactive-guide-wrapper .text-headline-lg{font-size:24px}.interactive-guide-wrapper .text-headline-md{font-size:20px}.interactive-guide-wrapper .text-body-lg{font-size:16px}.interactive-guide-wrapper .text-body-md{font-size:14px}.interactive-guide-wrapper .text-label-caps{font-size:12px}.interactive-guide-wrapper .text-xs{font-size:11px}.interactive-guide-wrapper .text-sm{font-size:13px}.interactive-guide-wrapper .text-\[10px\]{font-size:10px}.interactive-guide-wrapper .text-\[14px\]{font-size:14px}.interactive-guide-wrapper .text-center{text-align:center}.interactive-guide-wrapper .font-bold{font-weight:700}.interactive-guide-wrapper .font-semibold{font-weight:600}.interactive-guide-wrapper .font-medium{font-weight:500}.interactive-guide-wrapper .uppercase{text-transform:uppercase}.interactive-guide-wrapper .italic{font-style:italic}.interactive-guide-wrapper .tracking-widest{letter-spacing:.15em}.interactive-guide-wrapper .tracking-wider{letter-spacing:.08em}.interactive-guide-wrapper .leading-relaxed{line-height:1.625}.interactive-guide-wrapper .cursor-pointer{cursor:pointer}.interactive-guide-wrapper .bg-transparent{background-color:#0000}.interactive-guide-wrapper .border-none{border:none}.interactive-guide-wrapper .text-decoration-none{text-decoration:none}.interactive-guide-wrapper .line-through{text-decoration:line-through}.interactive-guide-wrapper .opacity-50{opacity:.5}.interactive-guide-wrapper .opacity-60{opacity:.6}.interactive-guide-wrapper .hover\:underline:hover{text-decoration:underline}.interactive-guide-wrapper .text-inherit{color:inherit}.interactive-guide-wrapper .transition-transform{transition:transform .2s}.interactive-guide-wrapper .group:hover .group-hover\:scale-110{transform:scale(1.1)}.interactive-guide-wrapper .group:hover .group-hover\:rotate-180{transform:rotate(180deg)}.interactive-guide-wrapper .transition-colors{transition:color .2s,background-color .2s,border-color .2s}.interactive-guide-wrapper .hover\:text-primary:hover{color:var(--primary)}.interactive-guide-wrapper .hover\:brightness-110:hover{filter:brightness(1.1)}.interactive-guide-wrapper .active\:scale-95:active{transform:scale(.95)}.interactive-guide-wrapper .active\:scale-90:active{transform:scale(.9)}.interactive-guide-wrapper .transition-all{transition:all .2s}.interactive-guide-wrapper .px-4{padding-left:16px;padding-right:16px}.interactive-guide-wrapper .py-2{padding-top:8px;padding-bottom:8px}.interactive-guide-wrapper .py-4{padding-top:16px;padding-bottom:16px}.interactive-guide-wrapper .py-3{padding-top:12px;padding-bottom:12px}.interactive-guide-wrapper .p-3{padding:12px}.interactive-guide-wrapper .p-4{padding:16px}.interactive-guide-wrapper .p-6{padding:24px}.interactive-guide-wrapper .p-8{padding:32px}.interactive-guide-wrapper .px-margin-mobile{padding-left:var(--margin-mobile);padding-right:var(--margin-mobile)}@media (width>=768px){.interactive-guide-wrapper .md\:p-12{padding:48px}.interactive-guide-wrapper .md\:px-margin-desktop{padding-left:var(--margin-desktop);padding-right:var(--margin-desktop)}}.interactive-guide-wrapper .mt-2{margin-top:8px}.interactive-guide-wrapper .mt-4{margin-top:16px}.interactive-guide-wrapper .mt-6{margin-top:24px}.interactive-guide-wrapper .mt-8{margin-top:32px}.interactive-guide-wrapper .mt-12{margin-top:48px}.interactive-guide-wrapper .mb-1{margin-bottom:4px}.interactive-guide-wrapper .mb-2{margin-bottom:8px}.interactive-guide-wrapper .mb-4{margin-bottom:16px}.interactive-guide-wrapper .mb-6{margin-bottom:24px}.interactive-guide-wrapper .mb-8{margin-bottom:32px}.interactive-guide-wrapper .mb-12{margin-bottom:48px}.interactive-guide-wrapper .mr-4{margin-right:16px}.interactive-guide-wrapper .hero-overlay{background:linear-gradient(#0000004d 0%,#1a1c1cf2 100%);position:absolute;inset:0}.interactive-guide-wrapper .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle}@media (width<=768px){.interactive-guide-wrapper{padding-top:64px}.interactive-guide-wrapper .md\:text-headline-xl-mobile{font-size:26px;line-height:32px}.interactive-guide-wrapper main{padding-bottom:88px;padding-left:16px;padding-right:16px}}.interactive-guide-wrapper .border-white\/20{border-color:#fff3}.interactive-guide-wrapper .bg-\[\#1a237e\]{background-color:#1a237e}.interactive-guide-wrapper .border-white\/10{border-color:#ffffff1a}.interactive-guide-wrapper .border-primary-container\/20{border-color:#ff5a5f33}.interactive-guide-wrapper .hover\:bg-primary-container\/5:hover{background-color:#ff5a5f0d}.interactive-guide-wrapper .border-surface-variant\/30{border-color:#e2e2e24d}.interactive-guide-wrapper .border-surface-variant\/35{border-color:#e2e2e259}.interactive-guide-wrapper .hover\:bg-white\/20:hover{background-color:#fff3}.interactive-guide-wrapper .pb-safe{padding-bottom:env(safe-area-inset-bottom)}@media (width>=768px){.interactive-guide-wrapper .md\:hidden{display:none!important}}