﻿/*!
 * Graf y Asociados S.A.C. - Design System
 * Commercial name: Alfredo Graf y Asociados
 * Industry: Real Estate Services (Peru)
 * Version: 1.0.0
 */:root{--graf-primary: #00809E;--graf-primary-hover: #006a82;--graf-dark-red: #800028;--graf-dark-gold: #805800;--graf-light-pink: #FFC2D5;--graf-light-cream: #FFECC2;--graf-white: #FFFFFF;--graf-light-gray: #F8F9FA;--graf-dark-gray: #333333;--graf-border-color: #dee2e6;--graf-text-muted: #6c757d;--graf-success: #27ae60;--graf-danger: #e74c3c;--graf-warning: #f39c12;--graf-info: #3498db}:root{--graf-font-family: 'Varela Round', sans-serif;--graf-font-family-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--graf-font-size-xs: 0.75rem;--graf-font-size-sm: 0.875rem;--graf-font-size-base: 1rem;--graf-font-size-lg: 1.125rem;--graf-font-size-xl: 1.25rem;--graf-font-size-2xl: 1.5rem;--graf-font-size-3xl: 1.875rem;--graf-font-size-4xl: 2.25rem;--graf-font-weight-normal: 400;--graf-font-weight-medium: 500;--graf-font-weight-semibold: 600;--graf-font-weight-bold: 700;--graf-line-height-tight: 1.25;--graf-line-height-normal: 1.5;--graf-line-height-relaxed: 1.6;--graf-line-height-loose: 2;--graf-letter-spacing-tight: -0.025em;--graf-letter-spacing-normal: 0;--graf-letter-spacing-wide: 0.025em}:root{--graf-spacing-xs: 0.25rem;--graf-spacing-sm: 0.5rem;--graf-spacing-md: 1rem;--graf-spacing-lg: 1.5rem;--graf-spacing-xl: 2rem;--graf-spacing-2xl: 3rem;--graf-spacing-3xl: 4rem;--graf-border-radius-sm: 0.25rem;--graf-border-radius: 0.5rem;--graf-border-radius-lg: 0.75rem;--graf-border-radius-xl: 1rem;--graf-border-radius-full: 9999px;--graf-border-width: 2px;--graf-border-width-thick: 4px;--graf-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);--graf-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);--graf-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);--graf-shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.25);--graf-focus-ring-width: 3px;--graf-focus-ring-offset: 2px;--graf-focus-ring-color: rgba(0, 128, 158, 0.5)}:root{--graf-transition-fast: 0.2s;--graf-transition: 0.3s;--graf-transition-slow: 0.5s;--graf-ease: ease;--graf-ease-in: ease-in;--graf-ease-out: ease-out;--graf-ease-in-out: ease-in-out;--graf-transition-all: all 0.3s ease;--graf-transition-colors: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;--graf-transition-transform: transform 0.3s ease;--graf-transition-opacity: opacity 0.3s ease}*{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--graf-font-family),var(--graf-font-family-fallback);font-size:var(--graf-font-size-base);line-height:var(--graf-line-height-relaxed);color:var(--graf-dark-gray);background-color:var(--graf-white);min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--graf-primary);font-weight:var(--graf-font-weight-bold);line-height:var(--graf-line-height-tight);margin-top:0;margin-bottom:var(--graf-spacing-md)}h1{font-size:var(--graf-font-size-4xl)}h2{font-size:var(--graf-font-size-3xl)}h3{font-size:var(--graf-font-size-2xl)}h4{font-size:var(--graf-font-size-xl)}h5{font-size:var(--graf-font-size-lg)}h6{font-size:var(--graf-font-size-base)}@media(max-width: 768px){h1{font-size:var(--graf-font-size-3xl)}h2{font-size:var(--graf-font-size-2xl)}h3{font-size:var(--graf-font-size-xl)}}p{margin-top:0;margin-bottom:var(--graf-spacing-md)}a{color:var(--graf-primary);text-decoration:none;transition:var(--graf-transition-colors)}a:hover{color:var(--graf-primary-hover);text-decoration:underline}:focus-visible{outline:var(--graf-focus-ring-width) solid var(--graf-focus-ring-color);outline-offset:var(--graf-focus-ring-offset)}::selection{background-color:var(--graf-primary);color:var(--graf-white)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(prefers-contrast: high){*{border-width:var(--graf-border-width-thick)}}.graf-text-primary{color:var(--graf-primary) !important}.graf-text-muted{color:var(--graf-text-muted) !important}.graf-text-white{color:var(--graf-white) !important}.graf-text-dark{color:var(--graf-dark-gray) !important}.graf-text-success{color:var(--graf-success) !important}.graf-text-danger{color:var(--graf-danger) !important}.graf-text-warning{color:var(--graf-warning) !important}.graf-text-info{color:var(--graf-info) !important}.graf-bg-primary{background-color:var(--graf-primary) !important}.graf-bg-white{background-color:var(--graf-white) !important}.graf-bg-light{background-color:var(--graf-light-gray) !important}.graf-bg-dark{background-color:var(--graf-dark-gray) !important}.graf-border-primary{border-color:var(--graf-primary) !important}.graf-border-light{border-color:var(--graf-border-color) !important}.graf-mt-0{margin-top:0 !important}.graf-mt-sm{margin-top:var(--graf-spacing-sm) !important}.graf-mt-md{margin-top:var(--graf-spacing-md) !important}.graf-mt-lg{margin-top:var(--graf-spacing-lg) !important}.graf-mt-xl{margin-top:var(--graf-spacing-xl) !important}.graf-mb-0{margin-bottom:0 !important}.graf-mb-sm{margin-bottom:var(--graf-spacing-sm) !important}.graf-mb-md{margin-bottom:var(--graf-spacing-md) !important}.graf-mb-lg{margin-bottom:var(--graf-spacing-lg) !important}.graf-mb-xl{margin-bottom:var(--graf-spacing-xl) !important}.graf-p-sm{padding:var(--graf-spacing-sm) !important}.graf-p-md{padding:var(--graf-spacing-md) !important}.graf-p-lg{padding:var(--graf-spacing-lg) !important}.graf-p-xl{padding:var(--graf-spacing-xl) !important}.graf-block{display:block !important}.graf-inline{display:inline !important}.graf-inline-block{display:inline-block !important}.graf-flex{display:flex !important}.graf-inline-flex{display:inline-flex !important}.graf-none{display:none !important}.graf-text-left{text-align:left !important}.graf-text-center{text-align:center !important}.graf-text-right{text-align:right !important}.graf-font-normal{font-weight:var(--graf-font-weight-normal) !important}.graf-font-medium{font-weight:var(--graf-font-weight-medium) !important}.graf-font-semibold{font-weight:var(--graf-font-weight-semibold) !important}.graf-font-bold{font-weight:var(--graf-font-weight-bold) !important}.graf-shadow-sm{box-shadow:var(--graf-shadow-sm) !important}.graf-shadow{box-shadow:var(--graf-shadow-md) !important}.graf-shadow-lg{box-shadow:var(--graf-shadow-lg) !important}.graf-shadow-none{box-shadow:none !important}.graf-rounded-sm{border-radius:var(--graf-border-radius-sm) !important}.graf-rounded{border-radius:var(--graf-border-radius) !important}.graf-rounded-lg{border-radius:var(--graf-border-radius-lg) !important}.graf-rounded-full{border-radius:var(--graf-border-radius-full) !important}@media(max-width: 768px){.graf-hide-mobile{display:none !important}}@media(min-width: 769px){.graf-hide-desktop{display:none !important}}.graf-btn{display:inline-block;padding:10px 20px;font-family:var(--graf-font-family);font-size:var(--graf-font-size-base);font-weight:var(--graf-font-weight-semibold);line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border:var(--graf-border-width) solid rgba(0,0,0,0);border-radius:var(--graf-border-radius);transition:var(--graf-transition-all)}.graf-btn:hover{transform:translateY(-1px);box-shadow:var(--graf-shadow-md)}.graf-btn:active{transform:translateY(0)}.graf-btn:disabled,.graf-btn.graf-btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.graf-btn:focus-visible{outline:var(--graf-focus-ring-width) solid var(--graf-focus-ring-color);outline-offset:var(--graf-focus-ring-offset)}.graf-btn-primary{background-color:var(--graf-primary);border-color:var(--graf-primary);color:var(--graf-white)}.graf-btn-primary:hover,.graf-btn-primary:focus{background-color:var(--graf-primary-hover);border-color:var(--graf-primary-hover);color:var(--graf-white)}.graf-btn-secondary{background-color:var(--graf-dark-gold);border-color:var(--graf-dark-gold);color:var(--graf-white)}.graf-btn-secondary:hover,.graf-btn-secondary:focus{background-color:#6b4a00;border-color:#6b4a00;color:var(--graf-white)}.graf-btn-outline{background-color:rgba(0,0,0,0);border-color:var(--graf-primary);color:var(--graf-primary)}.graf-btn-outline:hover,.graf-btn-outline:focus{background-color:var(--graf-primary);border-color:var(--graf-primary);color:var(--graf-white)}.graf-btn-success{background-color:var(--graf-success);border-color:var(--graf-success);color:var(--graf-white)}.graf-btn-success:hover,.graf-btn-success:focus{background-color:#229954;border-color:#229954;color:var(--graf-white)}.graf-btn-danger{background-color:var(--graf-danger);border-color:var(--graf-danger);color:var(--graf-white)}.graf-btn-danger:hover,.graf-btn-danger:focus{background-color:#c0392b;border-color:#c0392b;color:var(--graf-white)}.graf-btn-sm{padding:6px 12px;font-size:var(--graf-font-size-sm)}.graf-btn-lg{padding:14px 28px;font-size:var(--graf-font-size-lg)}.graf-btn-block{display:block;width:100%}.graf-btn-group{display:inline-flex;gap:var(--graf-spacing-sm)}.graf-btn-group .graf-btn{margin:0}.graf-card{display:flex;flex-direction:column;background-color:var(--graf-white);border:var(--graf-border-width) solid var(--graf-border-color);border-radius:var(--graf-border-radius);box-shadow:var(--graf-shadow-sm);overflow:hidden;transition:var(--graf-transition-all)}.graf-card:hover{box-shadow:var(--graf-shadow-md)}.graf-card-header{padding:var(--graf-spacing-lg);background-color:var(--graf-light-gray);border-bottom:var(--graf-border-width) solid var(--graf-border-color)}.graf-card-header h1,.graf-card-header h2,.graf-card-header h3,.graf-card-header h4,.graf-card-header h5,.graf-card-header h6{margin:0;color:var(--graf-primary);font-weight:var(--graf-font-weight-bold)}.graf-card-body{padding:var(--graf-spacing-lg);flex:1}.graf-card-footer{padding:var(--graf-spacing-lg);background-color:var(--graf-light-gray);border-top:var(--graf-border-width) solid var(--graf-border-color)}.graf-card-accent{border-left:var(--graf-border-width-thick) solid var(--graf-primary)}.graf-card-success{border-left-color:var(--graf-success)}.graf-card-warning{border-left-color:var(--graf-warning)}.graf-card-danger{border-left-color:var(--graf-danger)}.graf-card-info{border-left-color:var(--graf-info)}.graf-card-clickable{cursor:pointer}.graf-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--graf-shadow-lg)}.graf-card-clickable:active{transform:translateY(0)}.graf-form-group{margin-bottom:var(--graf-spacing-lg)}.graf-form-label{display:block;margin-bottom:var(--graf-spacing-sm);font-weight:var(--graf-font-weight-semibold);color:var(--graf-primary);font-size:var(--graf-font-size-base)}.graf-form-label .graf-required{color:var(--graf-danger);margin-left:2px}.graf-form-control{display:block;width:100%;padding:10px 12px;font-family:var(--graf-font-family);font-size:var(--graf-font-size-base);line-height:1.5;color:var(--graf-dark-gray);background-color:var(--graf-white);background-clip:padding-box;border:var(--graf-border-width) solid var(--graf-border-color);border-radius:var(--graf-border-radius);transition:var(--graf-transition-colors)}.graf-form-control:focus{border-color:var(--graf-primary);outline:0;box-shadow:0 0 0 3px rgba(0,128,158,.1)}.graf-form-control::placeholder{color:var(--graf-text-muted);opacity:1}.graf-form-control:disabled{background-color:var(--graf-light-gray);opacity:.6;cursor:not-allowed}select.graf-form-control{cursor:pointer}textarea.graf-form-control{resize:vertical;min-height:100px}.graf-form-control.is-valid{border-color:var(--graf-success)}.graf-form-control.is-valid:focus{border-color:var(--graf-success);box-shadow:0 0 0 3px rgba(39,174,96,.1)}.graf-form-control.is-invalid{border-color:var(--graf-danger)}.graf-form-control.is-invalid:focus{border-color:var(--graf-danger);box-shadow:0 0 0 3px rgba(231,76,60,.1)}.graf-form-hint{display:block;margin-top:var(--graf-spacing-xs);font-size:var(--graf-font-size-sm);color:var(--graf-text-muted)}.graf-invalid-feedback{display:block;margin-top:var(--graf-spacing-xs);font-size:var(--graf-font-size-sm);color:var(--graf-danger)}.graf-valid-feedback{display:block;margin-top:var(--graf-spacing-xs);font-size:var(--graf-font-size-sm);color:var(--graf-success)}.graf-form-check{display:flex;align-items:center;margin-bottom:var(--graf-spacing-sm)}.graf-form-check input[type=checkbox],.graf-form-check input[type=radio]{width:18px;height:18px;margin-right:var(--graf-spacing-sm);cursor:pointer;accent-color:var(--graf-primary)}.graf-form-check label{margin-bottom:0;cursor:pointer;font-weight:var(--graf-font-weight-normal)}.graf-input-group{display:flex}.graf-input-group .graf-form-control{flex:1;border-radius:0}.graf-input-group .graf-form-control:first-child{border-top-left-radius:var(--graf-border-radius);border-bottom-left-radius:var(--graf-border-radius)}.graf-input-group .graf-form-control:last-child{border-top-right-radius:var(--graf-border-radius);border-bottom-right-radius:var(--graf-border-radius)}.graf-input-group .graf-input-group-text{display:flex;align-items:center;padding:10px 12px;font-size:var(--graf-font-size-base);font-weight:var(--graf-font-weight-normal);line-height:1.5;color:var(--graf-dark-gray);text-align:center;white-space:nowrap;background-color:var(--graf-light-gray);border:var(--graf-border-width) solid var(--graf-border-color)}.graf-input-group .graf-input-group-text:first-child{border-top-left-radius:var(--graf-border-radius);border-bottom-left-radius:var(--graf-border-radius);border-right:0}.graf-input-group .graf-input-group-text:last-child{border-top-right-radius:var(--graf-border-radius);border-bottom-right-radius:var(--graf-border-radius);border-left:0}.graf-wizard{width:100%}.graf-wizard-steps{display:flex;justify-content:space-between;margin-bottom:var(--graf-spacing-2xl);position:relative}.graf-wizard-steps::before{content:"";position:absolute;top:20px;left:40px;right:40px;height:2px;background-color:var(--graf-border-color);z-index:0}.graf-wizard-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:1}.graf-wizard-step-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--graf-light-gray);border:var(--graf-border-width) solid var(--graf-border-color);color:var(--graf-text-muted);font-weight:var(--graf-font-weight-bold);font-size:var(--graf-font-size-base);transition:var(--graf-transition-all);margin-bottom:var(--graf-spacing-sm)}.graf-wizard-step-title{font-size:var(--graf-font-size-sm);color:var(--graf-text-muted);text-align:center;transition:var(--graf-transition-colors)}.graf-wizard-step-active .graf-wizard-step-number{background-color:var(--graf-primary);border-color:var(--graf-primary);color:var(--graf-white);box-shadow:0 0 0 4px rgba(0,128,158,.2)}.graf-wizard-step-active .graf-wizard-step-title{color:var(--graf-primary);font-weight:var(--graf-font-weight-semibold)}.graf-wizard-step-completed .graf-wizard-step-number{background-color:var(--graf-success);border-color:var(--graf-success);color:var(--graf-white)}.graf-wizard-step-completed .graf-wizard-step-number::after{content:"✓";font-size:var(--graf-font-size-lg)}.graf-wizard-step-completed .graf-wizard-step-title{color:var(--graf-dark-gray)}.graf-wizard-content{background-color:var(--graf-white);border:var(--graf-border-width) solid var(--graf-border-color);border-radius:var(--graf-border-radius);padding:var(--graf-spacing-xl);box-shadow:var(--graf-shadow-sm);min-height:400px}.graf-wizard-nav{display:flex;justify-content:space-between;margin-top:var(--graf-spacing-xl);padding-top:var(--graf-spacing-lg);border-top:1px solid var(--graf-border-color)}@media(max-width: 768px){.graf-wizard-steps{flex-direction:column;gap:var(--graf-spacing-lg)}.graf-wizard-steps::before{display:none}.graf-wizard-step{flex-direction:row;justify-content:flex-start}.graf-wizard-step-number{margin-right:var(--graf-spacing-md);margin-bottom:0}.graf-wizard-step-title{text-align:left}}.graf-alert{position:relative;padding:var(--graf-spacing-md) var(--graf-spacing-lg);margin-bottom:var(--graf-spacing-md);border:var(--graf-border-width) solid rgba(0,0,0,0);border-left-width:var(--graf-border-width-thick);border-radius:var(--graf-border-radius);font-size:var(--graf-font-size-base)}.graf-alert-success{background-color:rgba(39,174,96,.1);border-color:var(--graf-success);color:#1e7e34}.graf-alert-danger{background-color:rgba(231,76,60,.1);border-color:var(--graf-danger);color:#a94442}.graf-alert-warning{background-color:rgba(243,156,18,.1);border-color:var(--graf-warning);color:#8a6d3b}.graf-alert-info{background-color:rgba(52,152,219,.1);border-color:var(--graf-info);color:#31708f}.graf-alert-icon{display:flex;align-items:start;gap:var(--graf-spacing-md)}.graf-alert-icon .material-symbols-outlined{font-size:24px;flex-shrink:0}.graf-alert-heading{font-weight:var(--graf-font-weight-bold);margin-bottom:var(--graf-spacing-sm);margin-top:0}.graf-alert-dismissible{padding-right:var(--graf-spacing-2xl)}.graf-alert-dismissible .graf-alert-close{position:absolute;top:var(--graf-spacing-md);right:var(--graf-spacing-md);padding:0;background:rgba(0,0,0,0);border:0;font-size:var(--graf-font-size-xl);line-height:1;color:inherit;opacity:.5;cursor:pointer;transition:var(--graf-transition-opacity)}.graf-alert-dismissible .graf-alert-close:hover{opacity:1}.graf-navbar{background-color:var(--graf-primary);box-shadow:var(--graf-shadow-md);position:sticky;top:0;z-index:1000;width:100%}.graf-navbar-container{display:flex;justify-content:space-between;align-items:center;padding:var(--graf-spacing-md) var(--graf-spacing-xl);max-width:1400px;margin:0 auto}.graf-navbar-brand{display:flex;align-items:center;gap:var(--graf-spacing-sm);font-weight:var(--graf-font-weight-bold);font-size:var(--graf-font-size-xl);color:var(--graf-white);text-decoration:none;transition:var(--graf-transition-opacity)}.graf-navbar-brand:hover{color:var(--graf-light-cream);opacity:.9}.graf-navbar-brand img{height:40px;width:auto}.graf-navbar-nav{display:flex;gap:var(--graf-spacing-lg);list-style:none;margin:0;padding:0}.graf-navbar-item{margin:0}.graf-navbar-link{color:var(--graf-white);text-decoration:none;font-weight:var(--graf-font-weight-medium);transition:var(--graf-transition-colors);padding:var(--graf-spacing-sm) var(--graf-spacing-md);border-radius:var(--graf-border-radius-sm)}.graf-navbar-link:hover{background-color:hsla(0,0%,100%,.1);color:var(--graf-light-cream)}.graf-navbar-link.active{background-color:hsla(0,0%,100%,.2)}.graf-navbar-toggle{display:none;background:rgba(0,0,0,0);border:none;color:var(--graf-white);font-size:var(--graf-font-size-2xl);cursor:pointer;padding:var(--graf-spacing-sm)}@media(max-width: 768px){.graf-navbar-toggle{display:block}}@media(max-width: 768px){.graf-navbar-nav{position:fixed;top:72px;left:0;right:0;background-color:var(--graf-primary);flex-direction:column;padding:var(--graf-spacing-lg);box-shadow:var(--graf-shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.graf-navbar-nav.active{transform:translateY(0);opacity:1;visibility:visible}.graf-navbar-link{display:block;padding:var(--graf-spacing-md)}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;user-select:none;vertical-align:middle}.graf-icon-sm .material-symbols-outlined{font-size:18px}.graf-icon-md .material-symbols-outlined{font-size:24px}.graf-icon-lg .material-symbols-outlined{font-size:32px}.graf-icon-xl .material-symbols-outlined{font-size:48px}/*# sourceMappingURL=graf-design-system.min.css.map */
