:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-secondary: #25d366;--color-secondary-hover: #1fb855;--color-secondary-light: #dcfce7;--color-background: #ffffff;--color-surface: #f8fafc;--color-surface-elevated: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-text: #1e293b;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-error-light: #fef2f2;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .9375rem;--font-size-lg: 1.05rem;--font-size-xl: 1.15rem;--font-size-2xl: 1.35rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .15rem;--space-2: .35rem;--space-3: .6rem;--space-4: .85rem;--space-5: 1rem;--space-6: 1.25rem;--space-8: 1.75rem;--space-10: 2.25rem;--space-12: 2.75rem;--space-16: 3.5rem;--space-20: 4.5rem;--touch-target-min: 44px;--radius-sm: .2rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-sticky: 100;--z-modal: 200;--z-tooltip: 300;--container-max: 1100px;--container-padding: var(--space-4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;touch-action:manipulation}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding-top:var(--space-8);padding-bottom:var(--space-8)}.section-title{text-align:center;margin-bottom:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;min-height:42px;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-whatsapp{background-color:var(--color-secondary);color:var(--color-text-inverse)}.btn-whatsapp:hover{background-color:var(--color-secondary-hover)}.btn-lg{min-height:48px;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.form-group{margin-bottom:var(--space-3)}.form-label{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.form-error{display:block;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-error)}.form-textarea{min-height:100px;resize:vertical}.form-input,.form-select,.form-textarea,.form-section{scroll-margin-top:120px}input[type=tel]{-webkit-appearance:none;appearance:none}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:100%;box-sizing:border-box}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.card{background-color:var(--color-surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card-body{padding:var(--space-6)}@media(min-width:640px){:root{--container-padding: var(--space-6)}h1{font-size:var(--font-size-4xl)}}@media(min-width:768px){.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}}@media(min-width:1024px){:root{--container-padding: var(--space-8)}}.map-picker-modal{position:fixed;inset:0;z-index:9999;display:none}.map-picker-modal.active{display:block}.map-picker-overlay{position:absolute;inset:0;background:#0009}.map-picker-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:600px;max-height:90vh;background:var(--color-surface-elevated);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.map-picker-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.map-picker-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.map-picker-hint{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.map-picker-map{height:350px;width:100%}.map-picker-address{padding:var(--space-3) var(--space-6);background:var(--color-surface);border-top:1px solid var(--color-border);min-height:48px;display:flex;align-items:center}.map-picker-address .address-text{font-size:var(--font-size-sm);color:var(--color-text)}.map-picker-address .address-loading{font-size:var(--font-size-sm);color:var(--color-text-muted)}.map-picker-address .address-error{font-size:var(--font-size-sm);color:var(--color-error)}.map-picker-actions{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.btn-map-cancel{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-fast)}.btn-map-cancel:hover{background:var(--color-border-light)}.btn-map-confirm{flex:2;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast)}.btn-map-confirm:hover:not(:disabled){background:var(--color-primary-hover)}.btn-map-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-map-open{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-top:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-map-open:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-inverse{color:var(--color-text-inverse)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.m-0{margin:0}.m-auto{margin:auto}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}@media(min-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}}@media(min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.min-h-screen{min-height:100vh}.bg-white{background-color:var(--color-background)}.bg-surface{background-color:var(--color-surface)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:ease;transition-duration:.15s}.hover\:scale-105:hover{transform:scale(1.05)}
