/* Solo en móviles: tres columnas hasta Asunto, luego una */
@media (min-width: 768px) {
/* Contenedor principal: tres columnas */
.TicketFormLeftContainer__part {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* tres columnas iguales */
  gap: 20px;
}

/* Encabezados de sección: siempre ocupan toda la fila */
.TicketFormLeftContainer__part h3,
.TicketFormLeftContainer__part .TicketFormLeftContainer__sectionName {
  grid-column: span 3;
}

/* Primer campo de cada sección: siempre en la primera columna */
.TicketFormLeftContainer__part .form-group:first-of-type {
  grid-column: 1;
}
/* Desde Asunto hacia abajo: ocupar toda la fila */
#field_subject,
#field_description,
#field_attachmentIds,
.TicketFormLeftContainer__formfooter{
  grid-column: span 3; /* se extienden en una sola columna */
  }
}
/* Encabezados de sección con líneas azules a los lados */
.TicketFormLeftContainer__sectionName {
  grid-column: span 3;        /* ocupa todo el ancho */
  border-left: 4px solid #0066cc;  /* línea azul a la izquierda */
  border-right: 4px solid #0066cc; /* línea azul a la derecha */
  padding: 10px;              /* espacio interno para que no quede pegado */
  margin-bottom: 15px;        /* separación con los campos */
}
#new_ticket_button {
  background-color: #0066cc;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
}
/* Forzar que el botón de Agregar Ticket se muestre también en Inicio */
/* Mostrar solo en la home */
/* Mostrar solo en la home 
body.portal-home .hometicket {
  display: block;
}
*/
/* Ocultar en todas las demás páginas 
portal:not(.home) .hometicket {
  display: none !important;
}
*/
/*Articulos centrales*/
.caja11 {
  border: 5px solid #f6f8fd;     /* borde claro */
  border-radius: 15px;           /* esquinas redondeadas */
  background-color: #ffffff;     /* fondo blanco */
  font-family: 'Lato', sans-serif;
  display: flex;                 /* activa flexbox en el recuadro */
  justify-content: center;       /* centra horizontalmente */
  align-items: center;           /* centra verticalmente */
  padding: 15px;
}

/* El enlace interno también se comporta como flex */
.caja11 a {
  display: flex;
  flex-direction: row;           /* imagen y texto en fila */
  align-items: center;           /* centra verticalmente */
  gap: 10px;                     /* espacio entre imagen y texto */
  text-decoration: none;         /* opcional: quita subrayado */
  color: #000;                   /* color del texto */
}

.caja11 img {
  display: block;                /* evita espacio fantasma debajo de la imagen */
}

[data-id="ticketForm"] #title_field_cf_encargado,
[data-id="ticketForm"] #dropdown_selected_field_Encargado {
    display: none !important;
}
/* Forzar que el primer campo de cada sección quede siempre a la izquierda */
.Form_field:first-child {
  grid-column: 1 !important;   /* asegura que arranque en la primera columna */
  margin-left: 0 !important;   /* elimina espacios extra */
}

/* Si usás flexbox */
.Form_section {
  display: flex;
  flex-wrap: wrap;
}

.Form_field {
  flex: 1 1 45%;   /* dos columnas */
  margin: 0 10px 15px 0;
}

.Form_field:first-child {
  flex-basis: 100%; /* opcional: que ocupe toda la fila */
  margin-left: 0;
}