/* 3A Hero styles */
.threea-hero{
  position:relative;
  display:block;
  width:100%;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}

.threea-hero-overlay{
  position:absolute;
  inset:0;
  /* De izquierda (transparente) a derecha (claro) para simular el velo de la maqueta */
  background: linear-gradient(90deg,
    rgba(255,255,255,0.00) 0%,
    rgba(255,255,255,0.35) 35%,
    rgba(241,248,248,0.90) 100%);
  pointer-events:none;
}

.threea-hero-inner{
  position:relative;
  display:flex;
  align-items:center;           /* centrado vertical */
  justify-content:flex-end;     /* contenido a la derecha */
  min-height:520px;
  padding:40px 24px;
}

.threea-hero-content{
  position:relative;
  z-index:2;
  text-align:left;
  color:#0b2440;
  max-width:640px;
}

.threea-hero-title{
  margin:0 0 12px;
  font-weight:800;
  line-height:1.15;
  font-size:clamp(26px, 3.2vw, 46px);
  color:#0b2440;
  letter-spacing:0.2px;
}

.threea-hero-desc{
  margin:0 0 22px;
  font-size:clamp(16px, 1.4vw, 20px);
  color:#364257;
  font-style:italic;
}

.threea-hero-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  font-weight:700;
  border-radius:9999px;
  padding:14px 22px;
  background:#1f6feb;
  color:#fff;
  box-shadow:0 8px 24px rgba(31,111,235,0.25);
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}

.threea-hero-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(31,111,235,0.35);
}

.btn-arrow{ display:inline-block; transform:translateX(0); transition:transform .2s ease; }
.threea-hero-btn:hover .btn-arrow{ transform:translateX(3px); }

/* Responsivo: centrar el contenido en tablet/móvil */
@media (max-width: 992px){
  .threea-hero-inner{ justify-content:center; }
  .threea-hero-content{ text-align:center; }
}

@media (max-width: 640px){
  .threea-hero-inner{ padding:36px 16px; }
}