*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);color:var(--text-dark);line-height:1.6;background-color:var(--bg-grey);scroll-behavior:smooth;display:flex;flex-direction:column;min-height:100vh}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:0.3s ease}ul{list-style:none}.icon{width:24px;height:24px;display:inline-block;vertical-align:middle}.container{width:83%;max-width:1280px;margin:0 auto;padding:0 15px}.section{padding:4rem 0}.grid-2-split{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width:992px){.grid-2-split{grid-template-columns:3fr 2fr}}.hero{background-color:var(--primary-blue);color:var(--white);position:relative;padding:6rem 0;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(33,29,82,0.85),rgba(33,29,82,0.65)),url('../images/contact-us/saporina-contact-us-hero.webp');background-size:cover;background-position:center}.hero-content{position:relative;z-index:10}.hero-title{font-size:var(--fs-4xl);font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-sub{font-size:var(--fs-lg);font-weight:300;opacity:0.9;max-width:700px}.contact-card{background:var(--white);padding:2.5rem;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);border:1px solid #E5E7EB}.form-header{margin-bottom:2rem}.form-header h2{font-size:var(--fs-3xl);color:var(--primary-blue);margin-bottom:0.5rem}.form-header p{color:#6B7280;font-size:var(--fs-sm)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--primary-blue);margin-bottom:0.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:0.75rem;border:1px solid #D1D5DB;border-radius:4px;font-family:inherit;font-size:var(--fs-base);transition:border-color 0.2s,box-shadow 0.2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(33,29,82,0.1)}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.btn-submit{background-color:var(--nature-green);color:var(--white);border:none;padding:1rem 2rem;font-size:var(--fs-base);font-weight:700;border-radius:4px;cursor:pointer;width:100%;transition:background-color 0.2s}.btn-submit:hover{background-color:#4a6b38}.hidden{display:none!important}.info-card{background:var(--primary-blue);color:var(--white);padding:2.5rem;border-radius:8px;height:fit-content}.info-title{font-size:var(--fs-2xl);margin-bottom:2rem;font-weight:700}.info-item{display:flex;margin-bottom:1.5rem}.info-icon{margin-right:1rem;color:var(--accent-yellow)}.info-text h4{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0.05em;color:var(--nature-green);margin-bottom:0.25rem}.info-text p{font-size:var(--fs-sm);opacity:0.9}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-icon{background:rgba(255,255,255,0.1);padding:0.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.social-icon:hover{background:var(--nature-green)}.cta-strip{background-color:var(--white);border-top:1px solid #E5E7EB;padding:3rem 0}.cta-content{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between}@media(min-width:768px){.cta-content{flex-direction:row;text-align:left}}.cta-btn{background-color:var(--action-red);color:var(--white);padding:0.8rem 2rem;font-weight:700;border-radius:12px 0 12px 0;transition:transform 0.2s,background-color 0.2s;margin-top:1rem}@media(min-width:768px){.cta-btn{margin-top:0}}.cta-btn:hover{background-color:#b91c1c;transform:translateY(-2px)}.cta-text-block{text-align:inherit}.cta-text-block h3{font-size:var(--fs-2xl);font-weight:700;color:var(--primary-blue)}.cta-text-block p{color:#6B7280;margin-top:0.5rem}.inquiry-select{border-color:var(--primary-blue);font-weight:500}.file-input{padding:0.5rem}.success-box{background-color:#ECFDF5;border:1px solid #10B981;color:#065F46;padding:1rem;border-radius:4px;margin-top:1rem;display:none;animation:fadeIn 0.5s}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px}.hidden{display:none}.btn{display:inline-block;background-color:var(--action-red);color:var(--white);padding:14px 35px;text-transform:uppercase;font-weight:700;border-radius:4px;border:2px solid var(--action-red);cursor:pointer;font-size:var(--fs-base);transition:all 0.3s;width:100%}.btn:hover{background-color:#a00001;border-color:#a00001}.contact-header{position:relative;background-color:var(--primary-blue);color:var(--white);text-align:center;overflow:hidden;aspect-ratio:1920 / 800;display:flex;align-items:center;justify-content:center}.contact-header-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.contact-header-overlay{position:absolute;inset:0;background-color:rgba(33,29,82,0.8);z-index:1}.contact-header-content{position:relative;z-index:2}.contact-header h1{font-size:var(--fs-5xl);font-weight:700;margin-bottom:15px;letter-spacing:1px}.contact-header p{font-size:var(--fs-lg);max-width:700px;margin:0 auto;opacity:0.9;font-weight:300}.contact-section{padding:60px 0}.contact-grid{display:flex;flex-direction:column-reverse;gap:40px}@media (min-width:900px){.contact-grid{display:grid;grid-template-columns:65% 35%;align-items:start}}.contact-form-card{background:var(--white);padding:40px;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,0.05);border:1px solid #eee}.form-title{color:var(--primary-blue);font-size:var(--fs-2xl);margin-bottom:5px;font-weight:700}.form-subtitle{color:var(--text-light);font-size:var(--fs-sm);margin-bottom:30px;display:block}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:20px}@media (min-width:768px){.form-row{grid-template-columns:1fr 1fr}.form-row:has(>.buy-only.hidden){grid-template-columns:1fr}}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--primary-blue);font-size:var(--fs-sm)}.form-control{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-primary);font-size:var(--fs-base);color:var(--text-dark);background-color:#fcfcfc;transition:border-color 0.3s}.form-control:focus{outline:none;border-color:var(--secondary-blue);background-color:var(--white)}textarea.form-control{resize:vertical;min-height:120px}.phone-wrap{position:relative;display:flex;border:1px solid var(--border-color);border-radius:4px;overflow:visible;background:#fcfcfc;transition:border-color 0.3s}.phone-wrap:focus-within{border-color:var(--secondary-blue);background:var(--white)}.dial-btn{display:flex;align-items:center;gap:8px;padding:0 12px;border:none;background:transparent;cursor:pointer;border-right:1px solid #ddd;white-space:nowrap;width:115px;font-family:var(--font-primary);font-size:var(--fs-base);color:var(--text-dark);flex-shrink:0}.sel-flag{font-size:20px;line-height:1;flex-shrink:0}.sel-name{display:none}.sel-code-display{font-size:13px;color:#475569;flex-shrink:0}.dial-btn .arrow{font-size:9px;color:#475569;flex-shrink:0}.dial-btn .arrow{font-size:9px;color:#475569;margin-left:2px}.phone-num-input{flex:1;border:none;background:transparent;padding:12px 15px;font-family:var(--font-primary);font-size:var(--fs-base);color:var(--text-dark);outline:none;min-width:0}.phone-num-input::placeholder{color:#aaa}.dial-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:9999;background:var(--white);border:1px solid #ddd;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,0.12);width:270px;max-height:270px;overflow-y:auto;display:none}.dial-dropdown.open{display:block}.dial-search{width:100%;padding:9px 12px;border:none;border-bottom:1px solid #eee;outline:none;font-size:13px;box-sizing:border-box;font-family:var(--font-primary);background:var(--white);color:var(--text-dark)}.dial-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;color:var(--text-dark)}.dial-option:hover{background:#f3f5ff}.dial-option .opt-name{flex:1}.dial-option .opt-code{color:#475569;font-size:12px}.info-card{background-color:var(--primary-blue);color:var(--white);padding:40px;border-radius:8px;box-shadow:0 5px 20px rgba(33,29,82,0.2)}.info-title{font-size:var(--fs-2xl);margin-bottom:30px;border-bottom:2px solid rgba(255,255,255,0.1);padding-bottom:15px}.info-item{display:flex;gap:15px;margin-bottom:25px;align-items:flex-start}.info-icon{flex-shrink:0;width:24px;height:24px;fill:var(--accent-yellow);margin-top:3px}.info-text strong{display:block;font-size:var(--fs-sm);color:var(--accent-yellow);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-weight:700}.info-text p{font-size:var(--fs-base);line-height:1.4}.info-social{margin-top:40px;border-top:2px solid rgba(255,255,255,0.1);padding-top:20px;display:flex;gap:15px}.social-circle{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;transition:0.3s}.social-circle:hover{background:var(--accent-yellow)}.social-circle:hover svg{fill:var(--primary-blue)}.social-circle svg{width:20px;height:20px;fill:white}.icon{width:24px;height:24px;display:inline-block;vertical-align:middle}@media (max-width:767px){.contact-header h1{font-size:1.6rem;letter-spacing:0}.contact-header p{font-size:0.95rem}.contact-section{padding:30px 0}.contact-grid{gap:24px}.contact-form-card{padding:20px}.info-card{padding:20px}.info-title{margin-bottom:20px}.info-social{margin-top:24px;gap:12px}.dial-btn{width:auto;min-width:0;padding:0 8px;gap:4px}.sel-name{display:none}.sel-code-display{font-size:12px}.dial-dropdown{width:240px}.form-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px}}