:root{
  --ps-blue:#223975;
  --ps-cyan:#009ee2;
  --ps-bg:#fffbf8;
}

.ps-contacto{
  background: var(--ps-bg);
  padding: 140px 0 90px;
  overflow-x: hidden;
}

.ps-contacto .wrap{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.ps-contacto .title{
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-size: clamp(48px, 6vw, 84px);
  text-align: center;
  color: var(--ps-blue);
  margin-bottom: 20px;
}

.ps-contacto .subtitle{
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  color: var(--ps-blue);
  margin-bottom: 50px;
}

/* FORM */
.ps-form{
  position: relative;
  overflow: visible; /* mantiene diseño */
}

.ps-form-row{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
  margin-bottom: 20px;
}

.ps-input,
.ps-textarea{
  width: 100%;
  border: 2px solid #c7ced8;
  border-radius: 12px;
  padding: 12px 16px;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  outline: none;
  transition: .2s ease;
}

.ps-input:focus,
.ps-textarea:focus{
  border-color: var(--ps-blue);
}

.ps-textarea{
  min-height: 180px;
  resize: none;
}

.ps-submit{
  margin-top: 20px;
  background: var(--ps-cyan);
  border: none;
  padding: 12px 40px;
  border-radius: 12px;
  color: white;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transition: .2s ease;
}

.ps-submit:hover{
  filter: brightness(.95);
}

/* BURBUJA "Queremos escucharte" */
.ps-bubble{
  position: absolute;
  right: -20px;   /* volvemos al negativo */
  bottom: -20px;
  width: 340px;
}

.ps-bubble img{
  width: 100%;
  height: auto;
  filter: drop-shadow(0 25px 35px rgba(0,0,0,.25));
}

@media (max-width: 992px){

  .ps-form-row{
    grid-template-columns: 1fr;
  }

  .ps-bubble{
    position: relative;
    transform: none;   /* quitamos desplazamiento */
    right: auto;
    bottom: auto;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media (max-width: 768px){

.ps-contacto{
  padding: 140px 0 90px;
}

.ps-contacto .title{
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-size: clamp(28px, 6vw, 64px);
  text-align: center;
  color: var(--ps-blue);
  margin-bottom: 20px;
}

}