@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--color-surface: #f8f9fa;--color-surface-dim: #d9dadb;--color-surface-bright: #f8f9fa;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #f3f4f5;--color-surface-container: #edeeef;--color-surface-container-high: #e7e8e9;--color-surface-container-highest: #e1e3e4;--color-on-surface: #191c1d;--color-on-surface-variant: #44474a;--color-inverse-surface: #2e3132;--color-inverse-on-surface: #f0f1f2;--color-outline: #75777a;--color-outline-variant: #c5c6ca;--color-surface-tint: #5c5f62;--color-primary: #010204;--color-on-primary: #ffffff;--color-primary-container: #1a1d20;--color-on-primary-container: #828589;--color-inverse-primary: #c5c6ca;--color-secondary: #745b00;--color-on-secondary: #ffffff;--color-secondary-container: #fecb00;--color-on-secondary-container: #6e5700;--color-tertiary: #030101;--color-on-tertiary: #ffffff;--color-tertiary-container: #221b17;--color-on-tertiary-container: #8e827d;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-error-container: #ffdad6;--color-on-error-container: #93000a;--color-primary-fixed: #e1e2e6;--color-primary-fixed-dim: #c5c6ca;--color-on-primary-fixed: #191c1f;--color-on-primary-fixed-variant: #44474a;--color-secondary-fixed: #ffe08b;--color-secondary-fixed-dim: #f1c100;--color-on-secondary-fixed: #241a00;--color-on-secondary-fixed-variant: #584400;--color-tertiary-fixed: #eee0d9;--color-tertiary-fixed-dim: #d1c4bd;--color-on-tertiary-fixed: #211a16;--color-on-tertiary-fixed-variant: #4e4540;--color-background: #f8f9fa;--color-on-background: #191c1d;--color-surface-variant: #e1e3e4;--color-surface-glass: rgba(255, 255, 255, .4);--color-border-glass: rgba(255, 255, 255, .6);--color-text-muted: #6c757d;--color-pure-white: #ffffff;--color-accent-yellow: #ffcc00;--color-accent-yellow-hover: #e6b800;--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: .25rem;--radius-default: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--radius-card: 14px;--spacing-unit: 8px;--spacing-gutter: 24px;--spacing-margin-mobile: 16px;--spacing-margin-desktop: 64px;--max-width: 1440px;--shadow-ambient: 0 8px 32px 0 rgba(0, 0, 0, .05);--shadow-active: 0 12px 40px 0 rgba(0, 0, 0, .08);--shadow-yellow-glow: 0 12px 40px 0 rgba(255, 204, 0, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-on-background);scroll-behavior:smooth}body{overflow-x:hidden}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;color:inherit}*:focus-visible{outline:2px solid var(--color-accent-yellow);outline-offset:4px}header.app-header{position:fixed;top:0;left:0;right:0;z-index:100;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-margin-desktop);background-color:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-glass);transition:height .3s ease,background-color .3s ease,backdrop-filter .3s ease,box-shadow .3s ease}header.app-header.scrolled{height:70px;background-color:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 20px #0000000d}@supports ((animation-timeline: scroll()) and (animation-range: 0% 100%)){@keyframes shrink-header{to{height:70px;background-color:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 20px #0000000d}}header.app-header{animation:shrink-header auto linear both;animation-timeline:scroll(block root);animation-range:0px 150px}}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background-color:var(--color-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.logo-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,204,0,.4),transparent);transform:rotate(45deg);animation:shine 3s infinite linear}.logo-text{font-size:20px;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.nav-links{display:flex;list-style:none;gap:32px}.nav-links a{text-decoration:none;font-size:15px;font-weight:600;color:var(--color-on-surface);position:relative;padding:8px 0;transition:color .2s ease}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-accent-yellow);transition:width .2s ease}.nav-links a:hover{color:var(--color-primary)}.nav-links a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:16px}.icon-button{background:none;border:none;cursor:pointer;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.icon-button:hover{background-color:#0000000d}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-card);font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;border:none;text-decoration:none}.btn-primary{background-color:var(--color-accent-yellow);color:var(--color-primary);box-shadow:0 4px 12px #fc03}.btn-primary:hover{background-color:var(--color-accent-yellow-hover);transform:translateY(-2px);box-shadow:0 6px 16px #ffcc004d}.btn-secondary{background-color:var(--color-surface-glass);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--color-primary);border:1px solid var(--color-border-glass);box-shadow:var(--shadow-ambient)}.btn-secondary:hover{background-color:#fff9;transform:translateY(-2px);box-shadow:var(--shadow-active)}.btn-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-pure-white);transform:translateY(-2px)}.glass-card{background-color:var(--color-surface-glass);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--color-border-glass);border-radius:var(--radius-card);box-shadow:var(--shadow-ambient);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease}.glass-card:hover{transform:translateY(-4px) scale(1.005);box-shadow:var(--shadow-yellow-glow);border-color:#fc06}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px var(--spacing-margin-desktop) 80px;background-color:var(--color-primary);color:var(--color-pure-white);overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-background img{width:100%;height:100%;object-fit:cover;opacity:.65}.hero-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#01020499,#01020466 60%,#f8f9fa);z-index:2}.hero-container{position:relative;z-index:10;max-width:800px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.hero-logo-wrapper{display:flex;align-items:center;margin-bottom:8px;background-color:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.45);padding:14px 28px;border-radius:var(--radius-card);box-shadow:var(--shadow-ambient)}.hero-logo{height:80px;width:auto;object-fit:contain;transition:transform .3s ease}.hero-logo:hover{transform:scale(1.03)}.badge-repse{background-color:var(--color-accent-yellow);color:var(--color-primary);font-size:12px;font-weight:700;padding:6px 14px;border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase}.hero-title{font-family:var(--font-family);font-size:52px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--color-pure-white);text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-description{font-size:18px;font-weight:400;line-height:1.6;color:#ffffffe6;max-width:650px}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.features-bar{position:relative;z-index:20;margin-top:-40px;padding:0 var(--spacing-margin-desktop)}.features-container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background-color:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-glass);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-ambient)}.feature-item{display:flex;align-items:center;gap:16px}.feature-icon{width:48px;height:48px;background-color:#ffcc0026;color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.feature-text{font-size:14px;font-weight:600;line-height:1.4;color:var(--color-on-surface)}.section{padding:100px var(--spacing-margin-desktop);max-width:var(--max-width);margin:0 auto}.section-header{margin-bottom:48px;display:flex;align-items:flex-end;justify-content:space-between}.section-title-wrapper{position:relative;padding-left:16px}.section-title-wrapper:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;background-color:var(--color-accent-yellow)}.section-title{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--color-primary);margin-bottom:8px}.section-subtitle{font-size:16px;color:var(--color-text-muted)}.section-header-icon{color:#0000001a}.logistica-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.logistica-card{display:flex;flex-direction:column;overflow:hidden}.card-image-wrapper{position:relative;height:260px;overflow:hidden;background-color:var(--color-surface-dim)}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.logistica-card:hover .card-image-wrapper img{transform:scale(1.05)}.card-badge-container{position:absolute;top:16px;left:16px;display:flex;gap:8px;z-index:10}.badge-level{background-color:var(--color-primary);color:var(--color-pure-white);font-size:10px;font-weight:700;padding:4px 8px;border-radius:var(--radius-sm);letter-spacing:.05em;text-transform:uppercase}.badge-rating{background-color:#ffffffd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--color-primary);font-size:10px;font-weight:700;padding:4px 8px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:4px}.rating-star{color:#f1c100}.card-content{padding:24px;display:flex;flex-direction:column;gap:12px;flex-grow:1}.card-title{font-size:20px;font-weight:700;line-height:1.3;color:var(--color-primary)}.card-description{font-size:15px;line-height:1.6;color:var(--color-on-surface-variant);margin-bottom:8px}.carga-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.carga-card{height:380px;position:relative;overflow:hidden;border-radius:var(--radius-card)}.carga-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.carga-card-bg img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.carga-card:hover .carga-card-bg img{transform:scale(1.05)}.carga-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000001a,#000000b3);z-index:2}.carga-card-content{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:24px;color:var(--color-pure-white);display:flex;flex-direction:column;gap:8px}.carga-rating{align-self:flex-start;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.2)}.carga-title{font-size:18px;font-weight:700;line-height:1.3;color:var(--color-pure-white)}.local-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.local-card-horizontal{display:flex;overflow:hidden;height:180px}.local-card-horizontal .card-image-wrapper{width:180px;height:100%;flex-shrink:0}.local-card-horizontal .card-content{padding:20px 24px;justify-content:center}.local-card-header{display:flex;align-items:center;gap:12px}.arrow-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--color-primary);text-decoration:none;transition:transform .2s ease;margin-top:4px}.arrow-link:hover{transform:translate(4px);color:var(--color-secondary)}footer.app-footer{background-color:#010204;color:#ffffffb3;padding:80px var(--spacing-margin-desktop) 40px;border-top:1px solid rgba(255,255,255,.1)}.footer-top{max-width:var(--max-width);margin:0 auto 60px;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:40px}.footer-brand{display:flex;flex-direction:column;gap:20px}.footer-brand .logo-text{color:var(--color-pure-white)}.footer-brand .logo-icon{background-color:var(--color-accent-yellow);color:var(--color-primary)}.footer-desc{font-size:15px;line-height:1.6;max-width:300px}.social-links{display:flex;gap:16px}.social-link{width:36px;height:36px;border-radius:var(--radius-full);background-color:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--color-pure-white);transition:background-color .2s ease,transform .2s ease;cursor:pointer}.social-link:hover{background-color:var(--color-accent-yellow);color:var(--color-primary);transform:translateY(-2px)}.footer-nav{display:flex;flex-direction:column;gap:16px}.footer-nav-title{font-size:15px;font-weight:700;color:var(--color-pure-white);letter-spacing:.05em;text-transform:uppercase}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:#fff9;text-decoration:none;font-size:14px;transition:color .2s ease}.footer-links a:hover{color:var(--color-accent-yellow)}.footer-bottom{max-width:var(--max-width);margin:0 auto;padding-top:40px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;font-size:12px}.footer-legal-copy{display:flex;flex-direction:column;gap:4px}dialog#quote-modal{border:none;border-radius:var(--radius-xl);max-width:650px;width:90%;max-height:90vh;background-color:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 80px #00000026;margin:auto;padding:0;overflow:hidden;opacity:0;transform:scale(.95);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),display .3s allow-discrete}dialog#quote-modal[open]{opacity:1;transform:scale(1);display:flex;flex-direction:column}@starting-style{dialog#quote-modal[open]{opacity:0;transform:scale(.95)}}dialog#quote-modal::backdrop{background-color:#0102044d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease,display .3s allow-discrete}dialog#quote-modal[open]::backdrop{opacity:1}@starting-style{dialog#quote-modal[open]::backdrop{opacity:0}}.modal-header{padding:24px 32px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.05)}.modal-title-wrapper{display:flex;align-items:center;gap:12px}.modal-avatar{width:36px;height:36px;background-color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-accent-yellow)}.modal-title{font-size:18px;font-weight:700;color:var(--color-primary)}.modal-close{background:none;border:none;cursor:pointer;width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.modal-close:hover{background-color:#0000000d}.modal-body{padding:32px;min-height:380px;flex:1;overflow-y:auto;display:flex;flex-direction:column}.quote-step{display:none;flex-direction:column;gap:24px;animation:fadeIn .4s ease}.quote-step.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--color-primary)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-select-group{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-option{position:relative}.service-option input{position:absolute;opacity:0;width:0;height:0}.service-card{border:1px solid var(--color-outline-variant);border-radius:var(--radius-card);padding:16px;text-align:center;cursor:pointer;background-color:#ffffff80;transition:border-color .2s ease,background-color .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.service-option input:checked+.service-card{border-color:var(--color-accent-yellow);background-color:#ffcc001a}.service-card-icon{width:36px;height:36px;background-color:#0000000d;border-radius:var(--radius-default);display:flex;align-items:center;justify-content:center}.service-option input:checked+.service-card .service-card-icon{background-color:var(--color-accent-yellow);color:var(--color-primary)}.service-card-title{font-size:12px;font-weight:700}.input-control{width:100%;padding:12px 16px;border-radius:var(--radius-card);border:1px solid var(--color-outline-variant);background-color:#ffffff80;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease}.input-control:focus{outline:none;border-color:var(--color-accent-yellow);box-shadow:0 0 0 2px #fc03}.autocomplete-wrapper{position:relative}.suggestions-list{position:absolute;top:100%;left:0;right:0;background-color:var(--color-pure-white);border:1px solid var(--color-outline-variant);border-radius:var(--radius-card);box-shadow:0 8px 16px #00000014;list-style:none;z-index:100;max-height:150px;overflow-y:auto;margin-top:4px;display:none}.suggestions-list.active{display:block}.suggestions-list li{padding:10px 16px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.suggestions-list li:hover{background-color:var(--color-surface-container)}.calculating-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 0}.pulse-dots{display:flex;gap:8px}.pulse-dot{width:12px;height:12px;background-color:var(--color-accent-yellow);border-radius:var(--radius-full);animation:pulse 1.2s infinite ease-in-out both}.pulse-dot:nth-child(2){animation-delay:.2s}.pulse-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.map-simulation{width:100%;height:180px;background-color:var(--color-surface-dim);border-radius:var(--radius-card);border:1px solid var(--color-outline-variant);overflow:hidden;position:relative;z-index:1}.leaflet-container{font-family:var(--font-family)!important;background:transparent!important}.map-marker-icon{display:flex!important;align-items:center;justify-content:center}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;background-color:#fff6;border:1px solid var(--color-border-glass);border-radius:var(--radius-card);padding:20px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.summary-val{font-size:16px;font-weight:700;color:var(--color-primary)}.price-box{grid-column:span 2;background-color:var(--color-primary);color:var(--color-pure-white);border-radius:var(--radius-md);padding:16px;display:flex;justify-content:space-between;align-items:center}.price-label{font-size:14px;font-weight:600;color:#fffc}.price-val{font-size:24px;font-weight:700;color:var(--color-accent-yellow)}.modal-footer{padding:20px 32px 24px;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;background-color:#00000003}.step-indicator{display:flex;gap:8px}.dot-step{width:8px;height:8px;background-color:var(--color-outline-variant);border-radius:var(--radius-full)}.dot-step.active{background-color:var(--color-primary);width:16px;border-radius:4px}.modal-nav-buttons{display:flex;gap:12px}@keyframes shine{0%{left:-100%}to{left:100%}}@media (max-width: 1024px){header.app-header{padding:0 var(--spacing-margin-mobile)}.hero{padding:120px var(--spacing-margin-mobile) 60px}.features-bar{padding:0 var(--spacing-margin-mobile)}.features-container{grid-template-columns:repeat(2,1fr)}.section{padding:80px var(--spacing-margin-mobile)}.logistica-grid{grid-template-columns:1fr}.carga-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto}.local-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:40px}}@media (max-width: 768px){.menu-toggle{display:flex;z-index:110}.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:-10px 0 30px #0000001a;flex-direction:column;padding:100px 40px;transition:right .3s cubic-bezier(.16,1,.3,1);z-index:105}.nav-links.active{right:0}.hero-title{font-size:36px}.hero-logo{height:60px}.hero-logo-wrapper{padding:10px 20px}.features-container{grid-template-columns:1fr}.local-card-horizontal{flex-direction:column;height:auto}.local-card-horizontal .card-image-wrapper{width:100%;height:180px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}dialog#quote-modal{width:95%;max-height:95vh;overflow-y:auto}dialog#quote-modal[open]{display:block}.modal-header{padding:16px 20px 12px}.modal-body{padding:20px;min-height:auto;flex:none;overflow-y:visible}.modal-footer{padding:16px 20px}}
