/* Central site stylesheet for Maison360 */

:root {
  /* Paleta de colores personalizada */
  --primary-color: #047404; /* Verde oscuro - color principal */
  --primary-color-dark: #068230; /* Verde medio oscuro - para hover */
  --primary-color-light: #278c46; /* Verde medio - variante clara */
  --accent-color: #f0f1e1; /* Crema claro - fondo de acento */
  --accent-color-alt: #c8bc59; /* Amarillo verdoso - acento secundario */
  --secondary-color: #589d68; /* Verde claro - elementos secundarios */
  --tertiary-color: #74ac7c; /* Verde más claro - elementos terciarios */
  --background-alt: #79ad84; /* Verde grisáceo - fondo alternativo */
  --text-color: #333333;
  --text-color-light: #666666;
  /* Site stylesheet extracted from index.html - clean and centralized */
  :root{
    --primary-color:#047404;
    --primary-color-dark:#068230;
    --primary-color-light:#278c46;
    --accent-color:#f0f1e1;
    --accent-color-alt:#c8bc59;
    --secondary-color:#589d68;
    --tertiary-color:#74ac7c;
    --background-alt:#79ad84;
    --text-color:#333333;
    --text-color-light:#666666;
    --background-color:#ffffff;
    --background-color-alt:#f5f5f5;
    --border-color:#dddddd;
    --success-color:#047404;
    --error-color:#dc3545;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  body{font-family:'Inter',sans-serif;color:var(--text-color);line-height:1.6;background:var(--background-color)}
  a{text-decoration:none;color:inherit;transition:color .3s}
  ul{list-style:none}
  img{max-width:100%;height:auto;display:block}
  .container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}

  /* Buttons */
  .btn{display:inline-block;padding:10px 20px;border-radius:4px;font-weight:500;text-align:center;cursor:pointer;transition:all .3s;border:1px solid transparent}
  .btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}
  .btn-primary:hover{background:var(--primary-color-dark);border-color:var(--primary-color-dark)}
  .btn-outline{color:var(--primary-color);border-color:var(--primary-color);background:transparent}
  .btn-outline:hover{background:var(--primary-color);color:#fff}
  .btn-ghost{background:transparent;border-color:var(--border-color)}
  .btn-ghost:hover{background:var(--background-color-alt)}
  .btn-lg{padding:12px 24px;font-size:1.1rem}
  .btn-block{display:block;width:100%;margin-bottom:10px}

  /* Header */
  .header{position:sticky;top:0;z-index:100;background-color:var(--background-color);box-shadow:0 2px 10px rgba(0,0,0,.1)}
  .header-content{display:flex;align-items:center;justify-content:space-between;padding:15px 0;position:relative}
  .logo img{height:60px;width:auto}
  .language-selector{display:flex;margin-left:20px}
  .language-btn{display:inline-block;padding:5px 10px;margin-right:5px;border-radius:4px;font-weight:500;background-color:var(--background-color-alt);color:var(--text-color)}
  .language-btn.active{background-color:var(--primary-color);color:#fff}
  .contact-info{display:flex;margin-left:auto}
  .contact-link{display:flex;align-items:center;margin-left:20px;color:var(--text-color)}
  .contact-link i{margin-right:5px;color:var(--primary-color)}
  .desktop-nav{display:flex;align-items:center;margin-left:30px}
  .desktop-nav a{margin-left:20px;font-weight:500;color:var(--text-color)}
  .desktop-nav a:hover{color:var(--primary-color)}
  .mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer}
  .mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--background-color);box-shadow:0 5px 10px rgba(0,0,0,.1);padding:20px;flex-direction:column;z-index:99}
  .mobile-menu.active{display:flex}
  .mobile-language{display:flex;margin-bottom:15px}
  .mobile-contact{display:flex;flex-direction:column;margin-bottom:15px}
  .mobile-link{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color)}
  .mobile-link i{margin-right:10px;color:var(--primary-color)}
  .mobile-nav{display:flex;flex-direction:column;margin-bottom:15px}
  .mobile-cta{margin-top:10px}
input, select, textarea { width: 100%; padding: 10px 15px; border: 1px solid var(--border-color); border-radius: 4px; font-family: inherit; font-size: 1rem; }
textarea { height: 120px; resize: vertical; }
.quote-card-footer { background-color: var(--background-color-alt); padding: 20px 30px; text-align: center; border-top: 1px solid var(--border-color); }
.direct-contact { display: flex; justify-content: center; margin-top: 10px; }
.direct-contact .contact-link { margin: 0 15px; }

/* Work With Us */
.work-with-us { background-color: var(--background-color-alt); }
.work-card { background-color: var(--background-color); border: 1px solid var(--secondary-color); border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,.05); }
.work-card-header { background-color: var(--accent-color); color: var(--primary-color); padding: 20px; text-align: center; }
.work-card-content { padding: 30px; }
.work-card-content p { margin-bottom: 15px; }
.work-card-content ul { list-style: disc; margin-left: 20px; margin-bottom: 20px; }
.work-card-footer { padding: 20px; background-color: var(--background-color-alt); border-top: 1px solid var(--border-color); text-align: center; }

/* Testimonials */
.testimonials-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); gap: 30px; }
.testimonial-card { background-color: var(--background-color); border-radius: 8px; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,.05); border: 1px solid var(--tertiary-color); }
.stars { color: var(--accent-color-alt); margin-bottom: 15px; }
.testimonial-text { font-style: italic; margin-bottom: 20px; }
.testimonial-author { display: flex; align-items: center; }
.author-avatar { width: 50px; height: 50px; border-radius: 50%; background-color: var(--primary-color-light); color: white; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-right: 15px; }
.author-info h4 { margin-bottom: 5px; }
.author-info p { color: var(--text-color-light); font-size: 0.9rem; }

/* Contact CTA */
.contact-cta { background-color: var(--accent-color); }
.cta-content { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; }
.cta-text { flex: 2; }
.cta-text h2 { margin-bottom: 20px; }
.cta-text p { margin-bottom: 30px; }
.contact-methods { display: flex; flex-wrap: wrap; gap: 30px; }
.contact-method { flex: 1 1 30%; min-width: 250px; display: flex; align-items: flex-start; }
.method-icon { font-size: 1.5rem; color: var(--primary-color); margin-right: 15px; margin-top: 5px; }
.method-details h4 { margin-bottom: 5px; }
.cta-card { flex: 1; background-color: var(--background-color); border-radius: 8px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,.1); border: 1px solid var(--secondary-color); }
.cta-card h3 { margin-bottom: 15px; }
.cta-card p { margin-bottom: 20px; }
.cta-buttons { display: flex; flex-direction: column; }

/* Footer */
.footer { background-color: var(--primary-color); color: #fff; padding: 80px 0 20px; }
.footer-content { display: flex; flex-wrap: wrap; gap: 40px; margin-bottom: 40px; }
.footer-column { flex: 1 1 200px; }
.footer-logo { font-size: 1.5rem; font-weight: 700; margin-bottom: 20px; }
.footer-column p { margin-bottom: 20px; opacity: .8; }
.social-links { display: flex; }
.social-link { width: 36px; height: 36px; border-radius: 50%; background-color: var(--primary-color-light); display: flex; align-items: center; justify-content: center; margin-right: 10px; transition: background-color .3s; }
.social-link:hover { background-color: var(--primary-color-dark); }
.footer-column h4 { margin-bottom: 20px; font-size: 1.1rem; }
.footer-links li, .contact-links li { margin-bottom: 10px; }
.footer-links a:hover { text-decoration: underline; }
.contact-links li { display: flex; align-items: center; }
.contact-links i { margin-right: 10px; }
.footer-bottom { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); font-size: .9rem; opacity: .7; }
.footer-credit { color: var(--accent-color-alt); }
.footer-credit:hover { text-decoration: underline; }

/* Responsive helpers */
@media (max-width: 1024px) { .hero-text h1 { font-size: 2.2rem; } .section-header h2 { font-size: 2rem; } .cta-content { flex-direction: column; } .cta-text { margin-bottom: 30px; } }
@media (max-width: 768px) { .header-content { flex-wrap: wrap; } .contact-info, .desktop-nav { display: none; } .mobile-menu-btn { display: block; } .hero-content { flex-direction: column; } .hero-text { padding-right: 0; margin-bottom: 40px; } .hero-buttons { flex-direction: column; } .hero-buttons .btn:first-child { margin-right: 0; margin-bottom: 15px; } .form-row { flex-direction: column; gap: 20px; } .services-cta .btn:first-child { margin-right: 0; margin-bottom: 15px; } .services-cta { display: flex; flex-direction: column; } .contact-methods { flex-direction: column; } }
@media (max-width: 480px) { .hero-text h1 { font-size: 1.8rem; } .section-header h2 { font-size: 1.6rem; } section { padding: 60px 0; } }

/* Utilities */
.loading { position: relative; pointer-events: none; }
.loading::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,.7); display:flex; align-items: center; justify-content: center; z-index: 10; }
.loading::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 30px; height: 30px; border: 3px solid var(--primary-color); border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; z-index: 11; }
@keyframes spin { to { transform: translate(-50%,-50%) rotate(360deg); } }

.honeypot { display: none !important; }
.image-container{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1)}

/* Sections */
section{padding:80px 0}
.section-header{text-align:center;max-width:800px;margin:0 auto 50px}
.section-header h2{font-size:2.2rem;margin-bottom:15px}
.section-header p{color:var(--text-color-light);font-size:1.1rem}

/* Services */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-bottom:40px}
.service-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .3s;padding:20px;background:var(--background-color)}
.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1);border-color:var(--primary-color)}
.service-image{position:relative;height:200px}
.service-image img{width:100%;height:100%;object-fit:cover}
.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(4,116,4,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.service-card:hover .image-overlay{opacity:1}
.image-overlay h3{color:#fff;text-align:center;padding:0 20px}
.service-content{padding:20px}
.service-icon{font-size:1.5rem;color:var(--primary-color);margin-bottom:15px}
.service-content p{margin-bottom:15px}
.service-link{display:inline-block;color:var(--primary-color-light);font-weight:500}
.service-link:hover{color:var(--primary-color)}
.services-cta{text-align:center}
.hidden-service{display:none}
.service-card-visible{display:block;animation:fadeIn .5s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* Why Choose Us */
.why-choose-us{background-color:var(--accent-color)}
.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}
.feature-card{background:var(--background-color);border-radius:8px;padding:30px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.05);border:1px solid var(--secondary-color);transition:all .3s}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}
.feature-icon{font-size:2rem;color:var(--primary-color);margin-bottom:20px}
.feature-card h3{margin-bottom:15px}

/* Quote Request */
.quote-card{background:var(--background-color);border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid var(--tertiary-color)}
.quote-card-header{background:var(--accent-color);padding:30px;text-align:center;color:var(--primary-color)}
.quote-card-content{padding:30px}
.quote-form{display:block}
.form-group{margin-bottom:20px}
.form-row{display:flex;gap:20px;margin-bottom:20px}
.form-row .form-group{flex:1;margin-bottom:0}
label{display:block;margin-bottom:5px;font-weight:500}
input,select,textarea{width:100%;padding:10px 15px;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:1rem}
textarea{height:120px;resize:vertical}
.quote-card-footer{background:var(--background-color-alt);padding:20px 30px;text-align:center;border-top:1px solid var(--border-color)}
.direct-contact{display:flex;justify-content:center;margin-top:10px}
.direct-contact .contact-link{margin:0 15px}

/* Work With Us */
.work-with-us{background-color:var(--background-color-alt)}
.work-card{background:var(--background-color);border:1px solid var(--secondary-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05)}
.work-card-header{background:var(--accent-color);color:var(--primary-color);padding:20px;text-align:center}
.work-card-content{padding:30px}
.work-card-content p{margin-bottom:15px}
.work-card-content ul{list-style:disc;margin-left:20px;margin-bottom:20px}
.work-card-footer{padding:20px;background:var(--background-color-alt);border-top:1px solid var(--border-color);text-align:center}

/* Testimonials (styles kept if needed elsewhere) */
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}
.testimonial-card{background:var(--background-color);border-radius:8px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,.05);border:1px solid var(--tertiary-color)}
.stars{color:var(--accent-color-alt);margin-bottom:15px}
.testimonial-text{font-style:italic;margin-bottom:20px}
.testimonial-author{display:flex;align-items:center}
.author-avatar{width:50px;height:50px;border-radius:50%;background:var(--primary-color-light);color:white;display:flex;align-items:center;justify-content:center;font-weight:bold;margin-right:15px}
.author-info h4{margin-bottom:5px}
.author-info p{color:var(--text-color-light);font-size:.9rem}

/* Contact CTA */
.contact-cta{background-color:var(--accent-color)}
.cta-content{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
.cta-text{flex:2}
.cta-text h2{margin-bottom:20px}
.cta-text p{margin-bottom:30px}
.contact-methods{display:flex;flex-wrap:wrap;gap:30px}
.contact-method{flex:1 1 30%;min-width:250px;display:flex;align-items:flex-start}
.method-icon{font-size:1.5rem;color:var(--primary-color);margin-right:15px;margin-top:5px}
.method-details h4{margin-bottom:5px}
.cta-card{flex:1;background:var(--background-color);border-radius:8px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid var(--secondary-color)}
.cta-card h3{margin-bottom:15px}
.cta-card p{margin-bottom:20px}
.cta-buttons{display:flex;flex-direction:column}

/* Footer */
.footer{background-color:var(--primary-color);color:#fff;padding:80px 0 20px}
.footer-content{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:40px}
.footer-column{flex:1 1 200px}
.footer-logo{font-size:1.5rem;font-weight:700;margin-bottom:20px}
.footer-column p{margin-bottom:20px;opacity:.8}
.social-links{display:flex}
.social-link{width:36px;height:36px;border-radius:50%;background-color:var(--primary-color-light);display:flex;align-items:center;justify-content:center;margin-right:10px;transition:background-color .3s}
.social-link:hover{background-color:var(--primary-color-dark)}
.footer-column h4{margin-bottom:20px;font-size:1.1rem}
.footer-links li,.contact-links li{margin-bottom:10px}
.footer-links a:hover{text-decoration:underline}
.contact-links li{display:flex;align-items:center}
.contact-links i{margin-right:10px}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;opacity:.7}
.footer-credit{color:var(--accent-color-alt)}
.footer-credit:hover{text-decoration:underline}

@media (max-width:1024px){.hero-text h1{font-size:2.2rem}.section-header h2{font-size:2rem}.cta-content{flex-direction:column}.cta-text{margin-bottom:30px}}
@media (max-width:768px){.header-content{flex-wrap:wrap}.contact-info,.desktop-nav{display:none}.mobile-menu-btn{display:block}.hero-content{flex-direction:column}.hero-text{padding-right:0;margin-bottom:40px}.hero-buttons{flex-direction:column}.hero-buttons .btn:first-child{margin-right:0;margin-bottom:15px}.form-row{flex-direction:column;gap:20px}.services-cta .btn:first-child{margin-right:0;margin-bottom:15px}.services-cta{display:flex;flex-direction:column}.contact-methods{flex-direction:column}}
@media (max-width:480px){.hero-text h1{font-size:1.8rem}.section-header h2{font-size:1.6rem}section{padding:60px 0}}

.loading{position:relative;pointer-events:none}
.loading::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;z-index:10}
.loading::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:3px solid var(--primary-color);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;z-index:11}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.honeypot{display:none!important}

.mobile-contact {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.mobile-link {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--border-color);
}

.mobile-link i {
  margin-right: 10px;
  color: var(--primary-color);
}

.mobile-nav {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.mobile-cta {
  margin-top: 10px;
}

/* Hero Section */
.hero {
  background-color: var(--accent-color);
  padding: 80px 0;
}

.hero-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hero-text {
  flex: 1;
  padding-right: 40px;
}

.hero-text h1 {
  font-size: 2.5rem;
  margin-bottom: 20px;
  line-height: 1.2;
}

.hero-text p {
  font-size: 1.1rem;
  margin-bottom: 30px;
}

.hero-buttons {
  display: flex;
  margin-bottom: 30px;
}

.hero-buttons .btn:first-child {
  margin-right: 15px;
}

.hero-features {
  display: flex;
  flex-wrap: wrap;
}

.feature {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 10px;
}

.check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  color: var(--primary-color);
  margin-right: 5px;
  font-weight: bold;
}

.hero-image {
  flex: 1;
}

.image-container {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Secciones */
section {
  padding: 80px 0;
}

.section-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 50px;
}

.section-header h2 {
  font-size: 2.2rem;
  margin-bottom: 15px;
}

.section-header p {
  color: var(--text-color-light);
  font-size: 1.1rem;
}

/* Servicios */
.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
  margin-bottom: 40px;
}

.service-card {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  padding:20px;
  background:var(--background-color);
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  border-color: var(--primary-color);
}

.service-image {
  position: relative;
  height: 200px;
}

.service-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(4, 116, 4, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.service-card:hover .image-overlay {
  opacity: 1;
}

.image-overlay h3 {
  color: white;
  text-align: center;
  padding: 0 20px;
}

.service-content {
  padding: 20px;
}

.service-icon {
  font-size: 1.5rem;
  color: var(--primary-color);
  margin-bottom: 15px;
}

.service-content p {
  margin-bottom: 15px;
}

.service-link {
  display: inline-block;
  color: var(--primary-color-light);
  font-weight: 500;
}

.service-link:hover {
  color: var(--primary-color);
}

.services-cta {
  text-align: center;
}

.services-cta .btn:first-child {
  margin-right: 15px;
  margin-bottom: 15px;
}

.hidden-service {
  display: none;
}

.service-card-visible {
  display: block;
  animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Why Choose Us */
.why-choose-us {
  background-color: var(--accent-color);
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 30px;
}

.feature-card {
  background-color: var(--background-color);
  border-radius: 8px;
  padding: 30px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--secondary-color);
  transition: all 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.feature-icon {
  font-size: 2rem;
  color: var(--primary-color);
  margin-bottom: 20px;
}

.feature-card h3 {
  margin-bottom: 15px;
}

/* Quote Request */
.quote-card {
  background-color: var(--background-color);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--tertiary-color);
}

.quote-card-header {
  background-color: var(--accent-color);
  padding: 30px;
  text-align: center;
  color: var(--primary-color);
}

.quote-card-header h3 {
  margin-bottom: 10px;
}

.quote-card-content {
  padding: 30px;
}

.quote-form {
  display: block;
}

.form-group {
  margin-bottom: 20px;
}

.form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.form-row .form-group {
  flex: 1;
  margin-bottom: 0;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}

input, select, textarea {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  font-family: inherit;
  font-size: 1rem;
}

textarea {
  height: 120px;
  resize: vertical;
}

.quote-card-footer {
  background-color: var(--background-color-alt);
  padding: 20px 30px;
  text-align: center;
  border-top: 1px solid var(--border-color);
}

.direct-contact {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.direct-contact .contact-link {
  margin: 0 15px;
}

.form-success {
  display: none;
  text-align: center;
  padding: 30px 0;
}

.success-icon {
  font-size: 3rem;
  color: var(--success-color);
  margin-bottom: 20px;
}

The create_file content is long; it's been truncated here for brevity. The actual file contains the full CSS copied from the page. If you want the full content displayed, I can open the created file.