/* =========================================================
   InmoPlus Publicador PRO – UI Tech Startup (Property Engine)
   Capa VISUAL: override sobre el core existente.
   ========================================================= */

:root{
  --ip-bg:#f6f7fb;
  --ip-card:#ffffff;
  --ip-text:#0f172a;
  --ip-muted:#64748b;
  --ip-border:#e5e7eb;
  --ip-accent:#80C342;
  --ip-accent-dark:#5fa12a;
  --ip-r-xl:22px;
  --ip-r:14px;
}

/* Fondo general */
body{ background: var(--ip-bg); }

/* Card principal: aplica a wrappers comunes */
.inmoplus-publicador,
.inmoplus-publicador-front,
.inmoplus-form,
.inmoplus-wrap,
.inmoplus-card,
.inmoplus-publicador-box,
.inmoplus-pub-wrap{
  max-width: 1100px;
  margin: 48px auto;
  background: var(--ip-card);
  border-radius: var(--ip-r-xl);
  padding: 48px;
  box-shadow: 0 30px 80px rgba(0,0,0,.08);
}

/* Títulos */
.inmoplus-publicador h1,
.inmoplus-publicador h2,
.inmoplus-publicador-front h1,
.inmoplus-publicador-front h2,
.inmoplus-form h1,
.inmoplus-form h2{
  color: var(--ip-text);
  letter-spacing: -0.02em;
}

/* Inputs SaaS */
.inmoplus-publicador input[type="text"],
.inmoplus-publicador input[type="number"],
.inmoplus-publicador input[type="email"],
.inmoplus-publicador input[type="url"],
.inmoplus-publicador select,
.inmoplus-publicador textarea,
.inmoplus-publicador-front input[type="text"],
.inmoplus-publicador-front input[type="number"],
.inmoplus-publicador-front input[type="email"],
.inmoplus-publicador-front input[type="url"],
.inmoplus-publicador-front select,
.inmoplus-publicador-front textarea,
.inmoplus-form input[type="text"],
.inmoplus-form input[type="number"],
.inmoplus-form input[type="email"],
.inmoplus-form input[type="url"],
.inmoplus-form select,
.inmoplus-form textarea{
  width:100%;
  background:#f9fafb;
  border:1px solid var(--ip-border);
  border-radius: var(--ip-r);
  padding: 14px 16px;
  font-size: 15px;
  transition: .2s;
}

.inmoplus-publicador textarea,
.inmoplus-publicador-front textarea,
.inmoplus-form textarea{ min-height: 130px; }

.inmoplus-publicador input:focus,
.inmoplus-publicador select:focus,
.inmoplus-publicador textarea:focus,
.inmoplus-publicador-front input:focus,
.inmoplus-publicador-front select:focus,
.inmoplus-publicador-front textarea:focus,
.inmoplus-form input:focus,
.inmoplus-form select:focus,
.inmoplus-form textarea:focus{
  outline:none;
  border-color: var(--ip-accent);
  background:#fff;
  box-shadow: 0 0 0 4px rgba(128,195,66,.15);
}

/* Botón principal */
.inmoplus-btn,
.inmoplus-submit button,
.inmoplus-publicador button[type="submit"],
.inmoplus-publicador-front button[type="submit"],
.inmoplus-form button[type="submit"]{
  width:100%;
  height:62px;
  border:none;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--ip-accent), var(--ip-accent-dark));
  color:#fff;
  font-size:17px;
  font-weight:600;
  cursor:pointer;
  transition:.2s;
}

.inmoplus-btn:hover,
.inmoplus-submit button:hover,
.inmoplus-publicador button[type="submit"]:hover,
.inmoplus-publicador-front button[type="submit"]:hover,
.inmoplus-form button[type="submit"]:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(128,195,66,.35);
}

/* Grid helper (si el HTML ya usa columnas) */
.inmoplus-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

/* Mobile */
@media(max-width:900px){
  .inmoplus-grid{ grid-template-columns: 1fr; }
  .inmoplus-publicador,
  .inmoplus-publicador-front,
  .inmoplus-form,
  .inmoplus-wrap,
  .inmoplus-card,
  .inmoplus-publicador-box,
  .inmoplus-pub-wrap{
    padding: 28px;
    margin: 20px;
  }
}