/* YUNTASUR2026 · ajustes para el CMS (ASP.NET). Se publica en /assets/yuntasur2026/cms.css.
   Usa los tokens de sitio/src/styles/global.css. */

/* Toda la página va dentro de <form id="aspnetForm" runat="server">: que no altere el layout. */
#aspnetForm { display: contents; }

/* Formulario de contacto: control ~/widgets/cms/contactoYUNTASUR2026.ascx (mismo diseño que LeadForm de sitio/). */
.yt-form { position: relative; display: grid; gap: var(--space-5); }
.yt-fields { display: grid; gap: var(--space-4); }
@media (min-width: 640px) {
  .yt-fields { grid-template-columns: 1fr 1fr; }
  .yt-field--full { grid-column: 1 / -1; }
}
.yt-field { display: grid; gap: 0.4rem; align-content: start; }
.yt-label { font-size: var(--text-sm); font-weight: 600; color: var(--ink); }
.yt-req { font-style: normal; }
.yt-form .form-control {
  width: 100%;
  min-height: 48px;
  padding: 0.7rem 0.9rem;
  border: 1.5px solid var(--line-strong);
  border-radius: 10px;
  background: var(--surface);
  color: var(--ink);
  font: inherit;
  font-size: 1rem; /* evita zoom automático en iOS */
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.yt-form textarea.form-control { height: 9.5rem; min-height: 140px; resize: vertical; line-height: 1.5; } /* rows="10" fijo en el control */
.yt-form .form-control:focus-visible {
  outline: none;
  border-color: var(--ink);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ink) 10%, transparent);
}
/* Validadores ASP.NET: <span style="color:Red;display:none"> que muestra el script de la aplicación */
.yt-err > span { color: var(--danger) !important; font-size: var(--text-xs); font-weight: 500; }
.yt-err > span + span { margin-left: 0.4em; }

.yt-submit { display: grid; gap: var(--space-3); }
@media (min-width: 640px) {
  .yt-submit { grid-template-columns: auto 1fr; align-items: center; gap: var(--space-5); }
}
/* asp:LinkButton (CssClass="btn-u", Style="float:right" fijos en el control) = .btn.btn--primary.btn--lg */
.yt-form .btn-u {
  float: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 54px;
  padding: 0.9rem 1.6rem;
  border-radius: var(--radius-pill);
  border: 1.5px solid transparent;
  background: var(--accent);
  color: #fff;
  font-weight: 600;
  font-size: var(--text-base);
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 6px 18px -8px color-mix(in srgb, var(--accent) 70%, transparent);
  transition: background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);
}
.yt-form .btn-u::after { content: "\2192"; font-weight: 700; transition: transform var(--dur-fast) var(--ease-out); }
.yt-form .btn-u:active { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) {
  .yt-form .btn-u:hover { background: var(--accent-hover); }
  .yt-form .btn-u:hover::after { transform: translateX(3px); }
}
.yt-form .btn-u:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.yt-fine { font-size: var(--text-xs); color: var(--ink-3); margin: 0; }
.yt-fine a { color: inherit; }