/*
Theme Name: AB Construyendo
Theme URI: https://abconstruyendo.com/
Author: IAprosystems
Description: Tema para abconstruyendo.com
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
*/

* { box-sizing: border-box; }
body { margin:0; font-family:"Open Sans", Arial, sans-serif; color:#333; }
a { text-decoration:none; }

.abc-topbar {
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 20px;
}
.abc-topbar a {
  color:#fff;
  font-weight:700;
  font-size:22px;
  letter-spacing:1px;
  display:flex;
  align-items:center;
  gap:12px;
}
.abc-topbar .abc-dash {
  display:inline-block;
  width:40px;
  height:4px;
  background:#e6ce37;
}

.abc-hero {
  background:#e6ce37;
  padding:70px 20px 80px;
  text-align:center;
}
.abc-hero .abc-clock {
  width:80px;
  height:80px;
  margin:0 auto 24px;
  display:block;
}
.abc-hero h1 {
  color:#000;
  font-size:56px;
  font-weight:700;
  line-height:1.15;
  margin:0 0 20px;
}
.abc-hero h2 {
  color:#000;
  font-size:26px;
  font-weight:400;
  margin:0 0 30px;
}
.abc-social {
  display:flex;
  justify-content:center;
  gap:22px;
}
.abc-social a svg {
  width:26px;
  height:26px;
  fill:#000;
}

.abc-contact {
  position:relative;
  background-color:#001945;
  padding:70px 20px 90px;
  overflow:hidden;
}
.abc-contact::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:url('https://abconstruyendo.com/wpsite/wp-content/uploads/2026/10/abc-contacto-bg.jpg');
  background-size:cover;
  background-position:center;
  opacity:0.5;
}
.abc-contact-inner {
  position:relative;
  max-width:640px;
  margin:0 auto;
}
.abc-contact h2 {
  color:#fff;
  text-align:center;
  font-weight:400;
  font-size:32px;
  margin:0 0 36px;
}
.abc-field { margin-bottom:16px; }
.abc-field label { display:block; color:#fff; margin-bottom:6px; font-size:15px; }
.abc-field label .req { color:#e86c6c; }
.abc-field input[type=text],
.abc-field input[type=email],
.abc-field textarea,
.abc-field input[type=file] {
  width:100%;
  border:1px solid #ccc;
  background:#fff;
  padding:10px 12px;
  font-family:inherit;
  font-size:14px;
}
.abc-field textarea { min-height:120px; resize:vertical; }
.abc-hint { color:#d8dce6; font-size:13px; margin-top:6px; }
.abc-submit {
  background:#fff;
  color:#333;
  border:none;
  padding:10px 22px;
  font-size:15px;
  cursor:pointer;
}
.abc-submit:hover { background:#f0f0f0; }

.abc-maps-placeholder {
  background:#d1d1d1;
  padding:110px 20px;
  text-align:center;
}
.abc-maps-placeholder p {
  color:#6b6b6b;
  font-size:20px;
  max-width:620px;
  margin:0 auto;
}
.abc-maps-placeholder a { color:#4a6fa5; text-decoration:underline; }

.abc-footer-bar {
  background:#000;
  min-height:70px;
}

.abc-form-message { max-width:640px; margin:0 auto 20px; padding:12px 16px; font-size:14px; position:relative; z-index:1; }
.abc-form-message.success { background:#e3f6e3; color:#1f6b1f; }
.abc-form-message.error { background:#fbe3e3; color:#8a1f1f; }

@media (max-width:700px) {
  .abc-hero h1 { font-size:36px; }
  .abc-hero h2 { font-size:20px; }
  .abc-topbar a { font-size:18px; }
}