Contacto - LEDWindow :root { --primary-color: #e65100; /* LEDWindow Signature Orange */ --dark-color: #1a1a1a; --light-color: #f9f9f9; --gray-color: #666; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; margin: 0; padding: 0; background-color: var(--light-color); color: var(--dark-color); } .container { max-width: 1100px; margin: 50px auto; padding: 20px; } h1 { text-align: center; color: var(--dark-color); margin-bottom: 40px; font-size: 2.5rem; text-transform: uppercase; letter-spacing: 1px; } h1::after { content: ''; display: block; width: 60px; height: 4px; background: var(--primary-color); margin: 10px auto 0; } .contact-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; background: #ffffff; padding: 40px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); } @media (max-width: 768px) { .contact-wrapper { grid-template-columns: 1fr; } } .contact-info h2 { color: var(--primary-color); margin-top: 0; font-size: 1.8rem; } .contact-info p { margin: 15px 0; font-size: 1.1rem; } .contact-info strong { color: var(--dark-color); } .contact-info a { color: var(--primary-color); text-decoration: none; transition: color 0.3s ease; } .contact-info a:hover { text-decoration: underline; color: #b33600; } .info-section { margin-bottom: 30px; } .brand-statement { font-style: italic; color: var(--gray-color); border-left: 3px solid var(--primary-color); padding-left: 15px; margin-top: 30px; } /* Placeholder for a contact form or map */ .contact-side-panel { display: flex; flex-direction: column; justify-content: center; background-color: #fafafa; padding: 30px; border-radius: 6px; border: 1px solid #eee; } .store-badge { display: inline-block; background-color: var(--dark-color); color: #fff; padding: 12px 20px; border-radius: 4px; text-align: center; font-weight: bold; margin-bottom: 15px; text-decoration: none; transition: background 0.3s ease; } .store-badge:hover { background-color: var(--primary-color); color: #fff; text-decoration: none; }