@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

.acumatica-construccion-page {
--background: #ffffff;
--foreground: #000033; /* Oxford Blue */
--primary: #000033;
--secondary: #d4eefd; /* Light Blue */
--accent: #33ccff; /* Cyan */
--border: #d4eefd;
--muted: rgba(0, 0, 51, 0.75);
--shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
--shadow-soft: 0 10px 25px rgba(0, 0, 0, 0.10);
--radius: 12px;
}

.acumatica-construccion-page * {
box-sizing: border-box;
}

.acumatica-construccion-page {
height: 100%;
}

.acumatica-construccion-page {
margin: 0;
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
background: var(--background);
color: var(--foreground);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.acumatica-construccion-page img {
max-width: 100%;
height: auto;
display: block;
}

.acumatica-construccion-page a {
color: inherit;
}

.acumatica-construccion-page {
min-height: 100vh;
background: var(--background);
color: var(--foreground);
}

.acumatica-construccion-page .container {
width: 100%;
max-width: 1120px;
margin: 0 auto;
}

.acumatica-construccion-page .container.narrow {
max-width: 720px;
}

.acumatica-construccion-page .section {
padding: 80px 24px;
background: #fff;
}

.acumatica-construccion-page .section.dark {
background: var(--primary);
color: #fff;
}

.acumatica-construccion-page .center {
text-align: center;
}

.acumatica-construccion-page .h2 {
margin: 0 0 16px 0;
font-size: 36px;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--primary);
}

.acumatica-construccion-page .dark .h2 {
color: #fff;
}

.acumatica-construccion-page .lead {
margin: 0 auto;
max-width: 640px;
font-size: 18px;
line-height: 1.6;
color: var(--muted);
}

.acumatica-construccion-page .dark .lead {
color: rgba(255, 255, 255, 0.9);
}

.acumatica-construccion-page .divider {
border: 0;
border-top: 1px solid var(--border);
margin: 0;
}

/* Header */
.acumatica-construccion-page .header-inner {
display: flex;
align-items: center;
justify-content: center;
}

.acumatica-construccion-page .logo {
display: flex;
justify-content: center;
margin-bottom: 48px;
}

.acumatica-construccion-page .logo img {
width: auto;
height: auto;
max-width: 768px;
}

/* Hero */
.acumatica-construccion-page .hero {
position: relative;
overflow: hidden;
background: var(--primary);
}

.acumatica-construccion-page .hero-frame {
height: 603px;
position: relative;
}

.acumatica-construccion-page .hero-bg {
position: absolute;
inset: 0;
z-index: 0;
}

.acumatica-construccion-page .hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}

.acumatica-construccion-page .hero-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 51, 0.6);
z-index: 1;
}

.acumatica-construccion-page .hero-content {
position: relative;
z-index: 2;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 24px;
text-align: center;
}

.acumatica-construccion-page .hero-inner {
max-width: 640px;
}

.acumatica-construccion-page .h1 {
margin: 0 0 24px 0;
font-size: 44px;
font-weight: 700;
line-height: 1.12;
color: #fff;
letter-spacing: -0.02em;
}

.acumatica-construccion-page .hero p {
margin: 0;
color: rgba(255, 255, 255, 0.95);
font-size: 18px;
line-height: 1.7;
}

/* Cards / grids */
.acumatica-construccion-page .wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 28px;
}

.acumatica-construccion-page .card {
width: 320px;
background: var(--secondary);
border-radius: var(--radius);
padding: 32px;
text-align: center;
display: flex;
flex-direction: column;
transition: box-shadow 180ms ease;
}

.acumatica-construccion-page .card:hover {
box-shadow: var(--shadow-soft);
}

.acumatica-construccion-page .card-title {
margin: 0 0 10px 0;
font-size: 18px;
font-weight: 600;
color: var(--primary);
}

.acumatica-construccion-page .card-desc {
margin: 0 0 16px 0;
font-size: 14px;
line-height: 1.55;
color: var(--primary);
}

.acumatica-construccion-page .card-list {
margin: auto 0 0 0;
padding: 0;
list-style: none;
display: grid;
gap: 8px;
font-size: 12px;
color: var(--primary);
}

.acumatica-construccion-page .iconBox {
width: 64px;
height: 64px;
margin: 0 auto 18px auto;
display: grid;
place-items: center;
border-radius: 12px;
}

.acumatica-construccion-page .icon {
width: 40px;
height: 40px;
}

.acumatica-construccion-page .icon.small {
width: 24px;
height: 24px;
}

/* Solutions image */
.acumatica-construccion-page .hero-image {
border-radius: var(--radius);
box-shadow: var(--shadow);
}

/* Transform section */
.acumatica-construccion-page .transform h2 {
margin: 0 0 28px 0;
font-size: 40px;
font-weight: 700;
letter-spacing: -0.02em;
}

.acumatica-construccion-page .transform .sub {
margin: 0 0 24px 0;
font-size: 16px;
font-weight: 600;
}

.acumatica-construccion-page .transform .copy {
margin: 0;
font-size: 18px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.9);
}

/* Form */
.acumatica-construccion-page .formShell {
border: 2px solid var(--border);
border-radius: var(--radius);
padding: 32px;
background: #fff;
}

.acumatica-construccion-page .grid2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}

.acumatica-construccion-page label {
display: block;
margin: 0 0 8px 0;
font-size: 13px;
font-weight: 600;
color: var(--primary);
}

.acumatica-construccion-page input[type='text'],
.acumatica-construccion-page input[type='email'],
.acumatica-construccion-page input[type='number'],
.acumatica-construccion-page select {
width: 100%;
padding: 12px 14px;
border: 1px solid var(--border);
border-radius: 12px;
font-size: 14px;
outline: none;
}

.acumatica-construccion-page input[type='text']:focus,
.acumatica-construccion-page input[type='email']:focus,
.acumatica-construccion-page input[type='number']:focus,
.acumatica-construccion-page select:focus {
border-color: rgba(0, 0, 51, 0.65);
box-shadow: 0 0 0 4px rgba(0, 0, 51, 0.12);
}

.acumatica-construccion-page .formStack {
display: grid;
gap: 20px;
}

.acumatica-construccion-page .checkRow {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 13px;
line-height: 1.5;
color: var(--foreground);
}

.acumatica-construccion-page .checkRow input {
margin-top: 2px;
width: 18px;
height: 18px;
accent-color: var(--primary);
}

.acumatica-construccion-page .ctaBlock {
/* margin-top: 48px; */
text-align: center;
display: grid;
gap: 20px;
justify-items: center;
}

.acumatica-construccion-page .ctaTitle {
margin: 0;
font-size: 18px;
font-weight: 600;
color: var(--foreground);
}

.acumatica-construccion-page .btn {
appearance: none;
border: 0;
cursor: pointer;
border-radius: 12px;
padding: 12px 22px;
font-size: 16px;
font-weight: 600;
background: var(--accent);
color: #fff;
box-shadow: 0 10px 25px rgba(51, 204, 255, 0.25);
transition: transform 120ms ease, filter 120ms ease;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
}

.acumatica-construccion-page .btn:hover {
filter: brightness(0.98);
transform: translateY(-1px);
}

.acumatica-construccion-page .btn:active {
transform: translateY(0);
}

/* Footer */
.acumatica-construccion-page .footer {
background: #fff;
padding: 48px 24px;
}

/* Responsive */
@media (max-width: 900px) {
.acumatica-construccion-page .h1 {
    font-size: 38px;
}
.acumatica-construccion-page .transform h2 {
    font-size: 34px;
}
}

@media (max-width: 720px) {
.acumatica-construccion-page .grid2 {
    grid-template-columns: 1fr;
}
.acumatica-construccion-page .h1 {
    font-size: 32px;
}
.acumatica-construccion-page .h2 {
    font-size: 30px;
}
.acumatica-construccion-page .hero-frame {
    height: 560px;
}
}

.recaptcha-wrapper {
  width: 100%;
  display: flex;
  /* justify-content: center; */
  overflow: hidden;
  grid-column: 1 / -1;
}

/* Responsive fix */
.recaptcha-wrapper .g-recaptcha {
  transform: scale(0.85);
  transform-origin: center;
}

/* Ajuste extra para móviles pequeños */
@media (max-width: 400px) {
  .recaptcha-wrapper .g-recaptcha {
    transform: scale(0.75);
  }
}